@pequity/squirrel 8.4.0 → 8.4.2
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/cjs/chunks/index.js +3 -4
- package/dist/cjs/chunks/p-dropdown-select.js +13 -14
- package/dist/cjs/chunks/p-icon.js +13 -16
- package/dist/cjs/chunks/p-steps.js +58 -0
- package/dist/cjs/dom.js +1 -2
- package/dist/cjs/index.js +36 -89
- package/dist/cjs/listKeyboardNavigation.js +2 -2
- package/dist/cjs/p-dropdown.js +1 -2
- package/dist/cjs/p-file-upload.js +1 -2
- package/dist/cjs/p-input-search.js +1 -2
- package/dist/cjs/p-modal.js +4 -7
- package/dist/cjs/p-skeleton-loader.js +1 -4
- package/dist/cjs/p-steps.js +2 -0
- package/dist/cjs/usePLoading.js +2 -8
- package/dist/cjs/usePTableColResize.js +1 -2
- package/dist/cjs/usePTableRowVirtualizer.js +2 -2
- package/dist/cjs/useSelectList.js +13 -21
- package/dist/es/chunks/index.js +3 -4
- package/dist/es/chunks/p-dropdown-select.js +15 -16
- package/dist/es/chunks/p-icon.js +13 -16
- package/dist/es/chunks/p-steps.js +59 -0
- package/dist/es/dom.js +1 -2
- package/dist/es/index.js +69 -122
- package/dist/es/listKeyboardNavigation.js +2 -2
- package/dist/es/p-dropdown-select.js +1 -1
- package/dist/es/p-dropdown.js +1 -2
- package/dist/es/p-file-upload.js +1 -2
- package/dist/es/p-input-search.js +1 -2
- package/dist/es/p-modal.js +4 -7
- package/dist/es/p-skeleton-loader.js +1 -4
- package/dist/es/p-steps.js +4 -1
- package/dist/es/usePLoading.js +2 -8
- package/dist/es/usePTableColResize.js +1 -2
- package/dist/es/usePTableRowVirtualizer.js +2 -2
- package/dist/es/useSelectList.js +13 -21
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +2 -2
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +2 -2
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +1 -1
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +2 -2
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +2 -2
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +6 -6
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +2 -2
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +1 -1
- package/dist/squirrel.css +74 -74
- package/package.json +30 -33
- package/squirrel/components/p-action-bar/p-action-bar.stories.js +4 -3
- package/squirrel/components/p-dropdown-select/p-dropdown-select.spec.js +38 -29
- package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +4 -7
- package/squirrel/components/p-input-number/p-input-number.stories.js +2 -1
- package/squirrel/components/p-select-list/p-select-list.spec.js +22 -4
- package/squirrel/components/p-select-list/p-select-list.vue +3 -2
- package/squirrel/components/p-select-list/useSelectList.ts +2 -2
- package/squirrel/components/p-tabs/p-tabs.stories.js +2 -1
|
@@ -73,8 +73,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
73
73
|
}>> & Readonly<{
|
|
74
74
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
75
75
|
}>, {
|
|
76
|
-
size: "sm" | "md" | "lg";
|
|
77
76
|
type: string;
|
|
77
|
+
size: "sm" | "md" | "lg";
|
|
78
78
|
label: string;
|
|
79
79
|
required: boolean;
|
|
80
80
|
modelValue: string | number | boolean | null;
|
|
@@ -3,11 +3,11 @@ import { type PropType } from 'vue';
|
|
|
3
3
|
declare var __VLS_1: {
|
|
4
4
|
label: string;
|
|
5
5
|
labelClasses: string;
|
|
6
|
-
},
|
|
6
|
+
}, __VLS_7: {};
|
|
7
7
|
type __VLS_Slots = {} & {
|
|
8
8
|
label?: (props: typeof __VLS_1) => any;
|
|
9
9
|
} & {
|
|
10
|
-
prefix?: (props: typeof
|
|
10
|
+
prefix?: (props: typeof __VLS_7) => any;
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
13
|
modelValue: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type RouterLinkProps } from 'vue-router';
|
|
2
|
-
declare var __VLS_1: {},
|
|
2
|
+
declare var __VLS_1: {}, __VLS_9: {};
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
default?: (props: typeof __VLS_1) => any;
|
|
5
5
|
} & {
|
|
6
|
-
default?: (props: typeof
|
|
6
|
+
default?: (props: typeof __VLS_9) => any;
|
|
7
7
|
};
|
|
8
8
|
declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { type PropType, type StyleValue } from 'vue';
|
|
2
|
-
declare var
|
|
2
|
+
declare var __VLS_24: {}, __VLS_37: {}, __VLS_39: {}, __VLS_41: {}, __VLS_43: {};
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
|
-
'title-wrapper'?: (props: typeof
|
|
4
|
+
'title-wrapper'?: (props: typeof __VLS_24) => any;
|
|
5
5
|
} & {
|
|
6
|
-
'content-wrapper'?: (props: typeof
|
|
6
|
+
'content-wrapper'?: (props: typeof __VLS_37) => any;
|
|
7
7
|
} & {
|
|
8
|
-
default?: (props: typeof
|
|
8
|
+
default?: (props: typeof __VLS_39) => any;
|
|
9
9
|
} & {
|
|
10
|
-
'footer-wrapper'?: (props: typeof
|
|
10
|
+
'footer-wrapper'?: (props: typeof __VLS_41) => any;
|
|
11
11
|
} & {
|
|
12
|
-
footer?: (props: typeof
|
|
12
|
+
footer?: (props: typeof __VLS_43) => any;
|
|
13
13
|
};
|
|
14
14
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
15
|
name: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare var
|
|
1
|
+
declare var __VLS_6: {};
|
|
2
2
|
type __VLS_Slots = {} & {
|
|
3
|
-
'no-results'?: (props: typeof
|
|
3
|
+
'no-results'?: (props: typeof __VLS_6) => any;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
6
|
/**
|
package/dist/squirrel.css
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
|
|
2
|
+
.x-black-icon[data-v-2002dcc8] {
|
|
3
|
+
background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%231A123B'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
transform: translateX(100%);
|
|
5
|
+
.x-white-icon[data-v-2002dcc8] {
|
|
6
|
+
background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%23FFFFFF'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
8
7
|
}
|
|
9
|
-
|
|
8
|
+
div[id^=popper_].dropdown {
|
|
10
9
|
|
|
11
10
|
outline: 2px solid transparent;
|
|
12
11
|
|
|
@@ -146,51 +145,6 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
|
|
|
146
145
|
|
|
147
146
|
opacity: 1
|
|
148
147
|
}
|
|
149
|
-
.enter[data-v-0e51ff56] {
|
|
150
|
-
background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1627_786)'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='%23ECF1FF'/%3e%3cpath%20d='M19.17%201.03744e-05H4.83C4.19619%20-0.00130459%203.56834%200.122398%202.98239%200.364037C2.39645%200.605676%201.86392%200.960506%201.41528%201.40822C0.966641%201.85592%200.610708%202.38772%200.367855%202.97316C0.125002%203.55861%20-1.36406e-06%204.1862%200%204.82001L0%2019.17C0%2020.451%200.508874%2021.6795%201.41467%2022.5853C2.32048%2023.4911%203.549%2024%204.83%2024H19.17C20.4502%2023.9974%2021.6772%2023.4876%2022.5824%2022.5824C23.4876%2021.6772%2023.9974%2020.4502%2024%2019.17V4.82001C23.9974%203.54075%2023.4873%202.31479%2022.5818%201.41115C21.6763%200.507508%2020.4493%207.63258e-06%2019.17%201.03744e-05ZM22%2019.17C22%2019.9206%2021.7018%2020.6404%2021.1711%2021.1711C20.6404%2021.7018%2019.9206%2022%2019.17%2022H4.83C4.07944%2022%203.35962%2021.7018%202.82889%2021.1711C2.29816%2020.6404%202%2019.9206%202%2019.17V4.82001C2.00265%204.07118%202.30197%203.35393%202.83242%202.82536C3.36286%202.29679%204.08117%202.00001%204.83%202.00001H19.17C19.9188%202.00001%2020.6371%202.29679%2021.1676%202.82536C21.698%203.35393%2021.9974%204.07118%2022%204.82001V19.17Z'%20fill='%234750EB'/%3e%3cpath%20d='M17.5%207.5C17.2348%207.5%2016.9804%207.60536%2016.7929%207.79289C16.6054%207.98043%2016.5%208.23478%2016.5%208.5V11.25C16.5%2011.3163%2016.4737%2011.3799%2016.4268%2011.4268C16.3799%2011.4737%2016.3163%2011.5%2016.25%2011.5H10.75C10.6837%2011.5%2010.6201%2011.4737%2010.5732%2011.4268C10.5263%2011.3799%2010.5%2011.3163%2010.5%2011.25V9.5C10.5012%209.30138%2010.4431%209.10691%2010.3333%208.94139C10.2235%208.77587%2010.0669%208.6468%209.88348%208.57063C9.70004%208.49446%209.49807%208.47465%209.30332%208.51372C9.10857%208.55279%208.92987%208.64897%208.79%208.79L5.79%2011.79C5.60375%2011.9774%205.49921%2012.2308%205.49921%2012.495C5.49921%2012.7592%205.60375%2013.0126%205.79%2013.2L8.79%2016.2C8.88261%2016.2945%208.99306%2016.3697%209.11493%2016.4212C9.23681%2016.4727%209.36769%2016.4995%209.5%2016.5C9.76522%2016.5%2010.0196%2016.3946%2010.2071%2016.2071C10.3946%2016.0196%2010.5%2015.7652%2010.5%2015.5V13.75C10.5%2013.6837%2010.5263%2013.6201%2010.5732%2013.5732C10.6201%2013.5263%2010.6837%2013.5%2010.75%2013.5H16.5C17.0304%2013.5%2017.5391%2013.2893%2017.9142%2012.9142C18.2893%2012.5391%2018.5%2012.0304%2018.5%2011.5V8.5C18.5%208.23478%2018.3946%207.98043%2018.2071%207.79289C18.0196%207.60536%2017.7652%207.5%2017.5%207.5Z'%20fill='%234750EB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1627_786'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.x-black-icon[data-v-2002dcc8] {
|
|
154
|
-
background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%231A123B'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
155
|
-
}
|
|
156
|
-
.x-white-icon[data-v-2002dcc8] {
|
|
157
|
-
background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%23FFFFFF'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
158
|
-
}
|
|
159
|
-
.filter[data-v-84864117] {
|
|
160
|
-
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5%206.73H4.5C4.36739%206.73%204.24021%206.67732%204.14645%206.58355C4.05268%206.48978%204%206.3626%204%206.23C4%206.09739%204.05268%205.97021%204.14645%205.87644C4.24021%205.78267%204.36739%205.73%204.5%205.73H15.5C15.6326%205.73%2015.7598%205.78267%2015.8536%205.87644C15.9473%205.97021%2016%206.09739%2016%206.23C16%206.3626%2015.9473%206.48978%2015.8536%206.58355C15.7598%206.67732%2015.6326%206.73%2015.5%206.73Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6085C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9014C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9014C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6085C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
|
|
161
|
-
}
|
|
162
|
-
.filter[data-v-84864117]:hover {
|
|
163
|
-
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.73001H4.5C4.36739%206.73001%204.24021%206.67733%204.14645%206.58356C4.05268%206.4898%204%206.36262%204%206.23001C4%206.0974%204.05268%205.97023%204.14645%205.87646C4.24021%205.78269%204.36739%205.73001%204.5%205.73001H15.5C15.6326%205.73001%2015.7598%205.78269%2015.8536%205.87646C15.9473%205.97023%2016%206.0974%2016%206.23001C16%206.36262%2015.9473%206.4898%2015.8536%206.58356C15.7598%206.67733%2015.6326%206.73001%2015.5%206.73001Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.24503H5.67C5.53739%209.24503%205.41021%209.19235%205.31644%209.09858C5.22268%209.00481%205.17%208.87763%205.17%208.74503C5.17%208.61242%205.22268%208.48524%205.31644%208.39147C5.41021%208.2977%205.53739%208.24503%205.67%208.24503H14.33C14.4626%208.24503%2014.5898%208.2977%2014.6836%208.39147C14.7773%208.48524%2014.83%208.61242%2014.83%208.74503C14.83%208.87763%2014.7773%209.00481%2014.6836%209.09858C14.5898%209.19235%2014.4626%209.24503%2014.33%209.24503Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1236C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4165C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4165C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1236C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
|
|
164
|
-
}
|
|
165
|
-
.filter.active[data-v-84864117] {
|
|
166
|
-
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
|
|
167
|
-
}
|
|
168
|
-
.filter.active[data-v-84864117]:hover {
|
|
169
|
-
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
|
|
170
|
-
}
|
|
171
|
-
.shadow-inner-toggle[data-v-c544a8a9]::after {
|
|
172
|
-
box-shadow:
|
|
173
|
-
rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
|
|
174
|
-
rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
|
|
175
|
-
}
|
|
176
|
-
.td-shadow-right[data-v-c9978e26] {
|
|
177
|
-
box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
|
|
178
|
-
clip-path: inset(0px -12px 0px 0px);
|
|
179
|
-
}
|
|
180
|
-
.td-shadow-left[data-v-c9978e26] {
|
|
181
|
-
box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
|
|
182
|
-
clip-path: inset(0px 0px 0px -12px);
|
|
183
|
-
}
|
|
184
|
-
.td-col-fixed-border-b[data-v-c9978e26]::after {
|
|
185
|
-
position: absolute;
|
|
186
|
-
bottom: 0px;
|
|
187
|
-
left: 0px;
|
|
188
|
-
height: 1px;
|
|
189
|
-
width: 100%;
|
|
190
|
-
background-color: rgb(var(--color-p-gray-30));
|
|
191
|
-
--tw-content: "";
|
|
192
|
-
content: var(--tw-content);
|
|
193
|
-
}
|
|
194
148
|
input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
195
149
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
|
|
196
150
|
}
|
|
@@ -309,6 +263,38 @@ from {
|
|
|
309
263
|
to {
|
|
310
264
|
opacity: 0;
|
|
311
265
|
}
|
|
266
|
+
}
|
|
267
|
+
.enter[data-v-0e51ff56] {
|
|
268
|
+
background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1627_786)'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='%23ECF1FF'/%3e%3cpath%20d='M19.17%201.03744e-05H4.83C4.19619%20-0.00130459%203.56834%200.122398%202.98239%200.364037C2.39645%200.605676%201.86392%200.960506%201.41528%201.40822C0.966641%201.85592%200.610708%202.38772%200.367855%202.97316C0.125002%203.55861%20-1.36406e-06%204.1862%200%204.82001L0%2019.17C0%2020.451%200.508874%2021.6795%201.41467%2022.5853C2.32048%2023.4911%203.549%2024%204.83%2024H19.17C20.4502%2023.9974%2021.6772%2023.4876%2022.5824%2022.5824C23.4876%2021.6772%2023.9974%2020.4502%2024%2019.17V4.82001C23.9974%203.54075%2023.4873%202.31479%2022.5818%201.41115C21.6763%200.507508%2020.4493%207.63258e-06%2019.17%201.03744e-05ZM22%2019.17C22%2019.9206%2021.7018%2020.6404%2021.1711%2021.1711C20.6404%2021.7018%2019.9206%2022%2019.17%2022H4.83C4.07944%2022%203.35962%2021.7018%202.82889%2021.1711C2.29816%2020.6404%202%2019.9206%202%2019.17V4.82001C2.00265%204.07118%202.30197%203.35393%202.83242%202.82536C3.36286%202.29679%204.08117%202.00001%204.83%202.00001H19.17C19.9188%202.00001%2020.6371%202.29679%2021.1676%202.82536C21.698%203.35393%2021.9974%204.07118%2022%204.82001V19.17Z'%20fill='%234750EB'/%3e%3cpath%20d='M17.5%207.5C17.2348%207.5%2016.9804%207.60536%2016.7929%207.79289C16.6054%207.98043%2016.5%208.23478%2016.5%208.5V11.25C16.5%2011.3163%2016.4737%2011.3799%2016.4268%2011.4268C16.3799%2011.4737%2016.3163%2011.5%2016.25%2011.5H10.75C10.6837%2011.5%2010.6201%2011.4737%2010.5732%2011.4268C10.5263%2011.3799%2010.5%2011.3163%2010.5%2011.25V9.5C10.5012%209.30138%2010.4431%209.10691%2010.3333%208.94139C10.2235%208.77587%2010.0669%208.6468%209.88348%208.57063C9.70004%208.49446%209.49807%208.47465%209.30332%208.51372C9.10857%208.55279%208.92987%208.64897%208.79%208.79L5.79%2011.79C5.60375%2011.9774%205.49921%2012.2308%205.49921%2012.495C5.49921%2012.7592%205.60375%2013.0126%205.79%2013.2L8.79%2016.2C8.88261%2016.2945%208.99306%2016.3697%209.11493%2016.4212C9.23681%2016.4727%209.36769%2016.4995%209.5%2016.5C9.76522%2016.5%2010.0196%2016.3946%2010.2071%2016.2071C10.3946%2016.0196%2010.5%2015.7652%2010.5%2015.5V13.75C10.5%2013.6837%2010.5263%2013.6201%2010.5732%2013.5732C10.6201%2013.5263%2010.6837%2013.5%2010.75%2013.5H16.5C17.0304%2013.5%2017.5391%2013.2893%2017.9142%2012.9142C18.2893%2012.5391%2018.5%2012.0304%2018.5%2011.5V8.5C18.5%208.23478%2018.3946%207.98043%2018.2071%207.79289C18.0196%207.60536%2017.7652%207.5%2017.5%207.5Z'%20fill='%234750EB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1627_786'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
269
|
+
}
|
|
270
|
+
.fadeInDown[data-v-9ad56d4f] {
|
|
271
|
+
animation-duration: 0.4s;
|
|
272
|
+
animation-fill-mode: both;
|
|
273
|
+
animation-name: fadeInDown-9ad56d4f;
|
|
274
|
+
}
|
|
275
|
+
@keyframes fadeInDown-9ad56d4f {
|
|
276
|
+
0% {
|
|
277
|
+
opacity: 0;
|
|
278
|
+
transform: translate3d(0, -100%, 0);
|
|
279
|
+
}
|
|
280
|
+
100% {
|
|
281
|
+
opacity: 1;
|
|
282
|
+
transform: none;
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
.fadeOutUp[data-v-9ad56d4f] {
|
|
286
|
+
animation-duration: 0.25s;
|
|
287
|
+
animation-fill-mode: both;
|
|
288
|
+
animation-name: fadeOutUp-9ad56d4f;
|
|
289
|
+
}
|
|
290
|
+
@keyframes fadeOutUp-9ad56d4f {
|
|
291
|
+
0% {
|
|
292
|
+
opacity: 1;
|
|
293
|
+
}
|
|
294
|
+
100% {
|
|
295
|
+
opacity: 0;
|
|
296
|
+
transform: translate3d(0, -100%, 0);
|
|
297
|
+
}
|
|
312
298
|
}.pm[data-v-a511ac01] {
|
|
313
299
|
width: calc(100% - 32px);
|
|
314
300
|
min-width: 110px;
|
|
@@ -370,35 +356,49 @@ from {
|
|
|
370
356
|
to {
|
|
371
357
|
opacity: 0;
|
|
372
358
|
}
|
|
373
|
-
}.
|
|
374
|
-
|
|
375
|
-
animation
|
|
376
|
-
animation-name: fadeInDown-9ad56d4f;
|
|
377
|
-
}
|
|
378
|
-
@keyframes fadeInDown-9ad56d4f {
|
|
379
|
-
0% {
|
|
380
|
-
opacity: 0;
|
|
381
|
-
transform: translate3d(0, -100%, 0);
|
|
359
|
+
}.shimmer[data-v-3d77f34f] {
|
|
360
|
+
transform: translateX(-100%);
|
|
361
|
+
animation: shimmer-3d77f34f 1.4s infinite;
|
|
382
362
|
}
|
|
363
|
+
@keyframes shimmer-3d77f34f {
|
|
383
364
|
100% {
|
|
384
|
-
|
|
385
|
-
transform: none;
|
|
365
|
+
transform: translateX(100%);
|
|
386
366
|
}
|
|
367
|
+
}.filter[data-v-84864117] {
|
|
368
|
+
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5%206.73H4.5C4.36739%206.73%204.24021%206.67732%204.14645%206.58355C4.05268%206.48978%204%206.3626%204%206.23C4%206.09739%204.05268%205.97021%204.14645%205.87644C4.24021%205.78267%204.36739%205.73%204.5%205.73H15.5C15.6326%205.73%2015.7598%205.78267%2015.8536%205.87644C15.9473%205.97021%2016%206.09739%2016%206.23C16%206.3626%2015.9473%206.48978%2015.8536%206.58355C15.7598%206.67732%2015.6326%206.73%2015.5%206.73Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6085C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9014C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9014C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6085C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
|
|
387
369
|
}
|
|
388
|
-
.
|
|
389
|
-
|
|
390
|
-
animation-fill-mode: both;
|
|
391
|
-
animation-name: fadeOutUp-9ad56d4f;
|
|
370
|
+
.filter[data-v-84864117]:hover {
|
|
371
|
+
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.73001H4.5C4.36739%206.73001%204.24021%206.67733%204.14645%206.58356C4.05268%206.4898%204%206.36262%204%206.23001C4%206.0974%204.05268%205.97023%204.14645%205.87646C4.24021%205.78269%204.36739%205.73001%204.5%205.73001H15.5C15.6326%205.73001%2015.7598%205.78269%2015.8536%205.87646C15.9473%205.97023%2016%206.0974%2016%206.23001C16%206.36262%2015.9473%206.4898%2015.8536%206.58356C15.7598%206.67733%2015.6326%206.73001%2015.5%206.73001Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.24503H5.67C5.53739%209.24503%205.41021%209.19235%205.31644%209.09858C5.22268%209.00481%205.17%208.87763%205.17%208.74503C5.17%208.61242%205.22268%208.48524%205.31644%208.39147C5.41021%208.2977%205.53739%208.24503%205.67%208.24503H14.33C14.4626%208.24503%2014.5898%208.2977%2014.6836%208.39147C14.7773%208.48524%2014.83%208.61242%2014.83%208.74503C14.83%208.87763%2014.7773%209.00481%2014.6836%209.09858C14.5898%209.19235%2014.4626%209.24503%2014.33%209.24503Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1236C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4165C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4165C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1236C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
|
|
392
372
|
}
|
|
393
|
-
|
|
394
|
-
0%
|
|
395
|
-
opacity: 1;
|
|
373
|
+
.filter.active[data-v-84864117] {
|
|
374
|
+
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
|
|
396
375
|
}
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
376
|
+
.filter.active[data-v-84864117]:hover {
|
|
377
|
+
background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
|
|
378
|
+
}.td-shadow-right[data-v-c9978e26] {
|
|
379
|
+
box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
|
|
380
|
+
clip-path: inset(0px -12px 0px 0px);
|
|
381
|
+
}
|
|
382
|
+
.td-shadow-left[data-v-c9978e26] {
|
|
383
|
+
box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
|
|
384
|
+
clip-path: inset(0px 0px 0px -12px);
|
|
385
|
+
}
|
|
386
|
+
.td-col-fixed-border-b[data-v-c9978e26]::after {
|
|
387
|
+
position: absolute;
|
|
388
|
+
bottom: 0px;
|
|
389
|
+
left: 0px;
|
|
390
|
+
height: 1px;
|
|
391
|
+
width: 100%;
|
|
392
|
+
background-color: rgb(var(--color-p-gray-30));
|
|
393
|
+
--tw-content: "";
|
|
394
|
+
content: var(--tw-content);
|
|
395
|
+
}
|
|
396
|
+
.shadow-inner-toggle[data-v-c544a8a9]::after {
|
|
397
|
+
box-shadow:
|
|
398
|
+
rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
|
|
399
|
+
rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
|
|
400
400
|
}
|
|
401
|
-
|
|
401
|
+
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */.Vue-Toastification__container {
|
|
402
402
|
z-index: 9999;
|
|
403
403
|
position: fixed;
|
|
404
404
|
padding: 4px;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pequity/squirrel",
|
|
3
3
|
"description": "Squirrel component library",
|
|
4
|
-
"version": "8.4.
|
|
5
|
-
"packageManager": "pnpm@10.
|
|
4
|
+
"version": "8.4.2",
|
|
5
|
+
"packageManager": "pnpm@10.12.4",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"preinstall": "npx only-allow pnpm",
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
"preview": "vite preview",
|
|
13
13
|
"lint": "eslint \"**/*.{vue,ts,js}\"",
|
|
14
14
|
"lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
|
|
15
|
-
"test:unit": "vitest",
|
|
16
|
-
"test:unit-coverage": "vitest run --coverage && make-coverage-badge",
|
|
15
|
+
"test:unit": "vitest --project=unit",
|
|
16
|
+
"test:unit-coverage": "vitest run --project=unit --coverage && make-coverage-badge",
|
|
17
17
|
"typecheck": "vue-tsc --noEmit",
|
|
18
18
|
"storybook": "storybook dev -p 6006",
|
|
19
19
|
"build-storybook": "storybook build",
|
|
20
|
-
"test-storybook": "
|
|
20
|
+
"test-storybook": "vitest run --project=storybook",
|
|
21
21
|
"quality": "pnpm run lint && pnpm run typecheck && vitest run && pnpm run build",
|
|
22
22
|
"prepare": "husky"
|
|
23
23
|
},
|
|
@@ -50,27 +50,28 @@
|
|
|
50
50
|
"@commitlint/cli": "^19.8.1",
|
|
51
51
|
"@commitlint/config-conventional": "^19.8.1",
|
|
52
52
|
"@pequity/eslint-config": "^2.0.2",
|
|
53
|
-
"@playwright/test": "^1.53.
|
|
53
|
+
"@playwright/test": "^1.53.2",
|
|
54
54
|
"@semantic-release/changelog": "^6.0.3",
|
|
55
55
|
"@semantic-release/git": "^10.0.1",
|
|
56
|
-
"@storybook/addon-a11y": "^9.0.
|
|
57
|
-
"@storybook/addon-docs": "^9.0.
|
|
58
|
-
"@storybook/addon-links": "^9.0.
|
|
59
|
-
"@storybook/
|
|
60
|
-
"@storybook/vue3": "^9.0.
|
|
61
|
-
"@storybook/vue3-vite": "^9.0.
|
|
62
|
-
"@tanstack/vue-virtual": "3.13.
|
|
56
|
+
"@storybook/addon-a11y": "^9.0.15",
|
|
57
|
+
"@storybook/addon-docs": "^9.0.15",
|
|
58
|
+
"@storybook/addon-links": "^9.0.15",
|
|
59
|
+
"@storybook/addon-vitest": "^9.0.15",
|
|
60
|
+
"@storybook/vue3": "^9.0.15",
|
|
61
|
+
"@storybook/vue3-vite": "^9.0.15",
|
|
62
|
+
"@tanstack/vue-virtual": "3.13.12",
|
|
63
63
|
"@types/jsdom": "^21.1.7",
|
|
64
64
|
"@types/lodash-es": "^4.17.12",
|
|
65
|
-
"@types/node": "^24.0.
|
|
66
|
-
"@vitejs/plugin-vue": "^
|
|
67
|
-
"@vitest/
|
|
68
|
-
"@
|
|
65
|
+
"@types/node": "^24.0.10",
|
|
66
|
+
"@vitejs/plugin-vue": "^6.0.0",
|
|
67
|
+
"@vitest/browser": "3.2.4",
|
|
68
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
69
|
+
"@vue/compiler-sfc": "3.5.17",
|
|
69
70
|
"@vue/test-utils": "^2.4.6",
|
|
70
71
|
"@vuepic/vue-datepicker": "11.0.2",
|
|
71
72
|
"autoprefixer": "^10.4.21",
|
|
72
|
-
"eslint": "^9.
|
|
73
|
-
"eslint-plugin-storybook": "^9.0.
|
|
73
|
+
"eslint": "^9.30.1",
|
|
74
|
+
"eslint-plugin-storybook": "^9.0.15",
|
|
74
75
|
"floating-vue": "5.2.2",
|
|
75
76
|
"glob": "^11.0.3",
|
|
76
77
|
"husky": "^9.1.7",
|
|
@@ -79,31 +80,27 @@
|
|
|
79
80
|
"lint-staged": "^16.1.2",
|
|
80
81
|
"lodash-es": "4.17.21",
|
|
81
82
|
"make-coverage-badge": "^1.2.0",
|
|
83
|
+
"playwright": "^1.53.2",
|
|
82
84
|
"postcss": "^8.5.6",
|
|
83
|
-
"prettier": "^3.
|
|
84
|
-
"prettier-plugin-tailwindcss": "^0.6.
|
|
85
|
+
"prettier": "^3.6.2",
|
|
86
|
+
"prettier-plugin-tailwindcss": "^0.6.13",
|
|
85
87
|
"resolve-tspaths": "^0.8.23",
|
|
86
88
|
"rimraf": "^6.0.1",
|
|
87
89
|
"sass": "^1.89.2",
|
|
88
|
-
"semantic-release": "^24.2.
|
|
89
|
-
"storybook": "^9.0.
|
|
90
|
-
"svgo": "^
|
|
90
|
+
"semantic-release": "^24.2.6",
|
|
91
|
+
"storybook": "^9.0.15",
|
|
92
|
+
"svgo": "^4.0.0",
|
|
91
93
|
"tailwindcss": "^3.4.17",
|
|
92
94
|
"typescript": "5.8.3",
|
|
93
|
-
"vite": "^
|
|
94
|
-
"vitest": "^3.2.
|
|
95
|
-
"vue": "3.5.
|
|
95
|
+
"vite": "^7.0.0",
|
|
96
|
+
"vitest": "^3.2.4",
|
|
97
|
+
"vue": "3.5.17",
|
|
96
98
|
"vue-currency-input": "3.2.1",
|
|
97
99
|
"vue-router": "4.5.1",
|
|
98
100
|
"vue-toastification": "2.0.0-rc.5",
|
|
99
|
-
"vue-tsc": "
|
|
101
|
+
"vue-tsc": "3.0.0"
|
|
100
102
|
},
|
|
101
103
|
"dependencies": {
|
|
102
104
|
"tailwind-variants": "^1.0.0"
|
|
103
|
-
},
|
|
104
|
-
"pnpm": {
|
|
105
|
-
"overrides": {
|
|
106
|
-
"typescript": "5.8.3"
|
|
107
|
-
}
|
|
108
105
|
}
|
|
109
106
|
}
|
|
@@ -4,11 +4,12 @@ import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
|
|
|
4
4
|
import PBtn from '@squirrel/components/p-btn/p-btn.vue';
|
|
5
5
|
import { action } from 'storybook/actions';
|
|
6
6
|
import { expect, fn, userEvent, waitFor, within } from 'storybook/test';
|
|
7
|
+
import { markRaw } from 'vue';
|
|
7
8
|
|
|
8
9
|
const actionBarActions = [
|
|
9
10
|
{
|
|
10
11
|
label: 'Upload',
|
|
11
|
-
icon: PaginateRightIcon,
|
|
12
|
+
icon: markRaw(PaginateRightIcon),
|
|
12
13
|
name: 'upload',
|
|
13
14
|
},
|
|
14
15
|
{
|
|
@@ -22,12 +23,12 @@ const actionBarActions = [
|
|
|
22
23
|
{
|
|
23
24
|
label: 'Subaction 1',
|
|
24
25
|
name: 'subaction1',
|
|
25
|
-
icon: PaginateLeftIcon,
|
|
26
|
+
icon: markRaw(PaginateLeftIcon),
|
|
26
27
|
},
|
|
27
28
|
{
|
|
28
29
|
label: 'Subaction 2',
|
|
29
30
|
name: 'subaction2',
|
|
30
|
-
icon: PaginateRightIcon,
|
|
31
|
+
icon: markRaw(PaginateRightIcon),
|
|
31
32
|
},
|
|
32
33
|
{
|
|
33
34
|
label: 'Subaction 3',
|
|
@@ -198,58 +198,45 @@ describe('PDropdownSelect.vue', () => {
|
|
|
198
198
|
cleanup(wrapper);
|
|
199
199
|
});
|
|
200
200
|
|
|
201
|
-
it('shows "All options selected" when all
|
|
201
|
+
it('shows "All options selected" when all options are selected', async () => {
|
|
202
202
|
useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
|
|
203
203
|
|
|
204
204
|
const items = cloneDeep(filterListItems).slice(0, 10);
|
|
205
205
|
items[0].disabled = true;
|
|
206
206
|
items[1].disabled = true;
|
|
207
|
-
|
|
208
|
-
const wrapper = createWrapper({ selected: [1], items }, { multiple: true });
|
|
207
|
+
const wrapper = createWrapper({ selected: filterListItems.map((item) => item.value), items }, { multiple: true });
|
|
209
208
|
|
|
210
209
|
await wrapper.find('button').trigger('click');
|
|
211
|
-
await wrapper.findByText('Select all').trigger('click');
|
|
212
210
|
|
|
213
|
-
const selectedItemsOptions = wrapper.findAll('[p-select-list-option-item]');
|
|
214
|
-
const selectedItems = wrapper.findAll('[p-select-list-option-item].selected');
|
|
215
|
-
|
|
216
|
-
// Should have all non-disabled items (8) plus the pre-selected disabled item (1)
|
|
217
|
-
expect(selectedItems.length).toBe(selectedItemsOptions.length - 1);
|
|
218
|
-
expect(wrapper.vm.$data.selected.length).toBe(items.length - 1);
|
|
219
211
|
expect(wrapper.find('button').text()).toBe('All options selected');
|
|
220
212
|
|
|
221
213
|
cleanup(wrapper);
|
|
222
214
|
});
|
|
223
215
|
|
|
224
|
-
it('
|
|
216
|
+
it('does not select disabled options when "Select All" is clicked', async () => {
|
|
225
217
|
useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
|
|
226
218
|
|
|
227
219
|
const items = cloneDeep(filterListItems).slice(0, 10);
|
|
228
220
|
items[0].disabled = true;
|
|
229
|
-
|
|
221
|
+
items[1].disabled = true;
|
|
222
|
+
const wrapper = createWrapper({ selected: [], items }, { multiple: true });
|
|
230
223
|
|
|
231
|
-
|
|
224
|
+
await wrapper.find('button').trigger('click');
|
|
225
|
+
await wrapper.findByText('Select all').trigger('click');
|
|
226
|
+
|
|
227
|
+
expect(wrapper.find('button').text()).toBe('8 options selected');
|
|
232
228
|
|
|
233
229
|
cleanup(wrapper);
|
|
234
230
|
});
|
|
235
231
|
|
|
236
|
-
it('
|
|
232
|
+
it('shows number of selected options when not all non-disabled options are selected', async () => {
|
|
237
233
|
useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
|
|
238
234
|
|
|
239
235
|
const items = cloneDeep(filterListItems).slice(0, 10);
|
|
240
236
|
items[0].disabled = true;
|
|
241
|
-
|
|
242
|
-
const wrapper = createWrapper({ selected: [], items }, { multiple: true });
|
|
243
|
-
|
|
244
|
-
await wrapper.find('button').trigger('click');
|
|
245
|
-
|
|
246
|
-
await wrapper.findByText('Select all').trigger('click');
|
|
247
|
-
|
|
248
|
-
const selectedItemsOptions = wrapper.findAll('[p-select-list-option-item]');
|
|
249
|
-
const selectedItems = wrapper.findAll('[p-select-list-option-item].selected');
|
|
237
|
+
const wrapper = createWrapper({ selected: [2, 3], items }, { multiple: true });
|
|
250
238
|
|
|
251
|
-
expect(
|
|
252
|
-
expect(wrapper.vm.$data.selected.length).toBe(items.length - 2);
|
|
239
|
+
expect(wrapper.find('button').text()).toBe('2 options selected');
|
|
253
240
|
|
|
254
241
|
cleanup(wrapper);
|
|
255
242
|
});
|
|
@@ -426,6 +413,24 @@ describe('PDropdownSelect.vue', () => {
|
|
|
426
413
|
cleanup(wrapper);
|
|
427
414
|
});
|
|
428
415
|
|
|
416
|
+
it('displays a spacer on non-selected items', async () => {
|
|
417
|
+
useVirtualizer.mockImplementation(() => createMockedVirtualizer(20));
|
|
418
|
+
|
|
419
|
+
const wrapper = createWrapper({ selected: [] }, { multiple: true });
|
|
420
|
+
|
|
421
|
+
const button = wrapper.find('button');
|
|
422
|
+
|
|
423
|
+
await button.trigger('click');
|
|
424
|
+
|
|
425
|
+
const checkIcons = wrapper.findAll('[p-select-list-option-item] img');
|
|
426
|
+
const spacers = wrapper.findAll('[p-select-list-option-item] .w-\\[26px\\].pl-2');
|
|
427
|
+
|
|
428
|
+
expect(checkIcons.length).toBe(0);
|
|
429
|
+
expect(spacers.length).toBe(20);
|
|
430
|
+
|
|
431
|
+
cleanup(wrapper);
|
|
432
|
+
});
|
|
433
|
+
|
|
429
434
|
it('works with an object for v-model', async () => {
|
|
430
435
|
const wrapper = createWrapper({ selected: filterListItems[0] }, { valueIsObject: true });
|
|
431
436
|
|
|
@@ -633,9 +638,11 @@ describe('PDropdownSelect.vue', () => {
|
|
|
633
638
|
|
|
634
639
|
listItems.forEach((item, i) => {
|
|
635
640
|
if (i === 0 || i === 1) {
|
|
636
|
-
expect(item.classes()).toContain('pointer
|
|
641
|
+
expect(item.classes()).not.toContain('cursor-pointer');
|
|
642
|
+
expect(item.classes()).toContain('cursor-default');
|
|
637
643
|
} else {
|
|
638
|
-
expect(item.classes()).
|
|
644
|
+
expect(item.classes()).toContain('cursor-pointer');
|
|
645
|
+
expect(item.classes()).not.toContain('cursor-default');
|
|
639
646
|
}
|
|
640
647
|
});
|
|
641
648
|
|
|
@@ -659,9 +666,11 @@ describe('PDropdownSelect.vue', () => {
|
|
|
659
666
|
|
|
660
667
|
listItems.forEach((item, i) => {
|
|
661
668
|
if (i === 0 || i === 1) {
|
|
662
|
-
expect(item.classes()).toContain('
|
|
669
|
+
expect(item.classes()).toContain('cursor-default');
|
|
670
|
+
expect(item.classes()).not.toContain('cursor-pointer');
|
|
663
671
|
} else {
|
|
664
|
-
expect(item.classes()).
|
|
672
|
+
expect(item.classes()).toContain('cursor-pointer');
|
|
673
|
+
expect(item.classes()).not.toContain('cursor-default');
|
|
665
674
|
}
|
|
666
675
|
});
|
|
667
676
|
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
<div v-else class="truncate text-left">
|
|
60
60
|
{{
|
|
61
61
|
multiple
|
|
62
|
-
? selectedItems.length ===
|
|
62
|
+
? selectedItems.length === computedItems.length
|
|
63
63
|
? 'All options selected'
|
|
64
64
|
: `${selectedItems.length} option${selectedItems.length > 1 ? 's' : ''} selected`
|
|
65
65
|
: selectedItems[0][itemText]
|
|
@@ -142,12 +142,12 @@
|
|
|
142
142
|
LIST_ITEM_CLASS,
|
|
143
143
|
{
|
|
144
144
|
[LIST_ITEM_ACTIVE_CLASS]: isSelected(getValue(row.index)),
|
|
145
|
-
[LIST_ITEM_DISABLED_CLASS]: isDisabled(computedItems[row.index]),
|
|
146
145
|
},
|
|
146
|
+
isDisabled(computedItems[row.index]) ? LIST_ITEM_DISABLED_CLASS : 'cursor-pointer',
|
|
147
147
|
]"
|
|
148
148
|
p-select-list-option-item
|
|
149
149
|
:style="listItemStyle"
|
|
150
|
-
@click="select($event, getValue(row.index))"
|
|
150
|
+
@click="!isDisabled(computedItems[row.index]) && select($event, getValue(row.index))"
|
|
151
151
|
>
|
|
152
152
|
<div :class="['flex items-center', { [SIZES[size]]: !itemSize }]">
|
|
153
153
|
<slot
|
|
@@ -171,6 +171,7 @@
|
|
|
171
171
|
class="ml-auto fill-p-purple-60 pl-2"
|
|
172
172
|
src="@squirrel/assets/select-check.svg"
|
|
173
173
|
/>
|
|
174
|
+
<div v-else class="ml-auto h-4 w-[26px] pl-2"></div>
|
|
174
175
|
</div>
|
|
175
176
|
</div>
|
|
176
177
|
</div>
|
|
@@ -467,10 +468,6 @@ const attrs = computed(() => {
|
|
|
467
468
|
|
|
468
469
|
const style = computed(() => $attrs.style as StyleValue);
|
|
469
470
|
|
|
470
|
-
const selectableItemsCount = computed(
|
|
471
|
-
() => internalItems.value.filter((item) => !isDisabled(item) || isSelected(item[props.itemValue])).length
|
|
472
|
-
);
|
|
473
|
-
|
|
474
471
|
// Watch
|
|
475
472
|
// Sorts internalItems putting the selected ones first
|
|
476
473
|
watch(
|