codexly-ui 0.1.8 → 0.1.10
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.
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -5456,7 +5456,6 @@ class ClxAlertComponent {
|
|
|
5456
5456
|
[color]="_cancelColor()"
|
|
5457
5457
|
[variant]="_cancelVariant()"
|
|
5458
5458
|
size="md"
|
|
5459
|
-
shape="pill"
|
|
5460
5459
|
(click)="dismiss()"
|
|
5461
5460
|
>
|
|
5462
5461
|
{{ _cancelText() }}
|
|
@@ -5468,7 +5467,6 @@ class ClxAlertComponent {
|
|
|
5468
5467
|
[color]="_confirmColor()"
|
|
5469
5468
|
variant="solid"
|
|
5470
5469
|
size="md"
|
|
5471
|
-
shape="pill"
|
|
5472
5470
|
(click)="confirm()"
|
|
5473
5471
|
>
|
|
5474
5472
|
{{ _confirmText() }}
|
|
@@ -5528,7 +5526,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5528
5526
|
[color]="_cancelColor()"
|
|
5529
5527
|
[variant]="_cancelVariant()"
|
|
5530
5528
|
size="md"
|
|
5531
|
-
shape="pill"
|
|
5532
5529
|
(click)="dismiss()"
|
|
5533
5530
|
>
|
|
5534
5531
|
{{ _cancelText() }}
|
|
@@ -5540,7 +5537,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5540
5537
|
[color]="_confirmColor()"
|
|
5541
5538
|
variant="solid"
|
|
5542
5539
|
size="md"
|
|
5543
|
-
shape="pill"
|
|
5544
5540
|
(click)="confirm()"
|
|
5545
5541
|
>
|
|
5546
5542
|
{{ _confirmText() }}
|
|
@@ -5646,7 +5642,7 @@ class ClxDrawerComponent {
|
|
|
5646
5642
|
</div>
|
|
5647
5643
|
|
|
5648
5644
|
<!-- Footer -->
|
|
5649
|
-
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0
|
|
5645
|
+
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0">
|
|
5650
5646
|
@if (_hasBuiltInButtons()) {
|
|
5651
5647
|
@if (showCancelButton()) {
|
|
5652
5648
|
<button
|
|
@@ -5654,7 +5650,6 @@ class ClxDrawerComponent {
|
|
|
5654
5650
|
[color]="_cancelColor()"
|
|
5655
5651
|
[variant]="_cancelVariant()"
|
|
5656
5652
|
size="md"
|
|
5657
|
-
shape="pill"
|
|
5658
5653
|
(click)="cancelClick.emit()">
|
|
5659
5654
|
{{ _cancelText() }}
|
|
5660
5655
|
</button>
|
|
@@ -5664,7 +5659,6 @@ class ClxDrawerComponent {
|
|
|
5664
5659
|
[color]="_confirmColor()"
|
|
5665
5660
|
[variant]="_confirmVariant()"
|
|
5666
5661
|
size="md"
|
|
5667
|
-
shape="pill"
|
|
5668
5662
|
(click)="confirmClick.emit()">
|
|
5669
5663
|
{{ _confirmText() }}
|
|
5670
5664
|
</button>
|
|
@@ -5707,7 +5701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5707
5701
|
</div>
|
|
5708
5702
|
|
|
5709
5703
|
<!-- Footer -->
|
|
5710
|
-
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0
|
|
5704
|
+
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0">
|
|
5711
5705
|
@if (_hasBuiltInButtons()) {
|
|
5712
5706
|
@if (showCancelButton()) {
|
|
5713
5707
|
<button
|
|
@@ -5715,7 +5709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5715
5709
|
[color]="_cancelColor()"
|
|
5716
5710
|
[variant]="_cancelVariant()"
|
|
5717
5711
|
size="md"
|
|
5718
|
-
shape="pill"
|
|
5719
5712
|
(click)="cancelClick.emit()">
|
|
5720
5713
|
{{ _cancelText() }}
|
|
5721
5714
|
</button>
|
|
@@ -5725,7 +5718,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5725
5718
|
[color]="_confirmColor()"
|
|
5726
5719
|
[variant]="_confirmVariant()"
|
|
5727
5720
|
size="md"
|
|
5728
|
-
shape="pill"
|
|
5729
5721
|
(click)="confirmClick.emit()">
|
|
5730
5722
|
{{ _confirmText() }}
|
|
5731
5723
|
</button>
|
|
@@ -5767,7 +5759,7 @@ class ClxModalComponent {
|
|
|
5767
5759
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxModalComponent, isStandalone: true, selector: "clx-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, confirmButton: { classPropertyName: "confirmButton", publicName: "confirmButton", isSignal: true, isRequired: false, transformFunction: null }, cancelButton: { classPropertyName: "cancelButton", publicName: "cancelButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmClick: "confirmClick", cancelClick: "cancelClick" }, host: { properties: { "class": "_hostClass()" } }, ngImport: i0, template: `
|
|
5768
5760
|
<!-- Header -->
|
|
5769
5761
|
<div class="flex items-center gap-3 px-6 py-4 border-b border-clx-border-soft shrink-0">
|
|
5770
|
-
<div class="flex-1 min-w-0">
|
|
5762
|
+
<div class="flex-1 min-w-0 text-clx-text-label">
|
|
5771
5763
|
<ng-content select="[clx-modal-title]" />
|
|
5772
5764
|
</div>
|
|
5773
5765
|
@if (showClose()) {
|
|
@@ -5799,7 +5791,6 @@ class ClxModalComponent {
|
|
|
5799
5791
|
[color]="_cancelColor()"
|
|
5800
5792
|
[variant]="_cancelVariant()"
|
|
5801
5793
|
size="md"
|
|
5802
|
-
shape="pill"
|
|
5803
5794
|
(click)="cancelClick.emit()">
|
|
5804
5795
|
{{ _cancelText() }}
|
|
5805
5796
|
</button>
|
|
@@ -5809,7 +5800,6 @@ class ClxModalComponent {
|
|
|
5809
5800
|
[color]="_confirmColor()"
|
|
5810
5801
|
[variant]="_confirmVariant()"
|
|
5811
5802
|
size="md"
|
|
5812
|
-
shape="pill"
|
|
5813
5803
|
(click)="confirmClick.emit()">
|
|
5814
5804
|
{{ _confirmText() }}
|
|
5815
5805
|
</button>
|
|
@@ -5828,7 +5818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5828
5818
|
template: `
|
|
5829
5819
|
<!-- Header -->
|
|
5830
5820
|
<div class="flex items-center gap-3 px-6 py-4 border-b border-clx-border-soft shrink-0">
|
|
5831
|
-
<div class="flex-1 min-w-0">
|
|
5821
|
+
<div class="flex-1 min-w-0 text-clx-text-label">
|
|
5832
5822
|
<ng-content select="[clx-modal-title]" />
|
|
5833
5823
|
</div>
|
|
5834
5824
|
@if (showClose()) {
|
|
@@ -5860,7 +5850,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5860
5850
|
[color]="_cancelColor()"
|
|
5861
5851
|
[variant]="_cancelVariant()"
|
|
5862
5852
|
size="md"
|
|
5863
|
-
shape="pill"
|
|
5864
5853
|
(click)="cancelClick.emit()">
|
|
5865
5854
|
{{ _cancelText() }}
|
|
5866
5855
|
</button>
|
|
@@ -5870,7 +5859,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5870
5859
|
[color]="_confirmColor()"
|
|
5871
5860
|
[variant]="_confirmVariant()"
|
|
5872
5861
|
size="md"
|
|
5873
|
-
shape="pill"
|
|
5874
5862
|
(click)="confirmClick.emit()">
|
|
5875
5863
|
{{ _confirmText() }}
|
|
5876
5864
|
</button>
|
|
@@ -12440,7 +12428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
12440
12428
|
// ── Base classes ─────────────────────────────────────────────────────────────
|
|
12441
12429
|
const TABLE_BASE_CLASS = 'w-full text-left border-collapse text-sm';
|
|
12442
12430
|
const TABLE_HEADER_CELL_CLASS = 'px-4 py-3 font-semibold whitespace-nowrap';
|
|
12443
|
-
const TABLE_CELL_CLASS = 'px-4 py-3 border-b border-
|
|
12431
|
+
const TABLE_CELL_CLASS = 'px-4 py-3 border-b border-clx-border-soft text-clx-text-label';
|
|
12444
12432
|
const TABLE_ROW_CLASS = '';
|
|
12445
12433
|
// ── Alignment ────────────────────────────────────────────────────────────────
|
|
12446
12434
|
const TABLE_ALIGN_MAP = {
|