@magmonium/one 0.4.34 → 0.4.35

package/fesm2022/magmonium-one-base-text-Zb0oLNRX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-base-text-Zb0oLNRX.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/text/base-text.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  computed,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  model,\n  ModelSignal,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { FormValueControl } from '@angular/forms/signals';\nimport { Input, TextInput } from '../../model/input';\nimport { BaseInputComponent } from '../../lib/base-input';\n\n@Directive({})\nexport class BaseTextInputComponent<T extends Input = TextInput>\n  extends BaseInputComponent<T>\n  implements FormValueControl<string>\n{\n  public value = model<string>() as ModelSignal<string>;\n\n  private inputElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n  private readonly document = inject(DOCUMENT);\n\n  /** The element this field has already claimed the caret for, once. */\n  private autofocused: HTMLInputElement | undefined;\n\n  constructor() {\n    super();\n    afterRenderEffect(() => {\n      const element = this.inputElement();\n      if (!this.focused() || !element) return;\n\n      const node = element.nativeElement;\n      // Once per element. A form that re-renders — an inspector rebuilt on\n      // every store change — mounts a fresh input each time, and a focus per\n      // mount is a focus per keystroke somewhere else on the screen.\n      if (this.autofocused === node) return;\n\n      // And never out of a surface the User is already working in. Same rule\n      // the form makes for its own first field: a caret that has been placed\n      // is theirs, not the next form's to take.\n      const active = this.document.activeElement;\n      if (active && active !== this.document.body && active !== node) return;\n\n      this.autofocused = node;\n      node.focus();\n    });\n  }\n\n  public readonly isFocused = signal(false);\n\n  // Icon tracks the wrapper's border: =input-wrapper paints $error on error,\n  // the focus tint on focus, and the border color at rest.\n  public readonly iconColor = computed(() => {\n    if (this.showErrors()) return 'error';\n    if (this.isFocused()) return 'focus';\n    return 'border';\n  });\n\n  protected readonly setValue = (value: string) => {\n    this.value.set(value);\n    this.touched.set(true);\n  };\n}\n"],"mappings":";;;AAiBA,IAAa,yBAAb,MAAa,+BACH,mBAAqB;CAGtB,QAAQ,MAAK;CAEZ,eACN,UAAwC,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAExC,WAAW,OAAO,QAAQ;CAGnC;CAER,cAAA;EACE,MAAK;EACL,wBAAuB;GACrB,MAAM,UAAU,KAAK,aAAY;GACjC,IAAI,CAAC,KAAK,QAAO,KAAM,CAAC,SAAS;GAEjC,MAAM,OAAO,QAAQ;GAIrB,IAAI,KAAK,gBAAgB,MAAM;GAK/B,MAAM,SAAS,KAAK,SAAS;GAC7B,IAAI,UAAU,WAAW,KAAK,SAAS,QAAQ,WAAW,MAAM;GAEhE,KAAK,cAAc;GACnB,KAAK,MAAK;EACZ,CAAC;CACH;CAEgB,YAAY,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAIzB,YAAY,eAAc;EACxC,IAAI,KAAK,WAAU,GAAI,OAAO;EAC9B,IAAI,KAAK,UAAS,GAAI,OAAO;EAC7B,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,YAAY,UAAiB;EAC9C,KAAK,MAAM,IAAI,KAAK;EACpB,KAAK,QAAQ,IAAI,IAAI;CACvB;CAlDW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAsB,cAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,SAAA,EAAA,OAAA,cAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,cAAA;GAAA,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAtB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EADlC,MAAA;EAAU,MAAA,CAAA,CAAA,CAAE;CAQ+B,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,aAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,gBAAc,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}