@praxisui/tabs 9.0.0-beta.20 → 9.0.0-beta.22

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 (3) hide show
  1. package/ai/component-registry.json +2 -2
  2. package/fesm2022/praxisui-tabs.mjs +40 -28
  3. package/package.json +5 -5
package/ai/component-registry.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "schemaVersion": "1.0.0",
3
- "generatedAt": "2026-06-24T23:12:14.260Z",
3
+ "generatedAt": "2026-06-26T01:13:35.730Z",
4
4
  "packageName": "@praxisui/tabs",
5
- "packageVersion": "9.0.0-beta.20",
5
+ "packageVersion": "9.0.0-beta.22",
6
6
  "sourceRegistry": "praxis-component-registry-ingestion",
7
7
  "sourceRegistryVersion": "1.0.0",
8
8
  "componentCount": 1,
package/fesm2022/praxisui-tabs.mjs CHANGED
@@ -273,6 +273,12 @@ const PRAXIS_TABS_PT_BR = {
273
273
  'editor.actions.addTab': 'Adicionar aba',
274
274
  'editor.actions.addLink': 'Adicionar link',
275
275
  'editor.actions.add': 'Adicionar',
276
+ 'editor.actions.moveTabUp': 'Mover aba para cima',
277
+ 'editor.actions.moveTabDown': 'Mover aba para baixo',
278
+ 'editor.actions.removeTab': 'Remover aba',
279
+ 'editor.actions.moveLinkUp': 'Mover link para cima',
280
+ 'editor.actions.moveLinkDown': 'Mover link para baixo',
281
+ 'editor.actions.removeLink': 'Remover link',
276
282
  'editor.actions.removeLabel': 'Remover rótulo',
277
283
  'editor.actions.dragToReorder': 'Arrastar para reordenar',
278
284
  'editor.actions.removeComponent': 'Remover componente',
@@ -419,6 +425,12 @@ const PRAXIS_TABS_EN_US = {
419
425
  'editor.actions.addTab': 'Add tab',
420
426
  'editor.actions.addLink': 'Add link',
421
427
  'editor.actions.add': 'Add',
428
+ 'editor.actions.moveTabUp': 'Move tab up',
429
+ 'editor.actions.moveTabDown': 'Move tab down',
430
+ 'editor.actions.removeTab': 'Remove tab',
431
+ 'editor.actions.moveLinkUp': 'Move link up',
432
+ 'editor.actions.moveLinkDown': 'Move link down',
433
+ 'editor.actions.removeLink': 'Remove link',
422
434
  'editor.actions.removeLabel': 'Remove label',
423
435
  'editor.actions.dragToReorder': 'Drag to reorder',
424
436
  'editor.actions.removeComponent': 'Remove component',
@@ -1325,9 +1337,9 @@ class PraxisTabsConfigEditor {
1325
1337
  <div class="editor-card">
1326
1338
  <div class="editor-card-header">
1327
1339
  <strong class="editor-card-title">{{ t('editor.cards.tab', 'Aba') }} #{{ i+1 }}</strong>
1328
- <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0"><mat-icon [praxisIcon]="'arrow_upward'"></mat-icon></button>
1329
- <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1"><mat-icon [praxisIcon]="'arrow_downward'"></mat-icon></button>
1330
- <button mat-icon-button color="warn" (click)="removeTab(i)"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
1340
+ <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
1341
+ <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
1342
+ <button mat-icon-button color="warn" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
1331
1343
  </div>
1332
1344
  <div class="editor-grid two tight">
1333
1345
  <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1431,9 +1443,9 @@ class PraxisTabsConfigEditor {
1431
1443
  <div class="editor-card">
1432
1444
  <div class="editor-card-header">
1433
1445
  <strong class="editor-card-title">{{ t('editor.cards.link', 'Link') }} #{{ i+1 }}</strong>
1434
- <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0"><mat-icon [praxisIcon]="'arrow_upward'"></mat-icon></button>
1435
- <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1"><mat-icon [praxisIcon]="'arrow_downward'"></mat-icon></button>
1436
- <button mat-icon-button color="warn" (click)="removeLink(i)"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
1446
+ <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
1447
+ <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
1448
+ <button mat-icon-button color="warn" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
1437
1449
  </div>
1438
1450
  <div class="editor-grid two tight">
1439
1451
  <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1867,9 +1879,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
1867
1879
  <div class="editor-card">
1868
1880
  <div class="editor-card-header">
1869
1881
  <strong class="editor-card-title">{{ t('editor.cards.tab', 'Aba') }} #{{ i+1 }}</strong>
1870
- <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0"><mat-icon [praxisIcon]="'arrow_upward'"></mat-icon></button>
1871
- <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1"><mat-icon [praxisIcon]="'arrow_downward'"></mat-icon></button>
1872
- <button mat-icon-button color="warn" (click)="removeTab(i)"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
1882
+ <button mat-icon-button (click)="moveTab(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveTabUp', 'Mover aba para cima')" [attr.aria-label]="t('editor.actions.moveTabUp', 'Mover aba para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
1883
+ <button mat-icon-button (click)="moveTab(i, 1)" [disabled]="i===editedConfig.tabs!.length-1" [matTooltip]="t('editor.actions.moveTabDown', 'Mover aba para baixo')" [attr.aria-label]="t('editor.actions.moveTabDown', 'Mover aba para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
1884
+ <button mat-icon-button color="warn" (click)="removeTab(i)" [matTooltip]="t('editor.actions.removeTab', 'Remover aba')" [attr.aria-label]="t('editor.actions.removeTab', 'Remover aba')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
1873
1885
  </div>
1874
1886
  <div class="editor-grid two tight">
1875
1887
  <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -1973,9 +1985,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
1973
1985
  <div class="editor-card">
1974
1986
  <div class="editor-card-header">
1975
1987
  <strong class="editor-card-title">{{ t('editor.cards.link', 'Link') }} #{{ i+1 }}</strong>
1976
- <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0"><mat-icon [praxisIcon]="'arrow_upward'"></mat-icon></button>
1977
- <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1"><mat-icon [praxisIcon]="'arrow_downward'"></mat-icon></button>
1978
- <button mat-icon-button color="warn" (click)="removeLink(i)"><mat-icon [praxisIcon]="'delete'"></mat-icon></button>
1988
+ <button mat-icon-button (click)="moveLink(i, -1)" [disabled]="i===0" [matTooltip]="t('editor.actions.moveLinkUp', 'Mover link para cima')" [attr.aria-label]="t('editor.actions.moveLinkUp', 'Mover link para cima')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_upward'"></mat-icon></button>
1989
+ <button mat-icon-button (click)="moveLink(i, 1)" [disabled]="i===nav.links!.length-1" [matTooltip]="t('editor.actions.moveLinkDown', 'Mover link para baixo')" [attr.aria-label]="t('editor.actions.moveLinkDown', 'Mover link para baixo')"><mat-icon aria-hidden="true" [praxisIcon]="'arrow_downward'"></mat-icon></button>
1990
+ <button mat-icon-button color="warn" (click)="removeLink(i)" [matTooltip]="t('editor.actions.removeLink', 'Remover link')" [attr.aria-label]="t('editor.actions.removeLink', 'Remover link')"><mat-icon aria-hidden="true" [praxisIcon]="'delete'"></mat-icon></button>
1979
1991
  </div>
1980
1992
  <div class="editor-grid two tight">
1981
1993
  <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.id', 'ID') }}</mat-label>
@@ -4362,11 +4374,11 @@ class PraxisTabs {
4362
4374
  >
4363
4375
  @if (config?.behavior?.reorderable) {
4364
4376
  <span class="drag-handle" cdkDragHandle>
4365
- <mat-icon fontIcon="drag_indicator"></mat-icon>
4377
+ <mat-icon aria-hidden="true" fontIcon="drag_indicator"></mat-icon>
4366
4378
  </span>
4367
4379
  }
4368
4380
  @if (entry.link.icon) {
4369
- <mat-icon class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
4381
+ <mat-icon aria-hidden="true" class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
4370
4382
  }
4371
4383
  {{ entry.link.label }}
4372
4384
  </a>
@@ -4443,7 +4455,7 @@ class PraxisTabs {
4443
4455
  >
4444
4456
  <ng-template mat-tab-label>
4445
4457
  @if (entry.tab.icon) {
4446
- <mat-icon class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
4458
+ <mat-icon aria-hidden="true" class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
4447
4459
  }
4448
4460
  <span>{{ entry.tab.textLabel }}</span>
4449
4461
  @if (config?.behavior?.closeable) {
@@ -4455,7 +4467,7 @@ class PraxisTabs {
4455
4467
  (keydown.space)="$event.stopPropagation()"
4456
4468
  [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
4457
4469
  >
4458
- <mat-icon fontIcon="close"></mat-icon>
4470
+ <mat-icon aria-hidden="true" fontIcon="close"></mat-icon>
4459
4471
  </button>
4460
4472
  }
4461
4473
  @if (config?.behavior?.reorderable) {
@@ -4468,7 +4480,7 @@ class PraxisTabs {
4468
4480
  [disabled]="entry.index===0"
4469
4481
  [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
4470
4482
  >
4471
- <mat-icon fontIcon="arrow_back"></mat-icon>
4483
+ <mat-icon aria-hidden="true" fontIcon="arrow_back"></mat-icon>
4472
4484
  </button>
4473
4485
  <button
4474
4486
  mat-icon-button
@@ -4479,7 +4491,7 @@ class PraxisTabs {
4479
4491
  [disabled]="entry.index===(config?.tabs?.length||1)-1"
4480
4492
  [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
4481
4493
  >
4482
- <mat-icon fontIcon="arrow_forward"></mat-icon>
4494
+ <mat-icon aria-hidden="true" fontIcon="arrow_forward"></mat-icon>
4483
4495
  </button>
4484
4496
  }
4485
4497
  </ng-template>
@@ -4527,7 +4539,7 @@ class PraxisTabs {
4527
4539
  [attr.aria-label]="t('chrome.editTabs', 'Editar abas')"
4528
4540
  (click)="openEditor()"
4529
4541
  >
4530
- <mat-icon fontIcon="edit"></mat-icon>
4542
+ <mat-icon aria-hidden="true" fontIcon="edit"></mat-icon>
4531
4543
  </button>
4532
4544
  }
4533
4545
  @if (enableCustomization && tabsId) {
@@ -4538,7 +4550,7 @@ class PraxisTabs {
4538
4550
  (click)="resetPreferences()"
4539
4551
  [matTooltip]="t('settings.resetPreferences', 'Redefinir preferencias de abas')"
4540
4552
  >
4541
- <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
4553
+ <mat-icon aria-hidden="true" [praxisIcon]="'restart_alt'"></mat-icon>
4542
4554
  </button>
4543
4555
  }
4544
4556
  </div>
@@ -4677,11 +4689,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4677
4689
  >
4678
4690
  @if (config?.behavior?.reorderable) {
4679
4691
  <span class="drag-handle" cdkDragHandle>
4680
- <mat-icon fontIcon="drag_indicator"></mat-icon>
4692
+ <mat-icon aria-hidden="true" fontIcon="drag_indicator"></mat-icon>
4681
4693
  </span>
4682
4694
  }
4683
4695
  @if (entry.link.icon) {
4684
- <mat-icon class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
4696
+ <mat-icon aria-hidden="true" class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
4685
4697
  }
4686
4698
  {{ entry.link.label }}
4687
4699
  </a>
@@ -4758,7 +4770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4758
4770
  >
4759
4771
  <ng-template mat-tab-label>
4760
4772
  @if (entry.tab.icon) {
4761
- <mat-icon class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
4773
+ <mat-icon aria-hidden="true" class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
4762
4774
  }
4763
4775
  <span>{{ entry.tab.textLabel }}</span>
4764
4776
  @if (config?.behavior?.closeable) {
@@ -4770,7 +4782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4770
4782
  (keydown.space)="$event.stopPropagation()"
4771
4783
  [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
4772
4784
  >
4773
- <mat-icon fontIcon="close"></mat-icon>
4785
+ <mat-icon aria-hidden="true" fontIcon="close"></mat-icon>
4774
4786
  </button>
4775
4787
  }
4776
4788
  @if (config?.behavior?.reorderable) {
@@ -4783,7 +4795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4783
4795
  [disabled]="entry.index===0"
4784
4796
  [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
4785
4797
  >
4786
- <mat-icon fontIcon="arrow_back"></mat-icon>
4798
+ <mat-icon aria-hidden="true" fontIcon="arrow_back"></mat-icon>
4787
4799
  </button>
4788
4800
  <button
4789
4801
  mat-icon-button
@@ -4794,7 +4806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4794
4806
  [disabled]="entry.index===(config?.tabs?.length||1)-1"
4795
4807
  [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
4796
4808
  >
4797
- <mat-icon fontIcon="arrow_forward"></mat-icon>
4809
+ <mat-icon aria-hidden="true" fontIcon="arrow_forward"></mat-icon>
4798
4810
  </button>
4799
4811
  }
4800
4812
  </ng-template>
@@ -4842,7 +4854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4842
4854
  [attr.aria-label]="t('chrome.editTabs', 'Editar abas')"
4843
4855
  (click)="openEditor()"
4844
4856
  >
4845
- <mat-icon fontIcon="edit"></mat-icon>
4857
+ <mat-icon aria-hidden="true" fontIcon="edit"></mat-icon>
4846
4858
  </button>
4847
4859
  }
4848
4860
  @if (enableCustomization && tabsId) {
@@ -4853,7 +4865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4853
4865
  (click)="resetPreferences()"
4854
4866
  [matTooltip]="t('settings.resetPreferences', 'Redefinir preferencias de abas')"
4855
4867
  >
4856
- <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
4868
+ <mat-icon aria-hidden="true" [praxisIcon]="'restart_alt'"></mat-icon>
4857
4869
  </button>
4858
4870
  }
4859
4871
  </div>
package/package.json CHANGED
@@ -1,18 +1,18 @@
1
1
  {
2
2
  "name": "@praxisui/tabs",
3
- "version": "9.0.0-beta.20",
3
+ "version": "9.0.0-beta.22",
4
4
  "description": "Configurable tabs (group and nav) for Praxis UI with metadata-driven content and runtime editor.",
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": "^9.0.0-beta.20",
11
- "@praxisui/dynamic-fields": "^9.0.0-beta.20",
12
- "@praxisui/settings-panel": "^9.0.0-beta.20",
10
+ "@praxisui/core": "^9.0.0-beta.22",
11
+ "@praxisui/dynamic-fields": "^9.0.0-beta.22",
12
+ "@praxisui/settings-panel": "^9.0.0-beta.22",
13
13
  "@angular/forms": "^21.0.0",
14
14
  "@angular/router": "^21.0.0",
15
- "@praxisui/ai": "^9.0.0-beta.20",
15
+ "@praxisui/ai": "^9.0.0-beta.22",
16
16
  "rxjs": "~7.8.0"
17
17
  },
18
18
  "dependencies": {