@praxisui/dynamic-fields 8.0.0-beta.7 → 8.0.0-beta.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +19 -0
  2. package/docs/dynamic-fields-field-catalog.md +217 -0
  3. package/docs/dynamic-fields-field-selection-guide.md +204 -0
  4. package/docs/dynamic-fields-host-custom-field-guide.md +252 -0
  5. package/docs/dynamic-fields-host-custom-field-troubleshooting.md +160 -0
  6. package/docs/dynamic-fields-inline-components-guide.md +582 -0
  7. package/docs/dynamic-fields-inline-filter-catalog.md +502 -0
  8. package/docs/dynamic-fields-inline-filter-custom-component-guide.md +241 -0
  9. package/docs/dynamic-fields-inline-filter-inventory.md +247 -0
  10. package/docs/dynamic-fields-inline-filter-runtime-contract.md +391 -0
  11. package/docs/dynamic-fields-inline-filter-selection-guide.md +419 -0
  12. package/docs/dynamic-fields-inline-filter-troubleshooting.md +201 -0
  13. package/docs/dynamic-fields-inventory.md +206 -0
  14. package/docs/dynamic-fields-playground-catalog-plan.md +243 -0
  15. package/docs/generic-crud-service.md +152 -0
  16. package/fesm2022/praxisui-dynamic-fields-index-CBogy3si.mjs +1 -0
  17. package/fesm2022/praxisui-dynamic-fields-index-CWPZdn1Y.mjs +6 -0
  18. package/fesm2022/praxisui-dynamic-fields-index-CrHhyUMO.mjs +1 -0
  19. package/fesm2022/praxisui-dynamic-fields-index-DhGo5In4.mjs +6 -0
  20. package/fesm2022/praxisui-dynamic-fields.mjs +19551 -10669
  21. package/package.json +14 -13
  22. package/src/lib/base/pdx-base-input-runtime-contract.json-api.md +526 -0
  23. package/src/lib/base/pdx-base-select-runtime-contract.json-api.md +474 -0
  24. package/src/lib/components/color-input/pdx-color-input.json-api.md +573 -0
  25. package/src/lib/components/color-picker/pdx-color-picker.json-api.md +686 -0
  26. package/src/lib/components/date-input/pdx-date-input.json-api.md +581 -0
  27. package/src/lib/components/datetime-local-input/pdx-datetime-local-input.json-api.md +560 -0
  28. package/src/lib/components/email-input/pdx-email-input.json-api.md +546 -0
  29. package/src/lib/components/field-shell/praxis-field-shell.json-api.md +523 -0
  30. package/src/lib/components/inline-async-select/pdx-inline-async-select.json-api.md +566 -0
  31. package/src/lib/components/inline-autocomplete/pdx-inline-autocomplete.json-api.md +554 -0
  32. package/src/lib/components/inline-color-label/pdx-inline-color-label.json-api.md +615 -0
  33. package/src/lib/components/inline-currency/pdx-inline-currency.json-api.md +542 -0
  34. package/src/lib/components/inline-currency-range/pdx-inline-currency-range.json-api.md +630 -0
  35. package/src/lib/components/inline-date/pdx-inline-date.json-api.md +529 -0
  36. package/src/lib/components/inline-date-range/pdx-inline-date-range.json-api.md +592 -0
  37. package/src/lib/components/inline-distance-radius/pdx-inline-distance-radius.json-api.md +649 -0
  38. package/src/lib/components/inline-entity-lookup/pdx-inline-entity-lookup.json-api.md +656 -0
  39. package/src/lib/components/inline-input/pdx-inline-input.json-api.md +538 -0
  40. package/src/lib/components/inline-multi-select/pdx-inline-multi-select.json-api.md +566 -0
  41. package/src/lib/components/inline-number/pdx-inline-number.json-api.md +533 -0
  42. package/src/lib/components/inline-pipeline-status/pdx-inline-pipeline-status.json-api.md +619 -0
  43. package/src/lib/components/inline-range-slider/pdx-inline-range-slider.json-api.md +605 -0
  44. package/src/lib/components/inline-rating/pdx-inline-rating.json-api.md +594 -0
  45. package/src/lib/components/inline-relative-period/pdx-inline-relative-period.json-api.md +623 -0
  46. package/src/lib/components/inline-score-priority/pdx-inline-score-priority.json-api.md +632 -0
  47. package/src/lib/components/inline-searchable-select/pdx-inline-searchable-select.json-api.md +564 -0
  48. package/src/lib/components/inline-select/pdx-inline-select.json-api.md +571 -0
  49. package/src/lib/components/inline-sentiment/pdx-inline-sentiment.json-api.md +661 -0
  50. package/src/lib/components/inline-time/pdx-inline-time.json-api.md +573 -0
  51. package/src/lib/components/inline-time-range/pdx-inline-time-range.json-api.md +635 -0
  52. package/src/lib/components/inline-toggle/pdx-inline-toggle.json-api.md +516 -0
  53. package/src/lib/components/inline-tree-select/pdx-inline-tree-select.json-api.md +637 -0
  54. package/src/lib/components/material-async-select/pdx-material-async-select.json-api.md +566 -0
  55. package/src/lib/components/material-autocomplete/pdx-material-autocomplete.json-api.md +561 -0
  56. package/src/lib/components/material-avatar/pdx-material-avatar.json-api.md +670 -0
  57. package/src/lib/components/material-button/pdx-material-button.json-api.md +572 -0
  58. package/src/lib/components/material-button-toggle/pdx-material-button-toggle.json-api.md +577 -0
  59. package/src/lib/components/material-checkbox-group/pdx-material-checkbox-group.json-api.md +611 -0
  60. package/src/lib/components/material-chips/pdx-material-chips.json-api.md +601 -0
  61. package/src/lib/components/material-colorpicker/pdx-material-colorpicker.json-api.md +545 -0
  62. package/src/lib/components/material-cpf-cnpj-input/pdx-material-cpf-cnpj-input.json-api.md +531 -0
  63. package/src/lib/components/material-currency/pdx-material-currency.json-api.md +569 -0
  64. package/src/lib/components/material-date-range/pdx-material-date-range.json-api.md +636 -0
  65. package/src/lib/components/material-datepicker/pdx-material-datepicker.json-api.md +551 -0
  66. package/src/lib/components/material-file-upload/pdx-material-file-upload.json-api.md +511 -0
  67. package/src/lib/components/material-multi-select/pdx-material-multi-select.json-api.md +596 -0
  68. package/src/lib/components/material-multi-select-tree/pdx-material-multi-select-tree.json-api.md +623 -0
  69. package/src/lib/components/material-price-range/pdx-material-price-range.json-api.md +619 -0
  70. package/src/lib/components/material-radio-group/pdx-material-radio-group.json-api.md +585 -0
  71. package/src/lib/components/material-range-slider/pdx-material-range-slider.json-api.md +664 -0
  72. package/src/lib/components/material-rating/pdx-material-rating.json-api.md +551 -0
  73. package/src/lib/components/material-searchable-select/pdx-material-searchable-select.json-api.md +602 -0
  74. package/src/lib/components/material-select/pdx-material-select.json-api.md +601 -0
  75. package/src/lib/components/material-selection-list/pdx-material-selection-list.json-api.md +607 -0
  76. package/src/lib/components/material-slide-toggle/pdx-material-slide-toggle.json-api.md +522 -0
  77. package/src/lib/components/material-slider/pdx-material-slider.json-api.md +602 -0
  78. package/src/lib/components/material-textarea/pdx-material-textarea.json-api.md +598 -0
  79. package/src/lib/components/material-timepicker/pdx-material-timepicker.json-api.md +554 -0
  80. package/src/lib/components/material-transfer-list/pdx-material-transfer-list.json-api.md +614 -0
  81. package/src/lib/components/material-tree-select/pdx-material-tree-select.json-api.md +649 -0
  82. package/src/lib/components/month-input/pdx-month-input.json-api.md +527 -0
  83. package/src/lib/components/number-input/pdx-number-input.json-api.md +594 -0
  84. package/src/lib/components/password-input/pdx-password-input.json-api.md +574 -0
  85. package/src/lib/components/pdx-material-time-range/pdx-material-time-range.json-api.md +592 -0
  86. package/src/lib/components/pdx-year-input/pdx-year-input.json-api.md +543 -0
  87. package/src/lib/components/phone-input/pdx-phone-input.json-api.md +583 -0
  88. package/src/lib/components/preload-status/pdx-preload-status.json-api.md +455 -0
  89. package/src/lib/components/search-input/pdx-search-input.json-api.md +536 -0
  90. package/src/lib/components/text-input/pdx-text-input.json-api.md +600 -0
  91. package/src/lib/components/time-input/pdx-time-input.json-api.md +546 -0
  92. package/src/lib/components/url-input/pdx-url-input.json-api.md +542 -0
  93. package/src/lib/components/week-input/pdx-week-input.json-api.md +533 -0
  94. package/{index.d.ts → types/praxisui-dynamic-fields.d.ts} +874 -440
  95. package/fesm2022/praxisui-dynamic-fields-index-C9IUU4lo.mjs +0 -1
  96. package/fesm2022/praxisui-dynamic-fields-index-GJtthzkD.mjs +0 -1
  97. package/fesm2022/praxisui-dynamic-fields-index-XvVS6lAQ.mjs +0 -1
@@ -0,0 +1,542 @@
1
+ ---
2
+ title: "pdx-url-input JSON API (Canonical)"
3
+ slug: "pdx-url-input-json-api"
4
+ doc_type: "api-reference"
5
+ component: "pdx-url-input"
6
+ document_kind: "json-api-canonical"
7
+ reference_mode: "canonical"
8
+ contract_format: "json"
9
+ contract_source: "runtime-and-code"
10
+ description: "Referencia canonica do contrato JSON do componente pdx-url-input."
11
+ category: "components"
12
+ sub_category: "dynamic-fields"
13
+ audience:
14
+ - "frontend"
15
+ - "architect"
16
+ - "platform-team"
17
+ level: "advanced"
18
+ status: "active"
19
+ owner: "praxis-ui"
20
+ source_of_truth:
21
+ - "projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts"
22
+ - "projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts"
23
+ - "projects/praxis-dynamic-fields/src/lib/base/simple-base-input.component.ts"
24
+ - "projects/praxis-core/src/lib/models/material-field-metadata.interface.ts"
25
+ source_of_truth_last_verified: "2026-03-06"
26
+ last_updated: "2026-03-06"
27
+ toc: true
28
+ sidebar: true
29
+ tags:
30
+ - "json-api"
31
+ - "canonical-contract"
32
+ - "pdx-url-input"
33
+ api_stability: "canonical"
34
+ schema_verified: true
35
+ runtime_verified: true
36
+ editor_coverage_verified: false
37
+ runtime_scope: "public"
38
+ legacy_paths_present: false
39
+ has_known_mismatches: false
40
+ related_components:
41
+ - "praxis-table"
42
+ - "pdx-base-input-runtime-contract"
43
+ - "pdx-email-input"
44
+ - "pdx-search-input"
45
+ ---
46
+
47
+ # pdx-url-input
48
+
49
+ Este documento e a referencia canonica da API JSON de pdx-url-input.
50
+
51
+ ## Summary
52
+
53
+ - Tipo documental: API reference canonica de contrato JSON.
54
+ - Source of truth: runtime e codigo declarados no frontmatter.
55
+ - Objetivo operacional: consulta rapida, auditavel e deterministica sob pressao.
56
+ - Resumo funcional: Contrato JSON metadata-driven com comportamento definido por runtime e schema associado.
57
+
58
+ ## Purpose and scope
59
+
60
+ - O componente consome payload JSON metadata-driven e expoe comportamento runtime configuravel por contrato.
61
+ - Esta referencia cobre contrato publico, classificacao de paths e semantica de cobertura (runtime/schema/editor).
62
+ - Fora de escopo: quickstart, tutorial narrativo e notas arquiteturais que nao alteram contrato publico.
63
+
64
+ ## Consulta rapida (obrigatorio)
65
+
66
+ | Regra/tema | Observado | Canonico desejado | Status | Evidencia |
67
+ | --- | --- | --- | --- | --- |
68
+ | Component id | `pdx-url-input` | Manter ID canonico estavel e versionado por contrato | Active | frontmatter.component |
69
+ | Primary contract source | `runtime-and-code` | Runtime, schema e docs devem permanecer rastreaveis | Partial | frontmatter.contract_source + source_of_truth |
70
+ | Runtime coverage | `true` | Comportamentos runtime criticos devem ficar explicitamente verificados | Active | `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts`, `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts` |
71
+ | Schema/type coverage | `true` | Tipos e schema devem refletir paths publicos do contrato | Active | source_of_truth + Detailed API reference |
72
+ | Editor/tooling coverage | `false` | Editor/tooling deve espelhar somente contrato publico suportado | Partial | `projects/praxis-core/src/lib/metadata/field-selector-control-type.constants.ts`, `projects/praxis-dynamic-fields/src/lib/services/component-registry/component-registry.service.ts` |
73
+ | Legacy paths | `false` | Segregar legado de caminhos canonicos com janela de migracao | Active | frontmatter.legacy_paths_present |
74
+ | Known mismatches | `false` | Registrar observed vs desired de forma auditavel | Active | frontmatter.has_known_mismatches |
75
+
76
+ ## Source of truth
77
+
78
+ | Source | Kind | Notes |
79
+ | --- | --- | --- |
80
+ | projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts | schema-metadata | Arquivo presente no repositorio e usado como evidencia de contrato. |
81
+ | projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts | runtime-code | Arquivo presente no repositorio e usado como evidencia de contrato. |
82
+ | projects/praxis-dynamic-fields/src/lib/base/simple-base-input.component.ts | runtime-code | Arquivo presente no repositorio e usado como evidencia de contrato. |
83
+ | projects/praxis-core/src/lib/models/material-field-metadata.interface.ts | schema-types | Arquivo presente no repositorio e usado como evidencia de contrato. |
84
+
85
+ ## Support legend
86
+
87
+ - **Active**: suportado em runtime e liberado para uso externo.
88
+ - **Partial**: suporte parcial, com restricoes, lacunas ou validacao incompleta.
89
+ - **Declared-only**: declarado em tipos/schema sem evidencia operacional completa.
90
+ - **Schema-only**: presente em schema/tipos sem cobertura runtime confirmada.
91
+ - **Deprecated**: legado suportado por janela de migracao definida.
92
+
93
+ ## Contract status snapshot
94
+
95
+ | Item | Value | Notes |
96
+ | --- | --- | --- |
97
+ | Reference mode | `canonical` | Deve permanecer canonico |
98
+ | Contract format | `json` | Contrato metadata-driven |
99
+ | Contract source | `runtime-and-code` | Alinhar com source_of_truth |
100
+ | Runtime scope | `public` | Escopo publicado para consumidores |
101
+ | Runtime verified | `true` | Revisar sempre com evidencia de runtime |
102
+ | Schema verified | `true` | Revisar sempre com evidencia de tipos/schema |
103
+ | Editor coverage verified | `false` | Revisar sempre com evidencia de editor/tooling |
104
+ | Legacy paths present | `false` | Segregar legado de contrato canonico |
105
+ | Has known mismatches | `false` | Divergencias devem aparecer em secao dedicada |
106
+
107
+ ## Contract classification (obrigatorio)
108
+
109
+ ### Canonical paths (public contract)
110
+
111
+ | Path | Type | Required | Default | Status | Notes |
112
+ | --- | --- | --- | --- | --- | --- |
113
+ | `metadata` | object | true | n/a | Partial | See Detailed API reference for runtime semantics. |
114
+ | `readonlyMode` | boolean | false | n/a | Partial | See Detailed API reference for runtime semantics. |
115
+ | `disabledMode` | boolean | false | n/a | Partial | See Detailed API reference for runtime semantics. |
116
+ | `visible` | boolean | false | n/a | Partial | See Detailed API reference for runtime semantics. |
117
+ | `presentationMode` | boolean | false | n/a | Partial | See Detailed API reference for runtime semantics. |
118
+ | `metadata.controlType` | string | false | n/a | Partial | See Detailed API reference for runtime semantics. |
119
+ | `metadata.inputType` | string | false | n/a | Partial | See Detailed API reference for runtime semantics. |
120
+ | `metadata.autocomplete` | string | false | n/a | Partial | See Detailed API reference for runtime semantics. |
121
+
122
+ ### Supported legacy paths
123
+
124
+ Nenhum path legado suportado foi identificado nesta revisao.
125
+
126
+ ### Internal-only paths
127
+
128
+ Nao ha paths internal-only confirmados no contrato publico desta revisao.
129
+
130
+ ### Experimental paths
131
+
132
+ Nao ha paths experimentais confirmados no contrato publico desta revisao.
133
+
134
+ ## Public contract surface (obrigatorio)
135
+
136
+ ### Top-level configuration blocks
137
+
138
+ | Block | Purpose | Required | Merge strategy | Notes |
139
+ | --- | --- | --- | --- | --- |
140
+ | `metadata` | Payload declarativo principal do componente | true | deep-merge | runtime linkage verified for core flows (component specs, 2026-03-06). |
141
+ | `readonlyMode` | Override de readonly no host/runtime | false | override | runtime linkage verified for core flows (component specs, 2026-03-06). |
142
+ | `disabledMode` | Override de disabled no host/runtime | false | override | runtime linkage verified for core flows (component specs, 2026-03-06). |
143
+ | `visible` | Override de visibilidade no host/runtime | false | override | runtime linkage verified for core flows (component specs, 2026-03-06). |
144
+ | `presentationMode` | Renderizacao de apresentacao sem interacao | false | override | runtime linkage verified for core flows (component specs, 2026-03-06). |
145
+
146
+ ### Nested configuration blocks
147
+
148
+ | Path | Type | Required | Default | Constraints | Notes |
149
+ | --- | --- | --- | --- | --- | --- |
150
+ | `metadata.controlType` | string | false | n/a | component-defined | Partial; verify per source_of_truth. |
151
+ | `metadata.inputType` | string | false | n/a | component-defined | Partial; verify per source_of_truth. |
152
+ | `metadata.autocomplete` | string | false | n/a | component-defined | Partial; verify per source_of_truth. |
153
+ | `metadata.spellcheck` | boolean | false | n/a | component-defined | Partial; verify per source_of_truth. |
154
+ | `metadata.validators.patternMessage` | string | false | n/a | component-defined | Partial; verify per source_of_truth. |
155
+ | `metadata.clearButton.*` | object | false | n/a | component-defined | Partial; verify per source_of_truth. |
156
+
157
+ ### Input bindings (inbound data)
158
+
159
+ | Binding/Path | Type | Required | Source | Runtime normalization | Notes |
160
+ | --- | --- | --- | --- | --- | --- |
161
+ | `metadata` | object | true | host-json | component-defined | Primary inbound contract payload. |
162
+ | `readonlyMode` | boolean | false | host-runtime | not-yet-verified | Host-level behavioral override. |
163
+ | `disabledMode` | boolean | false | host-runtime | not-yet-verified | Host-level behavioral override. |
164
+ | `visible` | boolean | false | host-runtime | not-yet-verified | Host-level behavioral override. |
165
+ | `presentationMode` | boolean | false | host-runtime | not-yet-verified | Host-level behavioral override. |
166
+
167
+ ### Output events
168
+
169
+ | Event | Payload | Trigger | Stability | Notes |
170
+ | --- | --- | --- | --- | --- |
171
+ | `validationChange` | unknown | runtime-event | Experimental | Validate payload shape against source_of_truth. |
172
+ | `valueChange` | unknown | runtime-event | Experimental | Validate payload shape against source_of_truth. |
173
+ | `focusChange` | unknown | runtime-event | Experimental | Validate payload shape against source_of_truth. |
174
+ | `nativeBlur` | unknown | runtime-event | Experimental | Validate payload shape against source_of_truth. |
175
+ | `nativeChange` | unknown | runtime-event | Experimental | Validate payload shape against source_of_truth. |
176
+
177
+ ### External side channels
178
+
179
+ | Channel | Direction | Contract | Failure mode | Notes |
180
+ | --- | --- | --- | --- | --- |
181
+ | `host/services/storage` | bidirectional | component-defined | component-defined | Side channels variam por componente e host; verificar em source_of_truth. |
182
+
183
+ ### Host/runtime dependencies
184
+
185
+ | Dependency | Required | Environment | Purpose | Notes |
186
+ | --- | --- | --- | --- | --- |
187
+ | `url-input.metadata.ts` | true | browser/dev/prod/ssr | contract resolution | Refer to `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts`. |
188
+ | `url-input.component.ts` | true | browser/dev/prod/ssr | contract resolution | Refer to `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts`. |
189
+ | `simple-base-input.component.ts` | true | browser/dev/prod/ssr | contract resolution | Refer to `projects/praxis-dynamic-fields/src/lib/base/simple-base-input.component.ts`. |
190
+ | `material-field-metadata.interface.ts` | true | browser/dev/prod/ssr | contract resolution | Refer to `projects/praxis-core/src/lib/models/material-field-metadata.interface.ts`. |
191
+
192
+ ## Coverage by surface (obrigatorio)
193
+
194
+ ### Coverage matrix (runtime, schema/type, editor/tooling)
195
+
196
+ | Surface | Verified | Coverage status | Evidence | Notes |
197
+ | --- | --- | --- | --- | --- |
198
+ | Runtime | `true` | Active | `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts`, `projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts` | Core runtime flows verified via focused component specs on 2026-03-06; editor/tooling coverage remains independent. |
199
+ | Schema/Types | `true` | Active | source_of_truth + Detailed API reference | Reconcile schema/types with canonical paths during follow-up when needed. |
200
+ | Editor/Tooling | `false` | Partial | `projects/praxis-core/src/lib/metadata/field-selector-control-type.constants.ts`, `projects/praxis-dynamic-fields/src/lib/services/component-registry/component-registry.service.ts` | Selector/control-type tooling linkage verified via default selector map and registry seeding; visual editor end-to-end coverage remains not-yet-verified. |
201
+
202
+ ### Runtime coverage boundaries
203
+
204
+ - Ambientes suportados: browser/dev/prod; SSR/hydration appears to be component-dependent unless explicitly verified.
205
+ - Pre-condicoes: payload JSON valido, bindings de host consistentes e dependencias descritas no source_of_truth.
206
+ - Fora de cobertura confirmada: caminhos internos, experimentais ou aliases nao enumerados formalmente.
207
+
208
+ ### Editor and tooling notes
209
+
210
+ - Evidencia de tooling: selector `pdx-*` mapeado em `DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP` e semeado no `ComponentRegistryService`; editor visual E2E permanece not-yet-verified.
211
+ - O que esta exposto no editor visual depende da cobertura real do workspace e nao deve ser inferido como suporte runtime total.
212
+ - Campos disponiveis apenas via JSON/manual devem continuar no contrato, com rotulo explicito de cobertura parcial.
213
+ - Quando houver divergencia entre editor e runtime, manter mismatch rastreavel em secao dedicada.
214
+
215
+ ## Resolution and precedence model (obrigatorio)
216
+
217
+ ### Merge order
218
+
219
+ 1. defaults do componente
220
+ 2. contrato JSON recebido
221
+ 3. overrides de host/runtime
222
+ 4. normalizacoes internas
223
+
224
+ ### Fallback order
225
+
226
+ contrato explicito -> aliases legados (quando suportados) -> defaults internos -> comportamento seguro
227
+
228
+ ### Override points
229
+
230
+ - inputs publicos do componente
231
+ - configuracao JSON de runtime
232
+ - integracoes de host (servicos/tokens/adapters)
233
+
234
+ ### Runtime normalization
235
+
236
+ Alias e defaults devem convergir para paths canonicos; onde nao houver evidencia, manter not-yet-verified de forma explicita.
237
+
238
+ ### Precedence rules
239
+
240
+ Em conflito entre alias legado e path canonico, priorizar path canonico e registrar janela de migracao do legado.
241
+
242
+ ## Validation and error semantics (obrigatorio)
243
+
244
+ ### Validation model
245
+
246
+ | Path/Rule | Validation phase | Behavior on fail | Error code / warning | Notes |
247
+ | --- | --- | --- | --- | --- |
248
+ | canonical-paths | parse/runtime | component-defined (warn/reject/default) | not-yet-standardized | Semantica detalhada preservada na referencia tecnica por componente. |
249
+
250
+ ### Invalid and unknown field handling
251
+
252
+ - Campos desconhecidos: comportamento component-defined (ignore, warn ou reject).
253
+ - Tipos invalidos: pode haver fallback, warning ou falha, conforme runtime especifico.
254
+ - Valores fora de dominio: registrar observed vs desired em Known limitations and mismatches.
255
+
256
+ ### Fail-open / fail-closed behavior
257
+
258
+ | Condition | Mode | Runtime behavior | Consumer impact |
259
+ | --- | --- | --- | --- |
260
+ | invalid-or-unknown-field | component-defined | not-yet-verified | Pode gerar warning, fallback silencioso ou rejeicao; validar por componente. |
261
+
262
+ ### Runtime warnings vs hard failures
263
+
264
+ | Condition | Severity | Observability | Consumer action |
265
+ | --- | --- | --- | --- |
266
+ | partial-or-declared-only-coverage | warning | logs/eventos do componente | Confirmar ligacao runtime antes de uso critico. |
267
+ | mismatch-confirmed | error-or-warning | componente/host observability | Planejar migracao e corrigir contrato/runtime. |
268
+
269
+ ## Detailed API reference
270
+ ### Preserved technical reference (normalized from previous revision)
271
+
272
+ ### 1. Visao Geral e Quando Usar
273
+ `pdx-url-input` e o campo de URL orientado por JSON em `@praxisui/dynamic-fields`.
274
+
275
+ Use quando precisar:
276
+ - entrada de URL com validacao de esquema `http/https` no frontend;
277
+ - integracao com formulario reativo;
278
+ - controle de estado no host;
279
+ - emissao de validacao via `validationChange`.
280
+
281
+ ### 2. API do Componente (Inputs/Outputs)
282
+ | Propriedade | Tipo | Padrao | Obrigatorio | Comportamento |
283
+ | --- | --- | --- | --- | --- |
284
+ | `metadata` | `MaterialUrlInputMetadata` | - | Sim | Contrato principal do componente. |
285
+ | `readonlyMode` | `boolean` | `false` | Nao | Sobrescreve leitura no host. |
286
+ | `disabledMode` | `boolean` | `false` | Nao | Sobrescreve disabled no host. |
287
+ | `visible` | `boolean` | `true` | Nao | Controla exibicao no host. |
288
+ | `presentationMode` | `boolean` | `false` | Nao | Modo de apresentacao (sem edicao). |
289
+ | `validationChange` | `ValidationErrors \| null` | - | Output | Emite resultado da validacao. |
290
+
291
+ ### 3. Matriz de Cobertura JSON (Completa)
292
+ #### 3.1 Campos especificos do componente
293
+ | Caminho JSON | Tipo | Status | Comportamento em runtime |
294
+ | --- | --- | --- | --- |
295
+ | `metadata.controlType` | `'url'` | Ativo | Identifica contrato do componente. |
296
+ | `metadata.inputType` | `'url'` | Ativo | Renderiza `<input type="url">`. |
297
+ | `metadata.autocomplete` | `string` | Ativo | Atributo de autocomplete no input. |
298
+ | `metadata.spellcheck` | `boolean` | Extensao de runtime | Consumido no template, fora da interface especializada. |
299
+ | `metadata.validators.patternMessage` | `string` | Ativo | Mensagem custom para regex de URL quando aplicavel. |
300
+
301
+ #### 3.2 Campos herdados compartilhados (exaustivo)
302
+ Contrato completo dos campos herdados consumidos por `SimpleBaseInput`:
303
+ - [pdx-base-input-runtime-contract.json-api.md](projects/praxis-dynamic-fields/src/lib/base/pdx-base-input-runtime-contract.json-api.md)
304
+
305
+ Resumo de composicao deste componente:
306
+ - `Ativo`: contrato herdado + `controlType/inputType` de URL + `validationChange`.
307
+ - `Extensao de runtime`: `metadata.spellcheck` e `metadata.clearButton.*`.
308
+ - `Validacao em runtime`: regex obrigando inicio com `http://` ou `https://`.
309
+
310
+ ### 4. Mapeamento de Comportamento
311
+ - Paginacao: nao se aplica.
312
+ - Ordenacao: nao se aplica.
313
+ - Selecao: valor string unico.
314
+ - Eventos: `validationChange` + fluxo padrao do formulario.
315
+ - Renderizacao: campo URL com hint/erro/icones e clear opcional.
316
+
317
+ ### 5. Exemplo Minimo (JSON + Uso)
318
+ ```json
319
+ {
320
+ "componentId": "pdx-url-input",
321
+ "metadata": {
322
+ "name": "website",
323
+ "label": "Site",
324
+ "controlType": "url",
325
+ "inputType": "url"
326
+ }
327
+ }
328
+ ```
329
+ Uso: renderiza campo URL basico ligado ao formulario.
330
+
331
+ ### 6. Exemplo Corporativo (JSON + Uso)
332
+ ```json
333
+ {
334
+ "componentId": "pdx-url-input",
335
+ "metadata": {
336
+ "name": "callbackUrl",
337
+ "label": "URL de callback",
338
+ "controlType": "url",
339
+ "inputType": "url",
340
+ "required": true,
341
+ "minLength": 10,
342
+ "maxLength": 255,
343
+ "autocomplete": "url",
344
+ "spellcheck": false,
345
+ "hint": "Comece com https://",
346
+ "clearButton": {
347
+ "enabled": true,
348
+ "showOnlyWhenFilled": true
349
+ }
350
+ },
351
+ "disabledMode": false,
352
+ "visible": true
353
+ }
354
+ ```
355
+ Uso: campo de URL com validacao de schema e restricao de tamanho.
356
+
357
+ ### 7. Troubleshooting e Armadilhas Comuns
358
+ 1. URL sem protocolo falhando validacao.
359
+ Correcao: usar `http://` ou `https://`.
360
+
361
+ 2. `controlType` incorreto.
362
+ Correcao: usar `controlType: "url"`.
363
+
364
+ 3. Clear nao aparece.
365
+ Correcao: habilitar `metadata.clearButton.enabled`.
366
+
367
+ 4. Regras RFC completas nao estao sendo cobertas no frontend.
368
+ Correcao: manter validacao de URL completa no backend.
369
+
370
+ 5. Campo oculto continua participando da regra de submit.
371
+ Correcao: alinhar `visible` com regra de obrigatoriedade.
372
+
373
+ ### 8. Cross-links
374
+ - `projects/praxis-dynamic-fields/src/lib/base/pdx-base-input-runtime-contract.json-api.md`
375
+ - `projects/praxis-dynamic-fields/src/lib/components/email-input/pdx-email-input.json-api.md`
376
+ - `projects/praxis-dynamic-fields/src/lib/components/search-input/pdx-search-input.json-api.md`
377
+
378
+ ### 9. Relatorio de Validacao Estrutural
379
+ - Visao geral: PASS
380
+ - API (inputs/outputs): PASS
381
+ - Cobertura JSON completa (especifico + herdado): PASS
382
+ - Mapeamento de comportamento: PASS
383
+ - Exemplo minimo: PASS
384
+ - Exemplo corporativo: PASS
385
+ - Troubleshooting: PASS
386
+
387
+ ## JSON path index (obrigatorio)
388
+
389
+ | Path | Type | Required | Default | Status | Notes |
390
+ | --- | --- | --- | --- | --- | --- |
391
+ | `metadata` | object | true | n/a | Partial | See Detailed API reference. |
392
+ | `readonlyMode` | boolean | false | n/a | Partial | See Detailed API reference. |
393
+ | `disabledMode` | boolean | false | n/a | Partial | See Detailed API reference. |
394
+ | `visible` | boolean | false | n/a | Partial | See Detailed API reference. |
395
+ | `presentationMode` | boolean | false | n/a | Partial | See Detailed API reference. |
396
+ | `metadata.controlType` | string | false | n/a | Partial | See Detailed API reference. |
397
+ | `metadata.inputType` | string | false | n/a | Partial | See Detailed API reference. |
398
+ | `metadata.autocomplete` | string | false | n/a | Partial | See Detailed API reference. |
399
+ | `metadata.spellcheck` | boolean | false | n/a | Partial | See Detailed API reference. |
400
+ | `metadata.validators.patternMessage` | string | false | n/a | Partial | See Detailed API reference. |
401
+ | `metadata.clearButton.*` | object | false | n/a | Partial | See Detailed API reference. |
402
+
403
+ ## Events reference (obrigatorio)
404
+
405
+ | Event | Payload | Trigger | Stability | Notes |
406
+ | --- | --- | --- | --- | --- |
407
+ | `validationChange` | unknown | runtime-event | Experimental | Check component/runtime implementation. |
408
+ | `valueChange` | unknown | runtime-event | Experimental | Check component/runtime implementation. |
409
+ | `focusChange` | unknown | runtime-event | Experimental | Check component/runtime implementation. |
410
+ | `nativeBlur` | unknown | runtime-event | Experimental | Check component/runtime implementation. |
411
+ | `nativeChange` | unknown | runtime-event | Experimental | Check component/runtime implementation. |
412
+
413
+ ## Styling API (obrigatorio quando aplicavel)
414
+
415
+ | Token/Class | Scope | Purpose | Notes |
416
+ | --- | --- | --- | --- |
417
+ | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
418
+
419
+ ## Examples (obrigatorio)
420
+
421
+ | Example | Scenario | Validates | Notes |
422
+ | --- | --- | --- | --- |
423
+ | `Minimal valid` | baseline payload | required contract blocks | Extracted from preserved technical reference when available. |
424
+ | `Common setup` | common component usage | standard runtime behavior | Validate against host integration path. |
425
+ | `Advanced setup` | richer config with overrides | precedence and normalization | Requires runtime confirmation for edge cases. |
426
+ | `Enterprise scenario` | governance/legacy/migration context | auditability and compatibility boundaries | Include tenant-specific constraints when applicable. |
427
+
428
+ ### Minimal valid
429
+
430
+ ```json
431
+ {
432
+ "componentId": "pdx-url-input",
433
+ "metadata": {
434
+ "name": "website",
435
+ "label": "Site",
436
+ "controlType": "url",
437
+ "inputType": "url"
438
+ },
439
+ "readonlyMode": false
440
+ }
441
+ ```
442
+
443
+ ### Common setup
444
+
445
+ ```json
446
+ {
447
+ "componentId": "pdx-url-input",
448
+ "metadata": {
449
+ "name": "callbackUrl",
450
+ "label": "URL de callback",
451
+ "controlType": "pdx-url-input-common",
452
+ "inputType": "url",
453
+ "required": true,
454
+ "minLength": 10,
455
+ "maxLength": 255,
456
+ "autocomplete": "url",
457
+ "spellcheck": false,
458
+ "hint": "Comece com https://",
459
+ "clearButton": {
460
+ "enabled": true,
461
+ "showOnlyWhenFilled": true
462
+ }
463
+ },
464
+ "disabledMode": false,
465
+ "visible": true
466
+ }
467
+ ```
468
+
469
+ ### Advanced setup
470
+
471
+ ```json
472
+ {
473
+ "componentId": "pdx-url-input",
474
+ "metadata": {
475
+ "name": "callbackUrl",
476
+ "label": "URL de callback",
477
+ "controlType": "url",
478
+ "inputType": "url",
479
+ "required": true,
480
+ "minLength": 10,
481
+ "maxLength": 255,
482
+ "autocomplete": "url",
483
+ "spellcheck": false,
484
+ "hint": "Comece com https://",
485
+ "clearButton": {
486
+ "enabled": true,
487
+ "showOnlyWhenFilled": true
488
+ }
489
+ },
490
+ "disabledMode": false,
491
+ "visible": true,
492
+ "readonlyMode": false
493
+ }
494
+ ```
495
+
496
+ ### Enterprise scenario
497
+
498
+ ```json
499
+ {
500
+ "componentId": "pdx-url-input",
501
+ "metadata": {
502
+ "name": "callbackUrl",
503
+ "label": "URL de callback",
504
+ "controlType": "url",
505
+ "inputType": "url",
506
+ "required": true,
507
+ "minLength": 10,
508
+ "maxLength": 255,
509
+ "autocomplete": "url",
510
+ "spellcheck": false,
511
+ "hint": "Comece com https://",
512
+ "clearButton": {
513
+ "enabled": true,
514
+ "showOnlyWhenFilled": true
515
+ }
516
+ },
517
+ "disabledMode": false,
518
+ "visible": true,
519
+ "presentationMode": true
520
+ }
521
+ ```
522
+
523
+ ## Compatibility and migration notes (recomendado)
524
+
525
+ | Concern | Affected versions | Migration action | Deadline | Notes |
526
+ | --- | --- | --- | --- | --- |
527
+ | No legacy path detected in current revision | n/a | No migration action required for canonical paths | n/a | Re-evaluate if backward-compat aliases are introduced |
528
+
529
+ ## Known limitations and mismatches (recomendado)
530
+
531
+ | Path/Behavior | Observed behavior (runtime) | Desired behavior | Impact | Tracking issue | Target fix |
532
+ | --- | --- | --- | --- | --- | --- |
533
+ | Canonical contract parity | No confirmed mismatch in this revision; runtime linkage verified for core flows (2026-03-06), with editor/tooling coverage pending | Keep runtime/schema/editor alignment evidence updated | Low | n/a | Monitor in periodic audit |
534
+
535
+ ## Source references (obrigatorio)
536
+
537
+ | Source type | Path/URL | Why it is source of truth | Last verified (YYYY-MM-DD) | Notes |
538
+ | --- | --- | --- | --- | --- |
539
+ | schema-metadata | projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.metadata.ts | Primary source of truth for contract and behavior. | 2026-03-06 | verified-path |
540
+ | runtime-code | projects/praxis-dynamic-fields/src/lib/components/url-input/url-input.component.ts | Primary source of truth for contract and behavior. | 2026-03-06 | verified-path |
541
+ | runtime-code | projects/praxis-dynamic-fields/src/lib/base/simple-base-input.component.ts | Primary source of truth for contract and behavior. | 2026-03-06 | verified-path |
542
+ | schema-types | projects/praxis-core/src/lib/models/material-field-metadata.interface.ts | Primary source of truth for contract and behavior. | 2026-03-06 | verified-path |