@praxisui/metadata-editor 1.0.0-beta.13 → 1.0.0-beta.15

package/fesm2022/praxisui-metadata-editor.mjs

@@ -2738,6 +2738,69 @@ const yearInputProperties = [
     { name: 'autoFocus', label: 'Focar automaticamente', editorType: 'checkbox', group: 'Formato/Comportamento' },
 ];
 
+const avatarProperties = [
+    // Geral
+    { name: 'label', label: 'Label', editorType: 'text', group: 'Geral' },
+    { name: 'hint', label: 'Hint', editorType: 'text', group: 'Geral' },
+    // Fonte de conteúdo (extras)
+    { name: 'extra.imageSrc', label: 'Imagem (URL)', editorType: 'text', group: 'Conteúdo' },
+    { name: 'extra.imageAlt', label: 'Imagem: alt', editorType: 'text', group: 'Conteúdo' },
+    { name: 'extra.icon', label: 'Ícone (ligature ou mi:*)', editorType: 'text', group: 'Conteúdo', hint: "Material Symbols (ex.: mi:person). Use o seletor ao lado para buscar." },
+    { name: 'extra.defaultIcon', label: 'Ícone padrão (fallback)', editorType: 'text', group: 'Conteúdo', hint: 'Será usado quando imagem/ícone/iniciais não forem definidos' },
+    { name: 'extra.initials', label: 'Iniciais', editorType: 'text', group: 'Conteúdo', hint: 'Ex.: MB' },
+    // Aparência (extras)
+    { name: 'extra.class', label: 'CSS classes', editorType: 'text', group: 'Aparência', hint: 'Classes CSS adicionais (separadas por espaço)' },
+    { name: 'extra.style', label: 'Estilo (JSON)', editorType: 'textarea', group: 'Aparência', hint: 'Objeto JSON de estilos (ex.: { "border": "1px solid #ccc" })' },
+    {
+        name: 'extra.themeColor', label: 'Tema', editorType: 'select', group: 'Aparência', options: [
+            { value: 'primary', text: 'Primária' },
+            { value: 'secondary', text: 'Secundária' },
+            { value: 'tertiary', text: 'Terciária' },
+            { value: 'base', text: 'Base' },
+            { value: 'info', text: 'Info' },
+            { value: 'success', text: 'Sucesso' },
+            { value: 'warning', text: 'Atenção' },
+            { value: 'error', text: 'Erro' },
+            { value: 'dark', text: 'Escuro' },
+            { value: 'light', text: 'Claro' },
+            { value: 'inverse', text: 'Inverso' },
+            { value: 'none', text: 'Herdar (nenhum)' },
+        ]
+    },
+    {
+        name: 'extra.size', label: 'Tamanho', editorType: 'select', group: 'Aparência', options: [
+            { value: 'small', text: 'Pequeno' },
+            { value: 'medium', text: 'Médio' },
+            { value: 'large', text: 'Grande' },
+            { value: 'none', text: 'Nenhum (auto)' },
+        ]
+    },
+    {
+        name: 'extra.rounded', label: 'Arredondamento', editorType: 'select', group: 'Aparência', options: [
+            { value: 'full', text: 'Total' },
+            { value: 'large', text: 'Grande' },
+            { value: 'medium', text: 'Médio' },
+            { value: 'small', text: 'Pequeno' },
+            { value: 'none', text: 'Sem raio' },
+        ]
+    },
+    {
+        name: 'extra.fillMode', label: 'Preenchimento', editorType: 'select', group: 'Aparência', options: [
+            { value: 'solid', text: 'Sólido' },
+            { value: 'outline', text: 'Contorno' },
+            { value: 'none', text: 'Nenhum (herdar)' },
+        ]
+    },
+    { name: 'extra.border', label: 'Borda', editorType: 'checkbox', group: 'Aparência' },
+    // Acessibilidade / UX
+    { name: 'extra.tooltip', label: 'Tooltip', editorType: 'text', group: 'Acessibilidade' },
+    { name: 'extra.ariaLabel', label: 'ARIA label', editorType: 'text', group: 'Acessibilidade' },
+    // Estados gerais de campo
+    { name: 'readonly', label: 'Somente leitura', editorType: 'checkbox', group: 'Estado' },
+    { name: 'disabled', label: 'Desabilitado', editorType: 'checkbox', group: 'Estado' },
+    { name: 'hidden', label: 'Oculto', editorType: 'checkbox', group: 'Estado' },
+];
+
 /** Garante que minLength <= maxLength quando ambos definidos. */
 function minLenLeMaxLen(group) {
     const v = group.value || {};
@@ -2802,6 +2865,7 @@ class FieldMetadataEditorComponent {
         { value: FieldControlType.TRANSFER_LIST, label: 'Transferência de itens' },
         { value: FieldControlType.CPF_CNPJ_INPUT, label: 'CPF/CNPJ' },
         { value: FieldControlType.FILE_UPLOAD, label: 'Upload de Arquivo' },
+        { value: FieldControlType.AVATAR, label: 'Avatar' },
     ];
     // Settings Panel integration (contract: isDirty$, isValid$, isBusy$)
     isDirty$ = new BehaviorSubject(false);
@@ -2998,6 +3062,10 @@ class FieldMetadataEditorComponent {
                 this.registry.register(this.controlType, yearInputProperties);
                 props = yearInputProperties;
             }
+            else if (this.controlType === FieldControlType.AVATAR) {
+                this.registry.register(this.controlType, avatarProperties);
+                props = avatarProperties;
+            }
             else if (this.controlType === FieldControlType.TREE_SELECT ||
                 this.controlType === FieldControlType.MULTI_SELECT_TREE) {
                 this.registry.register(this.controlType, treeSelectProperties);