@praxisui/metadata-editor 1.0.0-beta.21 → 1.0.0-beta.23
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.
|
@@ -675,7 +675,7 @@ class DynamicEditorRendererComponent {
|
|
|
675
675
|
</mat-expansion-panel>
|
|
676
676
|
</mat-accordion>
|
|
677
677
|
</div>
|
|
678
|
-
`, isInline: true, styles: [":host{display:block}:host(.fullwidth) .editor-row.row-2>praxis-field-shell,:host(.fullwidth) .editor-row.row-3>praxis-field-shell,:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=controlType],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=label],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=placeholder],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIconColor],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:1 1 100%!important;min-width:0!important}.editor-surface{padding:8px
|
|
678
|
+
`, isInline: true, styles: [":host{display:block}:host(.fullwidth) .editor-row.row-2>praxis-field-shell,:host(.fullwidth) .editor-row.row-3>praxis-field-shell,:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=controlType],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=label],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=placeholder],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIconColor],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:1 1 100%!important;min-width:0!important}.editor-surface{padding:8px 0 2px;border-radius:12px;background:transparent}.section-accordion{display:block}.section-card{margin:6px 0 8px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.section-card.mat-expanded{border-color:color-mix(in srgb,var(--mat-sys-primary, #3f51b5) 20%,transparent);box-shadow:0 2px 10px #0000000d}.section-card .mat-expansion-panel-body{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, var(--sicoob-bg-elev-1)) 2%),transparent)}.section-header{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, var(--sicoob-bg-elev-2)) 92%,var(--md-sys-color-primary, var(--sicoob-primary-default))) 0%,var(--md-sys-color-surface, var(--sicoob-bg-elev-2)) 100%);border-bottom:1px solid var(--md-sys-color-outline-variant, var(--sicoob-stroke-medium));padding:2px 8px;min-height:32px;display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-header .mat-expansion-panel-header-title,.section-header .mat-expansion-panel-header-description{display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.2px;color:var(--md-sys-color-on-surface);font-size:.9rem;line-height:1.2}.section-icon{color:var(--mat-sys-color-primary, var(--md-sys-color-primary, #3f51b5));opacity:.9}.editor-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.editor-row>praxis-field-shell{flex:1 1 100%;min-width:280px}.editor-row praxis-field-shell .mat-mdc-form-field{width:100%;margin-bottom:8px}.editor-row.row-inline>praxis-field-shell{flex:0 0 auto}.editor-row.row-2>praxis-field-shell{flex:1 1 calc(50% - 12px);min-width:260px}.editor-row.row-3>praxis-field-shell{flex:1 1 calc(33.333% - 12px);min-width:220px}.editor-row>praxis-field-shell[data-field-name=controlType],.editor-row>praxis-field-shell[data-field-name=label],.editor-row>praxis-field-shell[data-field-name=placeholder]{flex:1 1 calc(50% - 12px);min-width:300px}praxis-field-shell[data-field-name=label] .mdc-floating-label,praxis-field-shell[data-field-name=placeholder] .mdc-floating-label{font-weight:600}.editor-row>praxis-field-shell[data-field-name=prefix],.editor-row>praxis-field-shell[data-field-name=suffix],.editor-row>praxis-field-shell[data-field-name=prefixIcon],.editor-row>praxis-field-shell[data-field-name=suffixIcon],.editor-row>praxis-field-shell[data-field-name=prefixIconColor],.editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:0 0 200px;min-width:160px}.decorator-btn{position:absolute;right:6px;top:8px;z-index:2;color:var(--mat-sys-primary, #3f51b5);opacity:.85}praxis-field-shell[data-field-name=showCharCount] .mdc-switch{transform:scale(1.05)}praxis-field-shell[data-field-name=showCharCount] .mat-mdc-slide-toggle{font-weight:600}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint{display:flex;align-items:center;gap:8px;background:#ffab001f;border:1px solid rgba(255,171,0,.35);color:#ffca28;padding:8px 10px;border-radius:6px;line-height:1.3;white-space:normal}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint:before{content:\"\\26a0\\fe0f\";display:inline-block}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-subscript-wrapper{margin-top:6px;margin-bottom:10px;min-height:auto}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field{margin-bottom:16px}:host(.fullwidth) .editor-row>praxis-field-shell{flex:1 1 100%!important;min-width:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
679
679
|
}
|
|
680
680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DynamicEditorRendererComponent, decorators: [{
|
|
681
681
|
type: Component,
|
|
@@ -743,7 +743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
743
743
|
</mat-expansion-panel>
|
|
744
744
|
</mat-accordion>
|
|
745
745
|
</div>
|
|
746
|
-
`, styles: [":host{display:block}:host(.fullwidth) .editor-row.row-2>praxis-field-shell,:host(.fullwidth) .editor-row.row-3>praxis-field-shell,:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=controlType],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=label],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=placeholder],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIconColor],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:1 1 100%!important;min-width:0!important}.editor-surface{padding:8px
|
|
746
|
+
`, styles: [":host{display:block}:host(.fullwidth) .editor-row.row-2>praxis-field-shell,:host(.fullwidth) .editor-row.row-3>praxis-field-shell,:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=controlType],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=label],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=placeholder],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffix],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIcon],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=prefixIconColor],:host(.fullwidth) .editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:1 1 100%!important;min-width:0!important}.editor-surface{padding:8px 0 2px;border-radius:12px;background:transparent}.section-accordion{display:block}.section-card{margin:6px 0 8px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.section-card.mat-expanded{border-color:color-mix(in srgb,var(--mat-sys-primary, #3f51b5) 20%,transparent);box-shadow:0 2px 10px #0000000d}.section-card .mat-expansion-panel-body{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, var(--sicoob-bg-elev-1)) 2%),transparent)}.section-header{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, var(--sicoob-bg-elev-2)) 92%,var(--md-sys-color-primary, var(--sicoob-primary-default))) 0%,var(--md-sys-color-surface, var(--sicoob-bg-elev-2)) 100%);border-bottom:1px solid var(--md-sys-color-outline-variant, var(--sicoob-stroke-medium));padding:2px 8px;min-height:32px;display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-header .mat-expansion-panel-header-title,.section-header .mat-expansion-panel-header-description{display:flex;align-items:center;color:var(--md-sys-color-on-surface)}.section-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.2px;color:var(--md-sys-color-on-surface);font-size:.9rem;line-height:1.2}.section-icon{color:var(--mat-sys-color-primary, var(--md-sys-color-primary, #3f51b5));opacity:.9}.editor-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.editor-row>praxis-field-shell{flex:1 1 100%;min-width:280px}.editor-row praxis-field-shell .mat-mdc-form-field{width:100%;margin-bottom:8px}.editor-row.row-inline>praxis-field-shell{flex:0 0 auto}.editor-row.row-2>praxis-field-shell{flex:1 1 calc(50% - 12px);min-width:260px}.editor-row.row-3>praxis-field-shell{flex:1 1 calc(33.333% - 12px);min-width:220px}.editor-row>praxis-field-shell[data-field-name=controlType],.editor-row>praxis-field-shell[data-field-name=label],.editor-row>praxis-field-shell[data-field-name=placeholder]{flex:1 1 calc(50% - 12px);min-width:300px}praxis-field-shell[data-field-name=label] .mdc-floating-label,praxis-field-shell[data-field-name=placeholder] .mdc-floating-label{font-weight:600}.editor-row>praxis-field-shell[data-field-name=prefix],.editor-row>praxis-field-shell[data-field-name=suffix],.editor-row>praxis-field-shell[data-field-name=prefixIcon],.editor-row>praxis-field-shell[data-field-name=suffixIcon],.editor-row>praxis-field-shell[data-field-name=prefixIconColor],.editor-row>praxis-field-shell[data-field-name=suffixIconColor]{flex:0 0 200px;min-width:160px}.decorator-btn{position:absolute;right:6px;top:8px;z-index:2;color:var(--mat-sys-primary, #3f51b5);opacity:.85}praxis-field-shell[data-field-name=showCharCount] .mdc-switch{transform:scale(1.05)}praxis-field-shell[data-field-name=showCharCount] .mat-mdc-slide-toggle{font-weight:600}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint{display:flex;align-items:center;gap:8px;background:#ffab001f;border:1px solid rgba(255,171,0,.35);color:#ffca28;padding:8px 10px;border-radius:6px;line-height:1.3;white-space:normal}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-hint:before{content:\"\\26a0\\fe0f\";display:inline-block}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field-subscript-wrapper{margin-top:6px;margin-bottom:10px;min-height:auto}praxis-field-shell[data-field-name=controlType] .mat-mdc-form-field{margin-bottom:16px}:host(.fullwidth) .editor-row>praxis-field-shell{flex:1 1 100%!important;min-width:0!important}\n"] }]
|
|
747
747
|
}], ctorParameters: () => [{ type: i1.MatDialog }, { type: i2$1.IconPickerService }], propDecorators: { fullWidth: [{
|
|
748
748
|
type: Input
|
|
749
749
|
}], fullwidthClass: [{
|
|
@@ -760,9 +760,9 @@ const inputProperties = [
|
|
|
760
760
|
{ name: 'label', label: 'Label', editorType: 'text', placeholder: 'Rótulo do campo', group: 'Geral' },
|
|
761
761
|
{ name: 'placeholder', label: 'Placeholder', editorType: 'text', group: 'Geral' },
|
|
762
762
|
{ name: 'hint', label: 'Hint', editorType: 'text', group: 'Geral' },
|
|
763
|
-
{ name: 'prefixIcon', label: 'Ícone (prefixo)', editorType: 'text', group: 'Geral', hint: "Material Symbols (
|
|
763
|
+
{ name: 'prefixIcon', label: 'Ícone (prefixo)', editorType: 'text', group: 'Geral', hint: "Material Symbols (mi:*). Use o seletor ao lado." },
|
|
764
764
|
{ name: 'prefixIconColor', label: 'Cor do ícone (prefixo)', editorType: 'color', group: 'Geral', hint: 'primary/accent/warn ou cor CSS (ex.: #496ddb, rgb(73,109,219), red)' },
|
|
765
|
-
{ name: 'suffixIcon', label: 'Ícone (sufixo)', editorType: 'text', group: 'Geral', hint: "Material Symbols (
|
|
765
|
+
{ name: 'suffixIcon', label: 'Ícone (sufixo)', editorType: 'text', group: 'Geral', hint: "Material Symbols (mi:*). Use o seletor ao lado." },
|
|
766
766
|
{ name: 'suffixIconColor', label: 'Cor do ícone (sufixo)', editorType: 'color', group: 'Geral', hint: 'primary/accent/warn ou cor CSS (ex.: #496ddb, rgb(73,109,219), red)' },
|
|
767
767
|
{ name: 'prefix', label: 'Texto (prefixo)', editorType: 'text', group: 'Geral' },
|
|
768
768
|
{ name: 'suffix', label: 'Texto (sufixo)', editorType: 'text', group: 'Geral' },
|
|
@@ -2743,11 +2743,12 @@ const avatarProperties = [
|
|
|
2743
2743
|
{ name: 'label', label: 'Label', editorType: 'text', group: 'Geral' },
|
|
2744
2744
|
{ name: 'hint', label: 'Hint', editorType: 'text', group: 'Geral' },
|
|
2745
2745
|
// Fonte de conteúdo (extras)
|
|
2746
|
-
{ name: 'extra.imageSrc', label: 'Imagem (URL)', editorType: 'text', group: 'Conteúdo' },
|
|
2747
|
-
{ name: 'extra.imageAlt', label: 'Imagem: alt', editorType: 'text', group: 'Conteúdo' },
|
|
2748
|
-
{ name: 'extra.
|
|
2749
|
-
{ name: 'extra.defaultIcon', label: 'Ícone padrão (fallback)', editorType: 'text', group: 'Conteúdo', hint: 'Será usado quando imagem/ícone/iniciais não forem definidos' },
|
|
2746
|
+
{ name: 'extra.imageSrc', label: 'Imagem (URL)', editorType: 'text', group: 'Conteúdo', row: 'conteudo.imagem' },
|
|
2747
|
+
{ name: 'extra.imageAlt', label: 'Imagem: alt', editorType: 'text', group: 'Conteúdo', row: 'conteudo.imagem' },
|
|
2748
|
+
{ name: 'extra.name', label: 'Nome (gera iniciais)', editorType: 'text', group: 'Conteúdo', hint: 'Usado para gerar iniciais quando "Iniciais" estiver vazio' },
|
|
2750
2749
|
{ name: 'extra.initials', label: 'Iniciais', editorType: 'text', group: 'Conteúdo', hint: 'Ex.: MB' },
|
|
2750
|
+
{ name: 'extra.icon', label: 'Ícone (ligature ou mi:*)', editorType: 'text', group: 'Conteúdo', row: 'conteudo.icones', inline: true, hint: "Material Symbols (ex.: mi:person). Use o seletor ao lado para buscar." },
|
|
2751
|
+
{ name: 'extra.defaultIcon', label: 'Ícone padrão (fallback)', editorType: 'text', group: 'Conteúdo', row: 'conteudo.icones', inline: true, hint: 'Será usado quando imagem/ícone/iniciais não forem definidos' },
|
|
2751
2752
|
// Aparência (extras)
|
|
2752
2753
|
{ name: 'extra.class', label: 'CSS classes', editorType: 'text', group: 'Aparência', hint: 'Classes CSS adicionais (separadas por espaço)' },
|
|
2753
2754
|
{ name: 'extra.style', label: 'Estilo (JSON)', editorType: 'textarea', group: 'Aparência', hint: 'Objeto JSON de estilos (ex.: { "border": "1px solid #ccc" })' },
|
|
@@ -2791,7 +2792,7 @@ const avatarProperties = [
|
|
|
2791
2792
|
{ value: 'none', text: 'Nenhum (herdar)' },
|
|
2792
2793
|
]
|
|
2793
2794
|
},
|
|
2794
|
-
{ name: 'extra.border', label: 'Borda', editorType: 'checkbox', group: 'Aparência' },
|
|
2795
|
+
{ name: 'extra.border', label: 'Borda', editorType: 'checkbox', group: 'Aparência', row: 'aparencia.inline1', inline: true },
|
|
2795
2796
|
// Acessibilidade / UX
|
|
2796
2797
|
{ name: 'extra.tooltip', label: 'Tooltip', editorType: 'text', group: 'Acessibilidade' },
|
|
2797
2798
|
{ name: 'extra.ariaLabel', label: 'ARIA label', editorType: 'text', group: 'Acessibilidade' },
|