@elite.framework/ng.core 1.0.6 → 1.0.7
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.
|
@@ -1455,9 +1455,8 @@ class BreadcrumbComponent {
|
|
|
1455
1455
|
<li class="relative z-10">
|
|
1456
1456
|
<a
|
|
1457
1457
|
[routerLink]="['/']"
|
|
1458
|
-
class="flex items-center h-10 px-4 pr-6 text-white
|
|
1459
|
-
style="clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0% 50%)
|
|
1460
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1458
|
+
class="flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
1459
|
+
style="clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0% 50%)"
|
|
1461
1460
|
>
|
|
1462
1461
|
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
1463
1462
|
</a>
|
|
@@ -1470,15 +1469,14 @@ class BreadcrumbComponent {
|
|
|
1470
1469
|
<ng-container *ngIf="item.routerLink && !last; else textOnly">
|
|
1471
1470
|
<a
|
|
1472
1471
|
[routerLink]="item.routerLink"
|
|
1473
|
-
class="flex items-center h-10 px-4 pr-6 text-white
|
|
1472
|
+
class="flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
1474
1473
|
[ngClass]="{
|
|
1475
|
-
'bg-primary-
|
|
1476
|
-
'bg-primary': i % 2 === 1,
|
|
1474
|
+
'bg-primary-500': i % 2 === 0,
|
|
1475
|
+
'bg-primary-600': i % 2 === 1,
|
|
1477
1476
|
'rounded-l-md pl-5': first,
|
|
1478
1477
|
'rounded-r-md pr-5': last
|
|
1479
1478
|
}"
|
|
1480
|
-
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)
|
|
1481
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1479
|
+
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)"
|
|
1482
1480
|
>
|
|
1483
1481
|
<i *ngIf="item.icon" [class]="item.icon + ' mr-2 text-base'"></i>
|
|
1484
1482
|
{{ item.label }}
|
|
@@ -1488,13 +1486,12 @@ class BreadcrumbComponent {
|
|
|
1488
1486
|
<span
|
|
1489
1487
|
class="flex items-center h-10 px-4 pr-6 text-white"
|
|
1490
1488
|
[ngClass]="{
|
|
1491
|
-
'': i % 2 === 0,
|
|
1489
|
+
'bg-primary-500': i % 2 === 0,
|
|
1492
1490
|
'bg-primary-600': i % 2 === 1,
|
|
1493
1491
|
'rounded-l-md pl-5': first,
|
|
1494
1492
|
'rounded-r-md pr-5': last
|
|
1495
1493
|
}"
|
|
1496
|
-
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)
|
|
1497
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1494
|
+
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)"
|
|
1498
1495
|
>
|
|
1499
1496
|
<i *ngIf="item.icon" [class]="item.icon + ' mr-2 text-base'"></i>
|
|
1500
1497
|
{{ item.label }}
|
|
@@ -1517,9 +1514,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1517
1514
|
<li class="relative z-10">
|
|
1518
1515
|
<a
|
|
1519
1516
|
[routerLink]="['/']"
|
|
1520
|
-
class="flex items-center h-10 px-4 pr-6 text-white
|
|
1521
|
-
style="clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0% 50%)
|
|
1522
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1517
|
+
class="flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
1518
|
+
style="clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0% 50%)"
|
|
1523
1519
|
>
|
|
1524
1520
|
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
1525
1521
|
</a>
|
|
@@ -1532,15 +1528,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1532
1528
|
<ng-container *ngIf="item.routerLink && !last; else textOnly">
|
|
1533
1529
|
<a
|
|
1534
1530
|
[routerLink]="item.routerLink"
|
|
1535
|
-
class="flex items-center h-10 px-4 pr-6 text-white
|
|
1531
|
+
class="flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
1536
1532
|
[ngClass]="{
|
|
1537
|
-
'bg-primary-
|
|
1538
|
-
'bg-primary': i % 2 === 1,
|
|
1533
|
+
'bg-primary-500': i % 2 === 0,
|
|
1534
|
+
'bg-primary-600': i % 2 === 1,
|
|
1539
1535
|
'rounded-l-md pl-5': first,
|
|
1540
1536
|
'rounded-r-md pr-5': last
|
|
1541
1537
|
}"
|
|
1542
|
-
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)
|
|
1543
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1538
|
+
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)"
|
|
1544
1539
|
>
|
|
1545
1540
|
<i *ngIf="item.icon" [class]="item.icon + ' mr-2 text-base'"></i>
|
|
1546
1541
|
{{ item.label }}
|
|
@@ -1550,13 +1545,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1550
1545
|
<span
|
|
1551
1546
|
class="flex items-center h-10 px-4 pr-6 text-white"
|
|
1552
1547
|
[ngClass]="{
|
|
1553
|
-
'': i % 2 === 0,
|
|
1548
|
+
'bg-primary-500': i % 2 === 0,
|
|
1554
1549
|
'bg-primary-600': i % 2 === 1,
|
|
1555
1550
|
'rounded-l-md pl-5': first,
|
|
1556
1551
|
'rounded-r-md pr-5': last
|
|
1557
1552
|
}"
|
|
1558
|
-
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)
|
|
1559
|
-
border: 1px solid var(--p-button-primary-border-color);"
|
|
1553
|
+
style="clip-path: polygon(100% 0, 12px 0, 0 50%, 12px 100%, 100% 100%, calc(100% - 12px) 50%)"
|
|
1560
1554
|
>
|
|
1561
1555
|
<i *ngIf="item.icon" [class]="item.icon + ' mr-2 text-base'"></i>
|
|
1562
1556
|
{{ item.label }}
|