sccoreui 6.3.13 → 6.3.15
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/dist/App.scss
CHANGED
package/dist/assets/sccoreui.css
CHANGED
|
@@ -1074,11 +1074,13 @@ a {
|
|
|
1074
1074
|
height: 20px;
|
|
1075
1075
|
width: 20px;
|
|
1076
1076
|
padding-top: 0px;
|
|
1077
|
+
transition: rotate 0.4s ease-in-out;
|
|
1077
1078
|
}
|
|
1078
1079
|
|
|
1079
1080
|
.p-inputgroup > .p-dropdown .p-dropdown-trigger {
|
|
1080
1081
|
width: 1rem;
|
|
1081
1082
|
padding-top: 0px;
|
|
1083
|
+
transition: rotate 0.4s ease-in-out;
|
|
1082
1084
|
}
|
|
1083
1085
|
.p-dropdown .p-dropdown-clear-icon {
|
|
1084
1086
|
color: #6c757d;
|
|
@@ -8134,6 +8136,7 @@ a {
|
|
|
8134
8136
|
font-size: 14px;
|
|
8135
8137
|
line-height: 20px;
|
|
8136
8138
|
color: var(--gray-800);
|
|
8139
|
+
transition: rotate 0.4s ease-in-out;
|
|
8137
8140
|
}
|
|
8138
8141
|
|
|
8139
8142
|
.p-paginator .p-paginator-prev .pi.pi-angle-left {
|
|
@@ -8374,6 +8377,10 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8374
8377
|
rotate: 180deg;
|
|
8375
8378
|
}
|
|
8376
8379
|
|
|
8380
|
+
.p-dropdown-trigger {
|
|
8381
|
+
transition: rotate 0.4s ease-in-out;
|
|
8382
|
+
}
|
|
8383
|
+
|
|
8377
8384
|
.p-dropdown-item.p-highlight {
|
|
8378
8385
|
display: flex;
|
|
8379
8386
|
align-items: center;
|
|
@@ -8601,6 +8608,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8601
8608
|
}
|
|
8602
8609
|
.p-paginator > .p-dropdown > .p-dropdown-trigger {
|
|
8603
8610
|
padding-top: 0px;
|
|
8611
|
+
transition: rotate 0.4s ease-in-out;
|
|
8604
8612
|
}
|
|
8605
8613
|
.p-paginator > .p-dropdown {
|
|
8606
8614
|
display: flex;
|
|
@@ -8641,6 +8649,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8641
8649
|
}
|
|
8642
8650
|
.p-dropdown-badge > .p-dropdown-trigger {
|
|
8643
8651
|
padding-top: 2px;
|
|
8652
|
+
transition: rotate 0.4s ease-in-out;
|
|
8644
8653
|
}
|
|
8645
8654
|
|
|
8646
8655
|
/* Input components changes classes for styling the input components */
|
|
@@ -8748,6 +8757,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8748
8757
|
|
|
8749
8758
|
.p-dropdown-xl.p-dropdown .p-dropdown-trigger {
|
|
8750
8759
|
padding-top: 0px;
|
|
8760
|
+
transition: rotate 0.4s ease-in-out;
|
|
8751
8761
|
}
|
|
8752
8762
|
|
|
8753
8763
|
.tab-view-bg-dark.p-tabview-nav-container.p-tabview-nav-content {
|
|
@@ -16,7 +16,8 @@ const ScMultiSelect = (props) => {
|
|
|
16
16
|
let totalWidth = 0;
|
|
17
17
|
for (let i = 0; i < selectedItems.length; i++) {
|
|
18
18
|
totalWidth += selectedItems[i].offsetWidth; // Approximation, adjust as necessary
|
|
19
|
-
if (totalWidth + (78 +
|
|
19
|
+
if (totalWidth + (78 + selectedItems.length * 8) > containerWidth) {
|
|
20
|
+
// 20px buffer for ellipsis
|
|
20
21
|
setShowCount(selectedItems.length - i);
|
|
21
22
|
i = selectedItems.length;
|
|
22
23
|
}
|
|
@@ -36,7 +37,11 @@ const ScMultiSelect = (props) => {
|
|
|
36
37
|
yield (props === null || props === void 0 ? void 0 : props.onChange(e));
|
|
37
38
|
if (props === null || props === void 0 ? void 0 : props.showSelectedCount)
|
|
38
39
|
checkOverflow();
|
|
39
|
-
}), itemTemplate: (item) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item[props.optionLabel] }), options: props === null || props === void 0 ? void 0 : props.options, optionLabel: props === null || props === void 0 ? void 0 : props.optionLabel, placeholder: props === null || props === void 0 ? void 0 : props.placeholder, className: (props === null || props === void 0 ? void 0 : props.className) +
|
|
40
|
-
|
|
40
|
+
}), itemTemplate: (item) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item[props.optionLabel] }), options: props === null || props === void 0 ? void 0 : props.options, optionLabel: props === null || props === void 0 ? void 0 : props.optionLabel, placeholder: props === null || props === void 0 ? void 0 : props.placeholder, className: (props === null || props === void 0 ? void 0 : props.className) +
|
|
41
|
+
` ${(props === null || props === void 0 ? void 0 : props.showSelectedCount)
|
|
42
|
+
? "showSelectedCount"
|
|
43
|
+
: "noShowSelectedCount"} ${(props === null || props === void 0 ? void 0 : props.removeChipIcon) ? "hideChipremoveIcon" : ""} sc_multiSelect`, id: props === null || props === void 0 ? void 0 : props.id }), "tooltip", showCount !== 0 &&
|
|
44
|
+
(props === null || props === void 0 ? void 0 : props.showSelectedCount) &&
|
|
45
|
+
((_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.length) > 2 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute top-0 h-full text-center flex align-items-center w-2rem justify-content-center", style: { right: `${(props === null || props === void 0 ? void 0 : props.showClear) ? "68px" : "40px"}` } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "px-2 bg-primary-50 border-round-sm text-base" }, { children: `+${showCount - 2}` })) })))] })) }));
|
|
41
46
|
};
|
|
42
47
|
exports.default = ScMultiSelect;
|