@ng-doc/app 22.1.0 → 22.2.0

package/fesm2022/ng-doc-app-type-controls-json-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-type-controls-json-control.mjs","sources":["../../../../libs/app/type-controls/json-control/json-control.component.ts","../../../../libs/app/type-controls/json-control/json-control.component.html","../../../../libs/app/type-controls/json-control/ng-doc-app-type-controls-json-control.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  Signal,\n  signal,\n} from '@angular/core';\nimport { NgDocPlaygroundTexts, NgDocTypeControl } from '@ng-doc/app/interfaces';\nimport { NG_DOC_TEXTS } from '@ng-doc/app/tokens';\nimport { DIControl } from 'di-controls';\n\n/** The value of no text yet: no value has been written to the control. */\nconst NOTHING: unique symbol = Symbol('NOTHING');\n\nlet nextId = 0;\n\n/**\n * The playground control of array inputs that have no list control, such as `Item[]` or\n * `[string, number]`: a text area that holds the value as JSON.\n *\n * Text that parses sets the value; while the text is not JSON, the field is marked as invalid and\n * the input keeps its last valid value. An empty field is `undefined`, and the value that the\n * playground writes is shown as JSON again, so the text and the value always match. It edits any\n * value that JSON can hold, so it can also be registered for an object type.\n */\n@Component({\n  selector: 'ng-doc-json-control',\n  templateUrl: './json-control.component.html',\n  styleUrls: ['./json-control.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocJsonControlComponent<T = unknown>\n  extends DIControl<T | undefined>\n  implements NgDocTypeControl<T | undefined>\n{\n  /** The text of the field. */\n  protected readonly text = signal<string>('');\n\n  /** Whether the text is not JSON. */\n  protected readonly invalid = signal<boolean>(false);\n\n  /** The rows of the field: its lines, from 2 to 10. */\n  protected readonly rows: Signal<number> = computed(() =>\n    Math.min(Math.max(this.text().split('\\n').length, 2), 10),\n  );\n\n  protected readonly texts: NgDocPlaygroundTexts = inject(NG_DOC_TEXTS).playground;\n\n  /** ID of the message that describes invalid text. */\n  protected readonly errorId: string = `ng-doc-json-control-error-${nextId++}`;\n\n  /** The value that the text stands for. */\n  private textValue: T | null | undefined | typeof NOTHING = NOTHING;\n\n  constructor() {\n    super();\n  }\n\n  override writeValue(value: T | null | undefined): void {\n    super.writeValue(value);\n\n    // The form writes back each value the control reports. That value is the text already, which\n    // must stay as the reader typed it (spaces, line breaks), so only another value replaces it.\n    if (value !== this.textValue || this.invalid()) {\n      this.textValue = value;\n      this.text.set(toJson(value));\n      this.invalid.set(false);\n    }\n  }\n\n  /**\n   * Sets the value from the text of the field, when it is JSON.\n   * @param text - The text of the field.\n   */\n  protected edit(text: string): void {\n    this.text.set(text);\n\n    let value: T | undefined;\n\n    try {\n      value = text.trim() === '' ? undefined : (JSON.parse(text) as T);\n    } catch {\n      this.invalid.set(true);\n\n      return;\n    }\n\n    this.invalid.set(false);\n    this.textValue = value;\n    this.updateModel(value);\n  }\n}\n\n/**\n * The text of a value: JSON with two-space indents, or nothing for `undefined` and for values that\n * JSON can't hold.\n * @param value - The value.\n */\nfunction toJson(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2) ?? '';\n  } catch {\n    return '';\n  }\n}\n","<textarea\n  #field\n  class=\"ng-doc-json-control-field\"\n  spellcheck=\"false\"\n  autocapitalize=\"off\"\n  autocomplete=\"off\"\n  [rows]=\"rows()\"\n  [value]=\"text()\"\n  [disabled]=\"disabled\"\n  [attr.aria-invalid]=\"invalid() ? 'true' : null\"\n  [attr.aria-describedby]=\"invalid() ? errorId : null\"\n  (input)=\"edit(field.value)\"\n  (blur)=\"touch()\"></textarea>\n@if (invalid()) {\n  <span class=\"ng-doc-json-control-error\" [id]=\"errorId\">{{ texts.invalidJson }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}