ca-components 1.1.95 → 1.1.96

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 (15) hide show
  1. package/assets/scss/input-dropdown.scss +85 -80
  2. package/esm2022/lib/components/ca-chart/ca-chart.component.mjs +141 -146
  3. package/esm2022/lib/components/ca-chart/models/chart-line-dataset.model.mjs +1 -1
  4. package/esm2022/lib/components/ca-chart/utils/helpers/chart.helper.mjs +10 -2
  5. package/esm2022/lib/components/ca-input-dropdown/ca-input-dropdown.component.mjs +6 -4
  6. package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker/ca-input-dropdown-load-broker-item/ca-input-dropdown-load-broker-item.component.mjs +37 -0
  7. package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker/ca-input-dropdown-load-broker.component.mjs +5 -8
  8. package/esm2022/lib/components/ca-progress-bar/ca-progress-bar.component.mjs +3 -3
  9. package/fesm2022/ca-components.mjs +187 -157
  10. package/fesm2022/ca-components.mjs.map +1 -1
  11. package/lib/components/ca-chart/ca-chart.component.d.ts +1 -0
  12. package/lib/components/ca-chart/models/chart-line-dataset.model.d.ts +3 -0
  13. package/lib/components/ca-chart/utils/helpers/chart.helper.d.ts +3 -0
  14. package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker/ca-input-dropdown-load-broker-item/ca-input-dropdown-load-broker-item.component.d.ts +10 -0
  15. package/package.json +1 -1
package/assets/scss/input-dropdown.scss CHANGED
@@ -1040,86 +1040,6 @@
1040
1040
  }
1041
1041
  }
1042
1042
 
1043
- //------------------------ Load Broker Template ------------------------
1044
- .load-broker-template {
1045
- display: grid;
1046
- align-items: center;
1047
- grid-template-columns: 276px 92px;
1048
- -moz-column-gap: 29px;
1049
- column-gap: 29px;
1050
- &.hide-loads {
1051
- grid-template-columns: 333px 92px !important;
1052
- }
1053
- .load-broker-status-text {
1054
- display: flex;
1055
- align-items: center;
1056
- gap: 6px;
1057
- line-height: 18px;
1058
-
1059
- .load-broker-status {
1060
- position: relative;
1061
- line-height: 17px;
1062
-
1063
- &.dnu-status {
1064
- svg {
1065
- path {
1066
- fill: #aaaaaa;
1067
- }
1068
- }
1069
- }
1070
- }
1071
-
1072
- .load-broker-text {
1073
- &.disabled {
1074
- color: #6c6c6c;
1075
- }
1076
- }
1077
- }
1078
-
1079
- .load-broker-progress-status {
1080
- height: 14px;
1081
- display: flex;
1082
- align-items: center;
1083
- justify-content: flex-end;
1084
- grid-gap: 4px;
1085
- gap: 4px;
1086
- text-align: center;
1087
-
1088
- .progress-bar-price {
1089
- color: $bw5;
1090
- font-size: 11px;
1091
- font-weight: 400;
1092
- }
1093
-
1094
- .progress-bar-line {
1095
- width: 24px;
1096
- }
1097
- }
1098
-
1099
- .load-broker-load-counter {
1100
- max-width: -webkit-max-content;
1101
- max-width: -moz-max-content;
1102
- max-width: max-content;
1103
- height: 18px;
1104
- border-radius: 30px;
1105
- text-align: center;
1106
- font-size: 11px;
1107
- font-weight: 400;
1108
- color: $bw5;
1109
- background-color: rgb(145, 145, 145, 0.2);
1110
- padding: 1px 6px;
1111
-
1112
- &.active {
1113
- color: #6f9ee0;
1114
- background-color: rgb(111, 158, 224, 0.2);
1115
- }
1116
-
1117
- &.hasOneValue {
1118
- max-width: 19px !important;
1119
- }
1120
- }
1121
- }
1122
-
1123
1043
  //------------------------ Load Shipper Contact Template -----------------------
1124
1044
  .load-shipper-template {
1125
1045
  display: grid;
@@ -1543,6 +1463,91 @@
1543
1463
  }
1544
1464
  }
1545
1465
 
1466
+
1467
+ //------------------------ Load Broker Template ------------------------
1468
+ .load-broker-template {
1469
+ &.in-option{
1470
+ height: 22px;
1471
+ }
1472
+
1473
+ display: grid;
1474
+ align-items: center;
1475
+ grid-template-columns: 276px 92px;
1476
+ -moz-column-gap: 29px;
1477
+ column-gap: 29px;
1478
+ &.hide-loads {
1479
+ grid-template-columns: 333px 92px !important;
1480
+ }
1481
+ .load-broker-status-text {
1482
+ display: flex;
1483
+ align-items: center;
1484
+ gap: 6px;
1485
+ line-height: 18px;
1486
+
1487
+ .load-broker-status {
1488
+ position: relative;
1489
+ line-height: 17px;
1490
+
1491
+ &.dnu-status {
1492
+ svg {
1493
+ path {
1494
+ fill: #aaaaaa;
1495
+ }
1496
+ }
1497
+ }
1498
+ }
1499
+
1500
+ .load-broker-text {
1501
+ &.disabled {
1502
+ color: #6c6c6c;
1503
+ }
1504
+ }
1505
+ }
1506
+
1507
+ .load-broker-progress-status {
1508
+ height: 14px;
1509
+ display: flex;
1510
+ align-items: center;
1511
+ justify-content: flex-end;
1512
+ grid-gap: 4px;
1513
+ gap: 4px;
1514
+ text-align: center;
1515
+
1516
+ .progress-bar-price {
1517
+ color: $bw5;
1518
+ font-size: 11px;
1519
+ font-weight: 400;
1520
+ }
1521
+
1522
+ .progress-bar-line {
1523
+ width: 24px;
1524
+ }
1525
+ }
1526
+
1527
+ .load-broker-load-counter {
1528
+ max-width: -webkit-max-content;
1529
+ max-width: -moz-max-content;
1530
+ max-width: max-content;
1531
+ height: 18px;
1532
+ border-radius: 30px;
1533
+ text-align: center;
1534
+ font-size: 11px;
1535
+ font-weight: 400;
1536
+ color: $bw5;
1537
+ background-color: rgb(145, 145, 145, 0.2);
1538
+ padding: 1px 6px;
1539
+
1540
+ &.active {
1541
+ color: #6f9ee0;
1542
+ background-color: rgb(111, 158, 224, 0.2);
1543
+ }
1544
+
1545
+ &.hasOneValue {
1546
+ max-width: 19px !important;
1547
+ }
1548
+ }
1549
+ }
1550
+
1546
1551
  // Selected Dropdown Card Preview
1547
1552
  .selected-item-container {
1548
1553
  height: 52px;