@tinya-code/gas-admin-ui 0.2.0-alpha.2 → 0.2.0-alpha.4

package/fesm2022/{tinya-code-gas-admin-ui-file-CKh878UH.mjs.map → tinya-code-gas-admin-ui-file-JstsF8C5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-file-CKh878UH.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/file/file.ts"],"sourcesContent":["import { HttpEventType } from '@angular/common/http';\nimport {\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport type { FileField } from '../../core/models/schema.model';\nimport { ApiError } from '../../core/models/api.model';\nimport { NotificationService } from '../../core/services/notification.service';\nimport { Button } from '../../shared/components/button/button';\nimport { UploadService } from '../../core/services/upload.service';\n\n/**\n * Carga de archivo (base.md §7 · R9.5.3): el valor es SOLO la URL pública,\n * igual que `image`, pero para cualquier tipo de archivo (pdf, xlsx, zip…).\n *\n * Espejo de `FieldImage` (D27: es un control propio que no pasa por\n * `NgComponentOutlet`, porque su `value` es un `model()` que el host\n * sincroniza por `[formField]`). La ÚNICA diferencia de comportamiento: no\n * fuerza el prefijo `image/` — el catálogo de formatos lo define el backend\n * por campo (`formats` declarado) o la lista global, y el cliente sólo\n * respeta `accept`/`maxSizeMB` como validación de comodidad.\n *\n * Estados: vacío (zona punteada + arrastrar-soltar), subiendo (progreso; el\n * valor no cambia hasta la respuesta), con archivo (nombre + Quitar / Ver) y\n * error (conserva el archivo anterior).\n */\n@Component({\n  selector: 'app-field-file',\n  imports: [Button],\n  template: ` @if (error(); as message) {\n      <p\n        class=\"mb-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-xs text-danger\"\n        role=\"alert\"\n      >\n        {{ message }}\n      </p>\n    }\n    @if (uploading()) {\n      <div class=\"rounded-xl border border-neutral/20 bg-surface p-3\" data-testid=\"file-uploading\">\n        <div class=\"h-1.5 w-full overflow-hidden rounded-full bg-neutral/20\">\n          <div\n            class=\"h-full rounded-full bg-primary transition-all\"\n            [style.width.%]=\"progress()\"\n          ></div>\n        </div>\n        <p class=\"mt-1 text-xs text-neutral\">Subiendo… {{ progress() }}%</p>\n      </div>\n    } @else if (value()) {\n      <div\n        class=\"rounded-xl border border-neutral/20 bg-surface p-3\"\n        data-testid=\"file-preview\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"truncate text-sm font-medium\" [title]=\"value()\">{{ fileName() }}</p>\n        <div class=\"mt-2 flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            app-button\n            variant=\"outline\"\n            [disabled]=\"disabled()\"\n            (click)=\"pickFile()\"\n          >\n            Reemplazar\n          </button>\n          @if (!field().required) {\n            <button\n              type=\"button\"\n              app-button\n              variant=\"outline\"\n              [disabled]=\"disabled()\"\n              (click)=\"clear()\"\n            >\n              Quitar\n            </button>\n          }\n          <a\n            class=\"text-sm font-medium text-primary hover:underline\"\n            [href]=\"value()\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Abrir\n          </a>\n        </div>\n      </div>\n    } @else {\n      <div\n        class=\"rounded-xl border-2 border-dashed border-neutral/30 p-6 text-center\"\n        data-testid=\"file-dropzone\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"text-sm text-neutral\">Arrastrá un archivo acá</p>\n        <button\n          type=\"button\"\n          app-button\n          variant=\"outline\"\n          class=\"mt-2\"\n          [disabled]=\"disabled()\"\n          (click)=\"pickFile()\"\n        >\n          Subir archivo\n        </button>\n      </div>\n    }\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"sr-only\"\n      [accept]=\"acceptAttr()\"\n      [disabled]=\"disabled()\"\n      (change)=\"onFileSelected($event)\"\n    />`,\n})\nexport class FieldFile implements FormValueControl<string> {\n  readonly field = input.required<FileField>();\n  /** Recurso dueño del archivo (firma de subida: carpeta de Cloudinary, §11.2). */\n  readonly resource = input('');\n\n  /** Sincronizado por el directive `FormField` del host. */\n  readonly value = model.required<string>();\n  readonly disabled = input(false);\n  /** Marca el campo como tocado (upload/clear/error), como el `blur` nativo. */\n  readonly touch = output<void>();\n\n  private readonly upload = inject(UploadService);\n  private readonly notifications = inject(NotificationService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly uploading = signal(false);\n  protected readonly progress = signal(0);\n  protected readonly error = signal<string | null>(null);\n\n  /**\n   * Nombre derivado de la URL para el preview. Cloudinary guarda el\n   * `public_id` al final del path (…/v123/produccion/adjuntos/archivo_xyz):\n   * lo presentable es el sufijo tras el último `/`, sin extensión ruidosa.\n   */\n  protected readonly fileName = computed(() => {\n    const url = this.value();\n    const segment = url.split('/').pop() ?? url;\n    return decodeURIComponent(segment);\n  });\n\n  /** `accept` de `<input type=file>`: el declarado o `''` (sin forzar `image/*`). */\n  protected readonly acceptAttr = computed(() => this.field().accept ?? '');\n\n  /**\n   * Template ref `#fileInput`: Angular NO auto-asigna las template refs a\n   * propiedades de clase (mismo motivo que en `FieldImage`).\n   */\n  private readonly fileInput = viewChild.required<ElementRef<HTMLInputElement>>('fileInput');\n  private uploadSub?: { unsubscribe(): void };\n\n  protected pickFile(): void {\n    this.fileInput().nativeElement.click();\n  }\n\n  protected clear(): void {\n    this.value.set('');\n    this.error.set(null);\n    this.touch.emit();\n  }\n\n  protected onFileSelected(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const file = input.files?.[0];\n    // Permite volver a elegir el mismo archivo tras un error.\n    input.value = '';\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  protected onDrop(event: Event): void {\n    event.preventDefault();\n    const file = (event as DragEvent).dataTransfer?.files?.[0];\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  /** Valida en cliente (accept + maxSizeMB) y sube con progreso. */\n  private startUpload(file: File): void {\n    if (this.disabled()) {\n      return;\n    }\n    const problem = this.validate(file);\n    if (problem !== null) {\n      this.error.set(problem);\n      this.touch.emit();\n      return;\n    }\n    this.error.set(null);\n    this.uploading.set(true);\n    this.progress.set(0);\n    this.touch.emit();\n\n    this.uploadSub?.unsubscribe();\n    // El nombre del campo viaja siempre: si declara `formats`, el backend\n    // firma ESA lista; sin formatos firma la lista global (R9.5.3).\n    this.uploadSub = this.upload\n      .uploadWithProgress(file, this.resource(), this.field().key)\n      .subscribe({\n        next: (event) => {\n          if (event.type === HttpEventType.UploadProgress) {\n            if (event.total) {\n              this.progress.set(Math.round((event.loaded / event.total) * 100));\n            }\n            return;\n          }\n          if (event.type === HttpEventType.Response) {\n            const url = event.body ?? '';\n            this.uploading.set(false);\n            if (url === '') {\n              this.error.set('No se pudo subir el archivo.');\n              return;\n            }\n            this.value.set(url);\n            this.notifications.success('Archivo subido.');\n          }\n        },\n        error: (err: unknown) => {\n          this.uploading.set(false);\n          // El backend explica el motivo (firma inválida, 429 rate-limit…).\n          this.error.set(\n            err instanceof ApiError\n              ? err.message\n              : 'No se pudo subir el archivo. Revisa la conexión e inténtalo de nuevo.',\n          );\n        },\n      });\n    this.destroyRef.onDestroy(() => this.uploadSub?.unsubscribe());\n  }\n\n  private validate(file: File): string | null {\n    const accept = this.field().accept;\n    if (accept !== undefined && accept !== '' && !acceptMatches(accept, file)) {\n      return 'Formato no permitido para este campo.';\n    }\n    const maxSizeMB = this.field().maxSizeMB;\n    if (maxSizeMB !== undefined && file.size > maxSizeMB * 1024 * 1024) {\n      return `El archivo supera ${maxSizeMB} MB.`;\n    }\n    return null;\n  }\n}\n\n/** `accept` de `<input type=file>`: lista, `tipo/*` o extensión `.png`. */\nfunction acceptMatches(accept: string, file: File): boolean {\n  for (const raw of accept.split(',')) {\n    const entry = raw.trim().toLowerCase();\n    if (entry === '') {\n      continue;\n    }\n    if (entry.startsWith('.')) {\n      if (file.name.toLowerCase().endsWith(entry)) {\n        return true;\n      }\n    } else if (entry.endsWith('/*')) {\n      if (file.type.startsWith(entry.slice(0, -1))) {\n        return true;\n      }\n    } else if (file.type === entry) {\n      return true;\n    }\n  }\n  return false;\n}\n"],"mappings":"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"}
+{"version":3,"file":"tinya-code-gas-admin-ui-file-JstsF8C5.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/file/file.ts"],"sourcesContent":["import { HttpEventType } from '@angular/common/http';\nimport {\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport type { FileField } from '../../core/models/schema.model';\nimport { ApiError } from '../../core/models/api.model';\nimport { NotificationService } from '../../core/services/notification.service';\nimport { Button } from '../../shared/components/button/button';\nimport { UploadService } from '../../core/services/upload.service';\n\n/**\n * Carga de archivo (base.md §7 · R9.5.3): el valor es SOLO la URL pública,\n * igual que `image`, pero para cualquier tipo de archivo (pdf, xlsx, zip…).\n *\n * Espejo de `FieldImage` (D27: es un control propio que no pasa por\n * `NgComponentOutlet`, porque su `value` es un `model()` que el host\n * sincroniza por `[formField]`). La ÚNICA diferencia de comportamiento: no\n * fuerza el prefijo `image/` — el catálogo de formatos lo define el backend\n * por campo (`formats` declarado) o la lista global, y el cliente sólo\n * respeta `accept`/`maxSizeMB` como validación de comodidad.\n *\n * Estados: vacío (zona punteada + arrastrar-soltar), subiendo (progreso; el\n * valor no cambia hasta la respuesta), con archivo (nombre + Quitar / Ver) y\n * error (conserva el archivo anterior).\n */\n@Component({\n  selector: 'app-field-file',\n  imports: [Button],\n  template: ` @if (error(); as message) {\n      <p\n        class=\"mb-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-xs text-danger\"\n        role=\"alert\"\n      >\n        {{ message }}\n      </p>\n    }\n    @if (uploading()) {\n      <div class=\"rounded-xl border border-neutral/20 bg-surface p-3\" data-testid=\"file-uploading\">\n        <div class=\"h-1.5 w-full overflow-hidden rounded-full bg-neutral/20\">\n          <div\n            class=\"h-full rounded-full bg-primary transition-all\"\n            [style.width.%]=\"progress()\"\n          ></div>\n        </div>\n        <p class=\"mt-1 text-xs text-neutral\">Subiendo… {{ progress() }}%</p>\n      </div>\n    } @else if (value()) {\n      <div\n        class=\"rounded-xl border border-neutral/20 bg-surface p-3\"\n        data-testid=\"file-preview\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"truncate text-sm font-medium\" [title]=\"value()\">{{ fileName() }}</p>\n        <div class=\"mt-2 flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            app-button\n            variant=\"outline\"\n            [disabled]=\"disabled()\"\n            (click)=\"pickFile()\"\n          >\n            Reemplazar\n          </button>\n          @if (!field().required) {\n            <button\n              type=\"button\"\n              app-button\n              variant=\"outline\"\n              [disabled]=\"disabled()\"\n              (click)=\"clear()\"\n            >\n              Quitar\n            </button>\n          }\n          <a\n            class=\"text-sm font-medium text-primary hover:underline\"\n            [href]=\"value()\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Abrir\n          </a>\n        </div>\n      </div>\n    } @else {\n      <div\n        class=\"rounded-xl border-2 border-dashed border-neutral/30 p-6 text-center\"\n        data-testid=\"file-dropzone\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"text-sm text-neutral\">Arrastrá un archivo acá</p>\n        <button\n          type=\"button\"\n          app-button\n          variant=\"outline\"\n          class=\"mt-2\"\n          [disabled]=\"disabled()\"\n          (click)=\"pickFile()\"\n        >\n          Subir archivo\n        </button>\n      </div>\n    }\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"sr-only\"\n      [accept]=\"acceptAttr()\"\n      [disabled]=\"disabled()\"\n      (change)=\"onFileSelected($event)\"\n    />`,\n})\nexport class FieldFile implements FormValueControl<string> {\n  readonly field = input.required<FileField>();\n  /** Recurso dueño del archivo (firma de subida: carpeta de Cloudinary, §11.2). */\n  readonly resource = input('');\n\n  /** Sincronizado por el directive `FormField` del host. */\n  readonly value = model.required<string>();\n  readonly disabled = input(false);\n  /** Marca el campo como tocado (upload/clear/error), como el `blur` nativo. */\n  readonly touch = output<void>();\n\n  private readonly upload = inject(UploadService);\n  private readonly notifications = inject(NotificationService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly uploading = signal(false);\n  protected readonly progress = signal(0);\n  protected readonly error = signal<string | null>(null);\n\n  /**\n   * Nombre derivado de la URL para el preview. Cloudinary guarda el\n   * `public_id` al final del path (…/v123/produccion/adjuntos/archivo_xyz):\n   * lo presentable es el sufijo tras el último `/`, sin extensión ruidosa.\n   */\n  protected readonly fileName = computed(() => {\n    const url = this.value();\n    const segment = url.split('/').pop() ?? url;\n    return decodeURIComponent(segment);\n  });\n\n  /** `accept` de `<input type=file>`: el declarado o `''` (sin forzar `image/*`). */\n  protected readonly acceptAttr = computed(() => this.field().accept ?? '');\n\n  /**\n   * Template ref `#fileInput`: Angular NO auto-asigna las template refs a\n   * propiedades de clase (mismo motivo que en `FieldImage`).\n   */\n  private readonly fileInput = viewChild.required<ElementRef<HTMLInputElement>>('fileInput');\n  private uploadSub?: { unsubscribe(): void };\n\n  protected pickFile(): void {\n    this.fileInput().nativeElement.click();\n  }\n\n  protected clear(): void {\n    this.value.set('');\n    this.error.set(null);\n    this.touch.emit();\n  }\n\n  protected onFileSelected(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const file = input.files?.[0];\n    // Permite volver a elegir el mismo archivo tras un error.\n    input.value = '';\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  protected onDrop(event: Event): void {\n    event.preventDefault();\n    const file = (event as DragEvent).dataTransfer?.files?.[0];\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  /** Valida en cliente (accept + maxSizeMB) y sube con progreso. */\n  private startUpload(file: File): void {\n    if (this.disabled()) {\n      return;\n    }\n    const problem = this.validate(file);\n    if (problem !== null) {\n      this.error.set(problem);\n      this.touch.emit();\n      return;\n    }\n    this.error.set(null);\n    this.uploading.set(true);\n    this.progress.set(0);\n    this.touch.emit();\n\n    this.uploadSub?.unsubscribe();\n    // El nombre del campo viaja siempre: si declara `formats`, el backend\n    // firma ESA lista; sin formatos firma la lista global (R9.5.3).\n    this.uploadSub = this.upload\n      .uploadWithProgress(file, this.resource(), this.field().key)\n      .subscribe({\n        next: (event) => {\n          if (event.type === HttpEventType.UploadProgress) {\n            if (event.total) {\n              this.progress.set(Math.round((event.loaded / event.total) * 100));\n            }\n            return;\n          }\n          if (event.type === HttpEventType.Response) {\n            const url = event.body ?? '';\n            this.uploading.set(false);\n            if (url === '') {\n              this.error.set('No se pudo subir el archivo.');\n              return;\n            }\n            this.value.set(url);\n            this.notifications.success('Archivo subido.');\n          }\n        },\n        error: (err: unknown) => {\n          this.uploading.set(false);\n          // El backend explica el motivo (firma inválida, 429 rate-limit…).\n          this.error.set(\n            err instanceof ApiError\n              ? err.message\n              : 'No se pudo subir el archivo. Revisa la conexión e inténtalo de nuevo.',\n          );\n        },\n      });\n    this.destroyRef.onDestroy(() => this.uploadSub?.unsubscribe());\n  }\n\n  private validate(file: File): string | null {\n    const accept = this.field().accept;\n    if (accept !== undefined && accept !== '' && !acceptMatches(accept, file)) {\n      return 'Formato no permitido para este campo.';\n    }\n    const maxSizeMB = this.field().maxSizeMB;\n    if (maxSizeMB !== undefined && file.size > maxSizeMB * 1024 * 1024) {\n      return `El archivo supera ${maxSizeMB} MB.`;\n    }\n    return null;\n  }\n}\n\n/** `accept` de `<input type=file>`: lista, `tipo/*` o extensión `.png`. */\nfunction acceptMatches(accept: string, file: File): boolean {\n  for (const raw of accept.split(',')) {\n    const entry = raw.trim().toLowerCase();\n    if (entry === '') {\n      continue;\n    }\n    if (entry.startsWith('.')) {\n      if (file.name.toLowerCase().endsWith(entry)) {\n        return true;\n      }\n    } else if (entry.endsWith('/*')) {\n      if (file.type.startsWith(entry.slice(0, -1))) {\n        return true;\n      }\n    } else if (file.type === entry) {\n      return true;\n    }\n  }\n  return false;\n}\n"],"mappings":"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"}

package/fesm2022/{tinya-code-gas-admin-ui-form-view-_LpdZb15.mjs → tinya-code-gas-admin-ui-form-view-BcjgVVKC.mjs}

@@ -1,20 +1,20 @@
 import { t as __exportAll } from "./tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs";
-import { c as ConfigService, d as AuthService, i as getSchema, l as ApiService } from "./tinya-code-gas-admin-ui-schema-catalog-CL4IZDce.mjs";
-import { n as get, r as isSupported, s as resolve, t as RENDER_CONTEXT_VACIO } from "./tinya-code-gas-admin-ui-render-registry-ghv7Mb1x.mjs";
-import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-DmvlAP9z.mjs";
+import { c as ConfigService, d as AuthService, i as getSchema, l as ApiService } from "./tinya-code-gas-admin-ui-schema-catalog-CsB26qUM.mjs";
+import { n as get, r as isSupported, s as resolve, t as RENDER_CONTEXT_VACIO } from "./tinya-code-gas-admin-ui-render-registry-B7mmgFSW.mjs";
+import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-CHzJuOx2.mjs";
 import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
 import { t as NotificationService } from "./tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs";
 import { t as interpolateTemplate } from "./tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs";
-import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-dKQNLNRJ.mjs";
+import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-BQ--gSnT.mjs";
 import { t as EmptyState } from "./tinya-code-gas-admin-ui-empty-state-BMc0QtoT.mjs";
 import { t as FIELD_ARIA } from "./tinya-code-gas-admin-ui-field-aria-BD1Wiggc.mjs";
 import { i as listTree, n as groupTree, r as itemTree, t as childTree } from "./tinya-code-gas-admin-ui-field-node-CIK6KNN_.mjs";
-import { t as FieldFile } from "./tinya-code-gas-admin-ui-file-CKh878UH.mjs";
-import { t as FieldImage } from "./tinya-code-gas-admin-ui-image-BPfPNwru.mjs";
-import { t as FieldMultiselect } from "./tinya-code-gas-admin-ui-multiselect-SfZJHfbh.mjs";
+import { t as FieldFile } from "./tinya-code-gas-admin-ui-file-JstsF8C5.mjs";
+import { t as FieldImage } from "./tinya-code-gas-admin-ui-image-CnGes7gs.mjs";
+import { t as FieldMultiselect } from "./tinya-code-gas-admin-ui-multiselect-BiKb7192.mjs";
 import { t as esGrupoRadio } from "./tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs";
 import { t as Skeleton } from "./tinya-code-gas-admin-ui-skeleton-DnWK0tcZ.mjs";
-import { a as colSpanClass, i as seedFields, n as mergeRecord, r as seedFieldValue, t as isRecord } from "./tinya-code-gas-admin-ui-seed-BnwHE1Tw.mjs";
+import { a as colSpanClass, i as seedFields, n as mergeRecord, r as seedFieldValue, t as isRecord } from "./tinya-code-gas-admin-ui-seed-CJEt__kZ.mjs";
 import { t as RelationDrawerService } from "./tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, Component, DestroyRef, InjectionToken, Injector, PendingTasks, afterRenderEffect, computed, effect, forwardRef, inject, input, isDevMode, output, resource, signal, viewChild } from "@angular/core";
@@ -4510,4 +4510,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { resolveShare as _, DrawerForm as a, buildFormSchema as c, actionTypes as d, actionsFor as f, isTriggerAction as g, isShareAction as h, CopyShare as i, FieldHost as l, registerAction as m, form_view_exports as n, buildPayload as o, getAction as p, Modal as r, seedModel as s, FormView as t, actionType as u, RenderHost as v };
 
-//# sourceMappingURL=tinya-code-gas-admin-ui-form-view-_LpdZb15.mjs.map
+//# sourceMappingURL=tinya-code-gas-admin-ui-form-view-BcjgVVKC.mjs.map