@ngx-smz/ui-kit 21.9.0-next.6 → 21.9.0-next.8
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.
|
@@ -609,22 +609,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
609
609
|
}] });
|
|
610
610
|
|
|
611
611
|
const base = 'w-full border bg-ui-surface-1 font-ui text-ui-fg placeholder:text-ui-fg-subtle transition-colors duration-ui ' +
|
|
612
|
-
'focus:outline-none focus:ring-
|
|
612
|
+
'focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger';
|
|
613
613
|
const invalidVariant = { true: 'border-ui-danger', false: 'border-ui-line-strong' };
|
|
614
614
|
const inputClasses = smzVariants({
|
|
615
615
|
base: `${base} rounded-control`,
|
|
616
616
|
variants: {
|
|
617
617
|
size: {
|
|
618
|
-
sm: 'h-control-sm px-
|
|
619
|
-
md: 'h-control px-
|
|
620
|
-
lg: 'h-control-lg px-
|
|
618
|
+
sm: 'h-control-sm px-input-x-sm text-ui-sm',
|
|
619
|
+
md: 'h-control px-input-x text-ui-md',
|
|
620
|
+
lg: 'h-control-lg px-input-x-lg text-ui-lg',
|
|
621
621
|
},
|
|
622
622
|
invalid: invalidVariant,
|
|
623
623
|
},
|
|
624
624
|
defaults: { size: 'md', invalid: 'false' },
|
|
625
625
|
});
|
|
626
626
|
const textareaClasses = smzVariants({
|
|
627
|
-
base: `${base} min-h-control rounded-control px-
|
|
627
|
+
base: `${base} min-h-control rounded-control px-input-x py-2 text-ui-md`,
|
|
628
628
|
variants: { invalid: invalidVariant },
|
|
629
629
|
defaults: { invalid: 'false' },
|
|
630
630
|
});
|
|
@@ -3352,7 +3352,7 @@ class SmzSelectComponent extends SmzValueAccessor {
|
|
|
3352
3352
|
type="button"
|
|
3353
3353
|
role="combobox"
|
|
3354
3354
|
aria-haspopup="listbox"
|
|
3355
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
3355
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
3356
3356
|
[ngClass]="styleClass()"
|
|
3357
3357
|
[id]="inputId() || null"
|
|
3358
3358
|
[attr.aria-expanded]="open()"
|
|
@@ -3438,7 +3438,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
3438
3438
|
type="button"
|
|
3439
3439
|
role="combobox"
|
|
3440
3440
|
aria-haspopup="listbox"
|
|
3441
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
3441
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
3442
3442
|
[ngClass]="styleClass()"
|
|
3443
3443
|
[id]="inputId() || null"
|
|
3444
3444
|
[attr.aria-expanded]="open()"
|
|
@@ -3593,7 +3593,9 @@ class SmzMultiSelectComponent extends SmzValueAccessor {
|
|
|
3593
3593
|
optionRowClass(option, index) {
|
|
3594
3594
|
if (optionDisabled(option, this.config()))
|
|
3595
3595
|
return 'opacity-50 cursor-not-allowed';
|
|
3596
|
-
|
|
3596
|
+
if (this.activeIndex() === index)
|
|
3597
|
+
return 'bg-ui-surface-3';
|
|
3598
|
+
return this.selectedValues().length > 0 && this.isSelected(option) ? 'bg-ui-primary/10' : '';
|
|
3597
3599
|
}
|
|
3598
3600
|
toggle() {
|
|
3599
3601
|
if (this.open())
|
|
@@ -3705,7 +3707,7 @@ class SmzMultiSelectComponent extends SmzValueAccessor {
|
|
|
3705
3707
|
type="button"
|
|
3706
3708
|
role="combobox"
|
|
3707
3709
|
aria-haspopup="listbox"
|
|
3708
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
3710
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
3709
3711
|
[ngClass]="styleClass()"
|
|
3710
3712
|
[id]="inputId() || null"
|
|
3711
3713
|
[attr.aria-expanded]="open()"
|
|
@@ -3810,7 +3812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
3810
3812
|
type="button"
|
|
3811
3813
|
role="combobox"
|
|
3812
3814
|
aria-haspopup="listbox"
|
|
3813
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
3815
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
3814
3816
|
[ngClass]="styleClass()"
|
|
3815
3817
|
[id]="inputId() || null"
|
|
3816
3818
|
[attr.aria-expanded]="open()"
|
|
@@ -4281,14 +4283,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
4281
4283
|
/** Complemento de um `ui-input-group`. Substitui o `p-inputgroupaddon` do PrimeNG. */
|
|
4282
4284
|
class SmzInputGroupAddonComponent {
|
|
4283
4285
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputGroupAddonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4284
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: SmzInputGroupAddonComponent, isStandalone: true, selector: "ui-input-group-addon", host: { classAttribute: "inline-flex items-center rounded-control border border-ui-line-strong bg-ui-surface-3 px-
|
|
4286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: SmzInputGroupAddonComponent, isStandalone: true, selector: "ui-input-group-addon", host: { classAttribute: "inline-flex items-center rounded-control border border-ui-line-strong bg-ui-surface-3 px-input-x-sm font-ui text-ui-md text-ui-fg-muted" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4285
4287
|
}
|
|
4286
4288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputGroupAddonComponent, decorators: [{
|
|
4287
4289
|
type: Component,
|
|
4288
4290
|
args: [{
|
|
4289
4291
|
selector: 'ui-input-group-addon',
|
|
4290
4292
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4291
|
-
host: { class: 'inline-flex items-center rounded-control border border-ui-line-strong bg-ui-surface-3 px-
|
|
4293
|
+
host: { class: 'inline-flex items-center rounded-control border border-ui-line-strong bg-ui-surface-3 px-input-x-sm font-ui text-ui-md text-ui-fg-muted' },
|
|
4292
4294
|
template: '<ng-content />',
|
|
4293
4295
|
}]
|
|
4294
4296
|
}] });
|
|
@@ -4589,7 +4591,7 @@ class SmzInputNumberComponent extends SmzValueAccessor {
|
|
|
4589
4591
|
type="text"
|
|
4590
4592
|
inputmode="decimal"
|
|
4591
4593
|
autocomplete="off"
|
|
4592
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
4594
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
4593
4595
|
[class.pr-14]="showButtons()"
|
|
4594
4596
|
[attr.id]="inputId() || null"
|
|
4595
4597
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -4646,7 +4648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
4646
4648
|
type="text"
|
|
4647
4649
|
inputmode="decimal"
|
|
4648
4650
|
autocomplete="off"
|
|
4649
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
4651
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
4650
4652
|
[class.pr-14]="showButtons()"
|
|
4651
4653
|
[attr.id]="inputId() || null"
|
|
4652
4654
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -5207,7 +5209,7 @@ class SmzDatePickerComponent extends SmzValueAccessor {
|
|
|
5207
5209
|
#field
|
|
5208
5210
|
type="text"
|
|
5209
5211
|
autocomplete="off"
|
|
5210
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5212
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5211
5213
|
[class.pr-10]="showIcon()"
|
|
5212
5214
|
[attr.id]="inputId() || null"
|
|
5213
5215
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -5347,7 +5349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
5347
5349
|
#field
|
|
5348
5350
|
type="text"
|
|
5349
5351
|
autocomplete="off"
|
|
5350
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5352
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5351
5353
|
[class.pr-10]="showIcon()"
|
|
5352
5354
|
[attr.id]="inputId() || null"
|
|
5353
5355
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -5669,7 +5671,7 @@ class SmzAutoCompleteComponent extends SmzValueAccessor {
|
|
|
5669
5671
|
role="combobox"
|
|
5670
5672
|
autocomplete="off"
|
|
5671
5673
|
aria-autocomplete="list"
|
|
5672
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5674
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5673
5675
|
[class]="dropdown() ? 'pr-10' : ''"
|
|
5674
5676
|
[attr.id]="inputId() || null"
|
|
5675
5677
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -5740,7 +5742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
5740
5742
|
role="combobox"
|
|
5741
5743
|
autocomplete="off"
|
|
5742
5744
|
aria-autocomplete="list"
|
|
5743
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5745
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5744
5746
|
[class]="dropdown() ? 'pr-10' : ''"
|
|
5745
5747
|
[attr.id]="inputId() || null"
|
|
5746
5748
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -5968,7 +5970,7 @@ class SmzInputMaskComponent extends SmzValueAccessor {
|
|
|
5968
5970
|
<input
|
|
5969
5971
|
#field
|
|
5970
5972
|
[attr.type]="type()"
|
|
5971
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5973
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5972
5974
|
[attr.id]="inputId() || null"
|
|
5973
5975
|
[attr.placeholder]="placeholder() || null"
|
|
5974
5976
|
[attr.maxlength]="parsed().literals.length"
|
|
@@ -5993,7 +5995,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
5993
5995
|
<input
|
|
5994
5996
|
#field
|
|
5995
5997
|
[attr.type]="type()"
|
|
5996
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
5998
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
5997
5999
|
[attr.id]="inputId() || null"
|
|
5998
6000
|
[attr.placeholder]="placeholder() || null"
|
|
5999
6001
|
[attr.maxlength]="parsed().literals.length"
|
|
@@ -6061,7 +6063,7 @@ class SmzPasswordComponent extends SmzValueAccessor {
|
|
|
6061
6063
|
<input
|
|
6062
6064
|
[type]="visible() ? 'text' : 'password'"
|
|
6063
6065
|
autocomplete="off"
|
|
6064
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
6066
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6065
6067
|
[class.pr-10]="toggleMask()"
|
|
6066
6068
|
[attr.id]="inputId() || null"
|
|
6067
6069
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -6114,7 +6116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
6114
6116
|
<input
|
|
6115
6117
|
[type]="visible() ? 'text' : 'password'"
|
|
6116
6118
|
autocomplete="off"
|
|
6117
|
-
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
6119
|
+
class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
|
|
6118
6120
|
[class.pr-10]="toggleMask()"
|
|
6119
6121
|
[attr.id]="inputId() || null"
|
|
6120
6122
|
[attr.placeholder]="placeholder() || null"
|
|
@@ -6703,6 +6705,8 @@ class SmzPaginatorComponent {
|
|
|
6703
6705
|
isLast = computed(() => this.page() >= this.pageCount() - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
|
|
6704
6706
|
visible = computed(() => this.alwaysShow() || this.pageCount() > 1, ...(ngDevMode ? [{ debugName: "visible" }] : []));
|
|
6705
6707
|
links = computed(() => {
|
|
6708
|
+
if (this.totalRecords() <= 0)
|
|
6709
|
+
return [];
|
|
6706
6710
|
const size = Math.min(this.pageLinkSize(), this.pageCount());
|
|
6707
6711
|
const start = Math.max(0, Math.min(this.page() - Math.floor(size / 2), this.pageCount() - size));
|
|
6708
6712
|
return Array.from({ length: size }, (_, index) => start + index + 1);
|
|
@@ -6741,17 +6745,17 @@ class SmzPaginatorComponent {
|
|
|
6741
6745
|
@if (showCurrentPageReport()) {
|
|
6742
6746
|
<span class="mr-2 text-ui-fg-muted">{{ report() }}</span>
|
|
6743
6747
|
}
|
|
6744
|
-
<button type="button" class="inline-flex h-
|
|
6748
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Primeira pagina" [disabled]="isFirst()" (click)="goTo(0)">
|
|
6745
6749
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M8 4L4 8l4 4M12 4L8 8l4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6746
6750
|
</button>
|
|
6747
|
-
<button type="button" class="inline-flex h-
|
|
6751
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Pagina anterior" [disabled]="isFirst()" (click)="goTo(page() - 1)">
|
|
6748
6752
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M10 4L6 8l4 4" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6749
6753
|
</button>
|
|
6750
6754
|
@if (showPageLinks() && totalRecords() > 0) {
|
|
6751
6755
|
@for (link of links(); track link) {
|
|
6752
6756
|
<button
|
|
6753
6757
|
type="button"
|
|
6754
|
-
class="inline-flex h-
|
|
6758
|
+
class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent"
|
|
6755
6759
|
[class]="link === page() + 1 ? 'smz-paginator-page-selected bg-ui-primary/10 font-medium text-ui-primary' : ''"
|
|
6756
6760
|
[attr.aria-current]="link === page() + 1 ? 'page' : null"
|
|
6757
6761
|
(click)="goTo(link - 1)"
|
|
@@ -6760,10 +6764,10 @@ class SmzPaginatorComponent {
|
|
|
6760
6764
|
</button>
|
|
6761
6765
|
}
|
|
6762
6766
|
}
|
|
6763
|
-
<button type="button" class="inline-flex h-
|
|
6767
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Proxima pagina" [disabled]="isLast()" (click)="goTo(page() + 1)">
|
|
6764
6768
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6765
6769
|
</button>
|
|
6766
|
-
<button type="button" class="inline-flex h-
|
|
6770
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Ultima pagina" [disabled]="isLast()" (click)="goTo(pageCount() - 1)">
|
|
6767
6771
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M4 4l4 4-4 4M8 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6768
6772
|
</button>
|
|
6769
6773
|
@if (rowsPerPageOptions() && rowsPerPageOptions()!.length > 0) {
|
|
@@ -6786,17 +6790,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
6786
6790
|
@if (showCurrentPageReport()) {
|
|
6787
6791
|
<span class="mr-2 text-ui-fg-muted">{{ report() }}</span>
|
|
6788
6792
|
}
|
|
6789
|
-
<button type="button" class="inline-flex h-
|
|
6793
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Primeira pagina" [disabled]="isFirst()" (click)="goTo(0)">
|
|
6790
6794
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M8 4L4 8l4 4M12 4L8 8l4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6791
6795
|
</button>
|
|
6792
|
-
<button type="button" class="inline-flex h-
|
|
6796
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Pagina anterior" [disabled]="isFirst()" (click)="goTo(page() - 1)">
|
|
6793
6797
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M10 4L6 8l4 4" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6794
6798
|
</button>
|
|
6795
6799
|
@if (showPageLinks() && totalRecords() > 0) {
|
|
6796
6800
|
@for (link of links(); track link) {
|
|
6797
6801
|
<button
|
|
6798
6802
|
type="button"
|
|
6799
|
-
class="inline-flex h-
|
|
6803
|
+
class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent"
|
|
6800
6804
|
[class]="link === page() + 1 ? 'smz-paginator-page-selected bg-ui-primary/10 font-medium text-ui-primary' : ''"
|
|
6801
6805
|
[attr.aria-current]="link === page() + 1 ? 'page' : null"
|
|
6802
6806
|
(click)="goTo(link - 1)"
|
|
@@ -6805,10 +6809,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
6805
6809
|
</button>
|
|
6806
6810
|
}
|
|
6807
6811
|
}
|
|
6808
|
-
<button type="button" class="inline-flex h-
|
|
6812
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Proxima pagina" [disabled]="isLast()" (click)="goTo(page() + 1)">
|
|
6809
6813
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6810
6814
|
</button>
|
|
6811
|
-
<button type="button" class="inline-flex h-
|
|
6815
|
+
<button type="button" class="inline-flex h-control-lg min-w-control-lg cursor-pointer items-center justify-center rounded-full px-2 font-ui text-ui-sm text-ui-fg transition-colors duration-ui hover:bg-ui-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent" aria-label="Ultima pagina" [disabled]="isLast()" (click)="goTo(pageCount() - 1)">
|
|
6812
6816
|
<svg viewBox="0 0 16 16" class="h-4 w-4" fill="none" aria-hidden="true"><path d="M4 4l4 4-4 4M8 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
|
6813
6817
|
</button>
|
|
6814
6818
|
@if (rowsPerPageOptions() && rowsPerPageOptions()!.length > 0) {
|
|
@@ -7998,7 +8002,7 @@ class SmzTreeSelectComponent extends SmzValueAccessor {
|
|
|
7998
8002
|
type="button"
|
|
7999
8003
|
role="combobox"
|
|
8000
8004
|
aria-haspopup="tree"
|
|
8001
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
8005
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
8002
8006
|
[ngClass]="[containerStyleClass() ?? '', styleClass() ?? '']"
|
|
8003
8007
|
[attr.aria-expanded]="open()"
|
|
8004
8008
|
[disabled]="isDisabled()"
|
|
@@ -8019,7 +8023,7 @@ class SmzTreeSelectComponent extends SmzValueAccessor {
|
|
|
8019
8023
|
<div class="max-h-80 overflow-auto rounded-overlay border border-ui-line bg-ui-surface-2 p-1 font-ui text-ui-md text-ui-fg shadow-overlay">
|
|
8020
8024
|
@if (filter()) {
|
|
8021
8025
|
<div class="p-1">
|
|
8022
|
-
<input type="text" class="h-control-sm w-full rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
8026
|
+
<input type="text" class="h-control-sm w-full rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x-sm text-ui-sm focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus" [placeholder]="filterPlaceholder() ?? ''" (input)="tree._filter($any($event.target).value)" />
|
|
8023
8027
|
</div>
|
|
8024
8028
|
}
|
|
8025
8029
|
<ui-tree
|
|
@@ -8051,7 +8055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
8051
8055
|
type="button"
|
|
8052
8056
|
role="combobox"
|
|
8053
8057
|
aria-haspopup="tree"
|
|
8054
|
-
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
8058
|
+
class="flex h-control w-full cursor-pointer items-center gap-2 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x text-left font-ui text-ui-md text-ui-fg transition-colors duration-ui focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50"
|
|
8055
8059
|
[ngClass]="[containerStyleClass() ?? '', styleClass() ?? '']"
|
|
8056
8060
|
[attr.aria-expanded]="open()"
|
|
8057
8061
|
[disabled]="isDisabled()"
|
|
@@ -8072,7 +8076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
8072
8076
|
<div class="max-h-80 overflow-auto rounded-overlay border border-ui-line bg-ui-surface-2 p-1 font-ui text-ui-md text-ui-fg shadow-overlay">
|
|
8073
8077
|
@if (filter()) {
|
|
8074
8078
|
<div class="p-1">
|
|
8075
|
-
<input type="text" class="h-control-sm w-full rounded-control border border-ui-line-strong bg-ui-surface-1 px-
|
|
8079
|
+
<input type="text" class="h-control-sm w-full rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x-sm text-ui-sm focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus" [placeholder]="filterPlaceholder() ?? ''" (input)="tree._filter($any($event.target).value)" />
|
|
8076
8080
|
</div>
|
|
8077
8081
|
}
|
|
8078
8082
|
<ui-tree
|