@praxisui/expansion 10.0.0-rc.33 → 10.0.0-rc.35
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.
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
|
-
"generatedAt": "2026-10-
|
|
3
|
+
"generatedAt": "2026-10-21T13:10:38.195Z",
|
|
4
4
|
"packageName": "@praxisui/expansion",
|
|
5
|
-
"packageVersion": "10.0.0-rc.
|
|
5
|
+
"packageVersion": "10.0.0-rc.35",
|
|
6
6
|
"sourceRegistry": "praxis-component-registry-ingestion",
|
|
7
7
|
"sourceRegistryVersion": "1.0.0",
|
|
8
8
|
"componentCount": 1,
|
|
@@ -14,9 +14,11 @@ import * as i4 from '@angular/material/button';
|
|
|
14
14
|
import { MatButtonModule } from '@angular/material/button';
|
|
15
15
|
import * as i6 from '@angular/material/input';
|
|
16
16
|
import { MatInputModule } from '@angular/material/input';
|
|
17
|
-
import * as i7 from '@angular/material/
|
|
17
|
+
import * as i7 from '@angular/material/select';
|
|
18
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
19
|
+
import * as i8 from '@angular/material/slide-toggle';
|
|
18
20
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
19
|
-
import * as
|
|
21
|
+
import * as i9 from '@angular/material/tooltip';
|
|
20
22
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
21
23
|
import { DynamicFieldLoaderDirective } from '@praxisui/dynamic-fields';
|
|
22
24
|
import { deepMerge, ASYNC_CONFIG_STORAGE, DynamicFormService, ComponentKeyService, DynamicWidgetLoaderDirective, PraxisIconDirective, PraxisIconButtonComponent, ComponentMetadataRegistry } from '@praxisui/core';
|
|
@@ -1904,12 +1906,12 @@ class PraxisExpansionConfigEditor {
|
|
|
1904
1906
|
</mat-form-field>
|
|
1905
1907
|
<mat-form-field appearance="outline">
|
|
1906
1908
|
<mat-label>Densidade</mat-label>
|
|
1907
|
-
<select
|
|
1908
|
-
<option value="">Padrão</option>
|
|
1909
|
-
<option value="compact">Compacta</option>
|
|
1910
|
-
<option value="comfortable">Confortável</option>
|
|
1911
|
-
<option value="spacious">Espaçosa</option>
|
|
1912
|
-
</select>
|
|
1909
|
+
<mat-select [value]="config?.appearance?.density || ''" (selectionChange)="setAppearance('density', $event.value || undefined)" placeholder="Padrão">
|
|
1910
|
+
<mat-option value="">Padrão</mat-option>
|
|
1911
|
+
<mat-option value="compact">Compacta</mat-option>
|
|
1912
|
+
<mat-option value="comfortable">Confortável</mat-option>
|
|
1913
|
+
<mat-option value="spacious">Espaçosa</mat-option>
|
|
1914
|
+
</mat-select>
|
|
1913
1915
|
</mat-form-field>
|
|
1914
1916
|
</div>
|
|
1915
1917
|
|
|
@@ -1933,13 +1935,13 @@ class PraxisExpansionConfigEditor {
|
|
|
1933
1935
|
</mat-form-field>
|
|
1934
1936
|
<mat-form-field appearance="outline">
|
|
1935
1937
|
<mat-label>Estilo da borda</mat-label>
|
|
1936
|
-
<select
|
|
1937
|
-
<option value="">Padrão</option>
|
|
1938
|
-
<option value="solid">Solid</option>
|
|
1939
|
-
<option value="dashed">Dashed</option>
|
|
1940
|
-
<option value="dotted">Dotted</option>
|
|
1941
|
-
<option value="none">None</option>
|
|
1942
|
-
</select>
|
|
1938
|
+
<mat-select [value]="config?.appearance?.container?.borderStyle || ''" (selectionChange)="setContainer('borderStyle', $event.value || undefined)" placeholder="Padrão">
|
|
1939
|
+
<mat-option value="">Padrão</mat-option>
|
|
1940
|
+
<mat-option value="solid">Solid</mat-option>
|
|
1941
|
+
<mat-option value="dashed">Dashed</mat-option>
|
|
1942
|
+
<mat-option value="dotted">Dotted</mat-option>
|
|
1943
|
+
<mat-option value="none">None</mat-option>
|
|
1944
|
+
</mat-select>
|
|
1943
1945
|
</mat-form-field>
|
|
1944
1946
|
<mat-form-field appearance="outline">
|
|
1945
1947
|
<mat-label>Raio da borda</mat-label>
|
|
@@ -2077,17 +2079,17 @@ class PraxisExpansionConfigEditor {
|
|
|
2077
2079
|
</mat-form-field>
|
|
2078
2080
|
<mat-form-field appearance="outline">
|
|
2079
2081
|
<mat-label>Modo de exibição</mat-label>
|
|
2080
|
-
<select
|
|
2081
|
-
<option value="default">Padrão</option>
|
|
2082
|
-
<option value="flat">Flat</option>
|
|
2083
|
-
</select>
|
|
2082
|
+
<mat-select [value]="config?.accordion?.displayMode || 'default'" (selectionChange)="setAccordion('displayMode', $event.value)">
|
|
2083
|
+
<mat-option value="default">Padrão</mat-option>
|
|
2084
|
+
<mat-option value="flat">Flat</mat-option>
|
|
2085
|
+
</mat-select>
|
|
2084
2086
|
</mat-form-field>
|
|
2085
2087
|
<mat-form-field appearance="outline">
|
|
2086
2088
|
<mat-label>Posição do toggle</mat-label>
|
|
2087
|
-
<select
|
|
2088
|
-
<option value="after">Depois</option>
|
|
2089
|
-
<option value="before">Antes</option>
|
|
2090
|
-
</select>
|
|
2089
|
+
<mat-select [value]="config?.accordion?.togglePosition || 'after'" (selectionChange)="setAccordion('togglePosition', $event.value)">
|
|
2090
|
+
<mat-option value="after">Depois</mat-option>
|
|
2091
|
+
<mat-option value="before">Antes</mat-option>
|
|
2092
|
+
</mat-select>
|
|
2091
2093
|
</mat-form-field>
|
|
2092
2094
|
<div class="row wrap">
|
|
2093
2095
|
<mat-slide-toggle [checked]="config?.accordion?.multi || false" (change)="setAccordion('multi', $event.checked)">Múltiplos abertos</mat-slide-toggle>
|
|
@@ -2136,7 +2138,7 @@ class PraxisExpansionConfigEditor {
|
|
|
2136
2138
|
</section>
|
|
2137
2139
|
}
|
|
2138
2140
|
</div>
|
|
2139
|
-
`, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.pdx-expansion-editor{display:grid;gap:16px}.sec{border:1px solid var(--md-sys-color-outline-variant);padding:
|
|
2141
|
+
`, isInline: true, styles: [":host{display:block;container-type:inline-size;color:var(--pfx-settings-panel-text-primary, var(--md-sys-color-on-surface))}.pdx-expansion-editor{display:grid;gap:16px}.sec{border:1px solid var(--pfx-settings-panel-border, var(--md-sys-color-outline-variant));padding:14px;border-radius:12px;background:var(--pfx-settings-panel-surface, var(--md-sys-color-surface-container-lowest));display:grid;gap:12px}.sec h4,.sec h5{margin:0;font-weight:600;color:var(--pfx-settings-panel-text-primary, var(--md-sys-color-on-surface))}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.wrap{flex-wrap:wrap}.panel-row{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:wrap}.grow{flex:1 1 auto}.grid{display:grid;gap:10px;align-items:center}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.full{width:100%}.error{color:var(--md-sys-color-error);font-size:12px}.pdx-expansion-editor .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}@container (max-width: 600px){.grid.two{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2140
2142
|
}
|
|
2141
2143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisExpansionConfigEditor, decorators: [{
|
|
2142
2144
|
type: Component,
|
|
@@ -2146,6 +2148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
2146
2148
|
MatIconModule,
|
|
2147
2149
|
MatFormFieldModule,
|
|
2148
2150
|
MatInputModule,
|
|
2151
|
+
MatSelectModule,
|
|
2149
2152
|
MatSlideToggleModule,
|
|
2150
2153
|
MatTooltipModule,
|
|
2151
2154
|
PraxisIconButtonComponent,
|
|
@@ -2161,12 +2164,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
2161
2164
|
</mat-form-field>
|
|
2162
2165
|
<mat-form-field appearance="outline">
|
|
2163
2166
|
<mat-label>Densidade</mat-label>
|
|
2164
|
-
<select
|
|
2165
|
-
<option value="">Padrão</option>
|
|
2166
|
-
<option value="compact">Compacta</option>
|
|
2167
|
-
<option value="comfortable">Confortável</option>
|
|
2168
|
-
<option value="spacious">Espaçosa</option>
|
|
2169
|
-
</select>
|
|
2167
|
+
<mat-select [value]="config?.appearance?.density || ''" (selectionChange)="setAppearance('density', $event.value || undefined)" placeholder="Padrão">
|
|
2168
|
+
<mat-option value="">Padrão</mat-option>
|
|
2169
|
+
<mat-option value="compact">Compacta</mat-option>
|
|
2170
|
+
<mat-option value="comfortable">Confortável</mat-option>
|
|
2171
|
+
<mat-option value="spacious">Espaçosa</mat-option>
|
|
2172
|
+
</mat-select>
|
|
2170
2173
|
</mat-form-field>
|
|
2171
2174
|
</div>
|
|
2172
2175
|
|
|
@@ -2190,13 +2193,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
2190
2193
|
</mat-form-field>
|
|
2191
2194
|
<mat-form-field appearance="outline">
|
|
2192
2195
|
<mat-label>Estilo da borda</mat-label>
|
|
2193
|
-
<select
|
|
2194
|
-
<option value="">Padrão</option>
|
|
2195
|
-
<option value="solid">Solid</option>
|
|
2196
|
-
<option value="dashed">Dashed</option>
|
|
2197
|
-
<option value="dotted">Dotted</option>
|
|
2198
|
-
<option value="none">None</option>
|
|
2199
|
-
</select>
|
|
2196
|
+
<mat-select [value]="config?.appearance?.container?.borderStyle || ''" (selectionChange)="setContainer('borderStyle', $event.value || undefined)" placeholder="Padrão">
|
|
2197
|
+
<mat-option value="">Padrão</mat-option>
|
|
2198
|
+
<mat-option value="solid">Solid</mat-option>
|
|
2199
|
+
<mat-option value="dashed">Dashed</mat-option>
|
|
2200
|
+
<mat-option value="dotted">Dotted</mat-option>
|
|
2201
|
+
<mat-option value="none">None</mat-option>
|
|
2202
|
+
</mat-select>
|
|
2200
2203
|
</mat-form-field>
|
|
2201
2204
|
<mat-form-field appearance="outline">
|
|
2202
2205
|
<mat-label>Raio da borda</mat-label>
|
|
@@ -2334,17 +2337,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
2334
2337
|
</mat-form-field>
|
|
2335
2338
|
<mat-form-field appearance="outline">
|
|
2336
2339
|
<mat-label>Modo de exibição</mat-label>
|
|
2337
|
-
<select
|
|
2338
|
-
<option value="default">Padrão</option>
|
|
2339
|
-
<option value="flat">Flat</option>
|
|
2340
|
-
</select>
|
|
2340
|
+
<mat-select [value]="config?.accordion?.displayMode || 'default'" (selectionChange)="setAccordion('displayMode', $event.value)">
|
|
2341
|
+
<mat-option value="default">Padrão</mat-option>
|
|
2342
|
+
<mat-option value="flat">Flat</mat-option>
|
|
2343
|
+
</mat-select>
|
|
2341
2344
|
</mat-form-field>
|
|
2342
2345
|
<mat-form-field appearance="outline">
|
|
2343
2346
|
<mat-label>Posição do toggle</mat-label>
|
|
2344
|
-
<select
|
|
2345
|
-
<option value="after">Depois</option>
|
|
2346
|
-
<option value="before">Antes</option>
|
|
2347
|
-
</select>
|
|
2347
|
+
<mat-select [value]="config?.accordion?.togglePosition || 'after'" (selectionChange)="setAccordion('togglePosition', $event.value)">
|
|
2348
|
+
<mat-option value="after">Depois</mat-option>
|
|
2349
|
+
<mat-option value="before">Antes</mat-option>
|
|
2350
|
+
</mat-select>
|
|
2348
2351
|
</mat-form-field>
|
|
2349
2352
|
<div class="row wrap">
|
|
2350
2353
|
<mat-slide-toggle [checked]="config?.accordion?.multi || false" (change)="setAccordion('multi', $event.checked)">Múltiplos abertos</mat-slide-toggle>
|
|
@@ -2393,7 +2396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
2393
2396
|
</section>
|
|
2394
2397
|
}
|
|
2395
2398
|
</div>
|
|
2396
|
-
`, styles: [":host{display:block;color:var(--md-sys-color-on-surface)}.pdx-expansion-editor{display:grid;gap:16px}.sec{border:1px solid var(--md-sys-color-outline-variant);padding:
|
|
2399
|
+
`, styles: [":host{display:block;container-type:inline-size;color:var(--pfx-settings-panel-text-primary, var(--md-sys-color-on-surface))}.pdx-expansion-editor{display:grid;gap:16px}.sec{border:1px solid var(--pfx-settings-panel-border, var(--md-sys-color-outline-variant));padding:14px;border-radius:12px;background:var(--pfx-settings-panel-surface, var(--md-sys-color-surface-container-lowest));display:grid;gap:12px}.sec h4,.sec h5{margin:0;font-weight:600;color:var(--pfx-settings-panel-text-primary, var(--md-sys-color-on-surface))}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.wrap{flex-wrap:wrap}.panel-row{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:wrap}.grow{flex:1 1 auto}.grid{display:grid;gap:10px;align-items:center}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.full{width:100%}.error{color:var(--md-sys-color-error);font-size:12px}.pdx-expansion-editor .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}@container (max-width: 600px){.grid.two{grid-template-columns:1fr}}\n"] }]
|
|
2397
2400
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2398
2401
|
type: Inject,
|
|
2399
2402
|
args: [SETTINGS_PANEL_DATA]
|
package/package.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisui/expansion",
|
|
3
|
-
"version": "10.0.0-rc.
|
|
3
|
+
"version": "10.0.0-rc.35",
|
|
4
4
|
"description": "Expansion panel (accordion) components for Praxis UI with metadata configuration and editor integration.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^21.0.0",
|
|
7
7
|
"@angular/core": "^21.0.0",
|
|
8
8
|
"@angular/material": "^21.0.0",
|
|
9
9
|
"@angular/cdk": "^21.0.0",
|
|
10
|
-
"@praxisui/core": "^10.0.0-rc.
|
|
11
|
-
"@praxisui/dynamic-fields": "^10.0.0-rc.
|
|
12
|
-
"@praxisui/settings-panel": "^10.0.0-rc.
|
|
10
|
+
"@praxisui/core": "^10.0.0-rc.35",
|
|
11
|
+
"@praxisui/dynamic-fields": "^10.0.0-rc.35",
|
|
12
|
+
"@praxisui/settings-panel": "^10.0.0-rc.35",
|
|
13
13
|
"@angular/forms": "^21.0.0",
|
|
14
14
|
"@angular/router": "^21.0.0",
|
|
15
|
-
"@praxisui/ai": "^10.0.0-rc.
|
|
15
|
+
"@praxisui/ai": "^10.0.0-rc.35",
|
|
16
16
|
"rxjs": "~7.8.0"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|