@pequity/squirrel 8.4.4 → 8.5.0
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/README.md +31 -1
- package/dist/cjs/chunks/index.js +530 -179
- package/dist/cjs/chunks/p-alert.js +14 -16
- package/dist/cjs/chunks/p-avatar.js +16 -0
- package/dist/cjs/chunks/p-btn.js +4 -1
- package/dist/cjs/chunks/p-card.js +4 -0
- package/dist/cjs/chunks/p-dropdown-select.js +34 -0
- package/dist/cjs/chunks/p-input-number.js +32 -0
- package/dist/cjs/chunks/p-input-percent.js +15 -4
- package/dist/cjs/chunks/p-input.js +28 -0
- package/dist/cjs/chunks/p-pagination-info.js +9 -5
- package/dist/cjs/chunks/p-pagination.js +23 -13
- package/dist/cjs/chunks/p-select-btn.js +2 -1
- package/dist/cjs/chunks/p-select.js +33 -0
- package/dist/cjs/chunks/p-table-loader.js +20 -0
- package/dist/cjs/chunks/p-tabs.js +12 -0
- package/dist/cjs/chunks/p-textarea.js +20 -0
- package/dist/cjs/index.js +72 -29
- package/dist/cjs/inputClasses.js +3 -3
- package/dist/cjs/p-checkbox.js +8 -1
- package/dist/cjs/p-chips.js +17 -1
- package/dist/cjs/p-close-btn.js +6 -1
- package/dist/cjs/p-drawer.js +90 -2
- package/dist/cjs/p-dropdown.js +2 -1
- package/dist/cjs/p-icon.js +2 -1
- package/dist/cjs/p-input-search.js +13 -1
- package/dist/cjs/p-loading.js +3 -3
- package/dist/cjs/p-modal.js +125 -43
- package/dist/cjs/p-select-pill.js +36 -2
- package/dist/cjs/p-skeleton-loader.js +17 -1
- package/dist/cjs/p-table-filter-icon.js +4 -1
- package/dist/cjs/p-table-header-cell.js +32 -2
- package/dist/cjs/p-table-td.js +1 -1
- package/dist/cjs/p-table.js +2 -0
- package/dist/cjs/p-toggle.js +22 -1
- package/dist/cjs/usePTableHeaderWrap.js +38 -0
- package/dist/es/chunks/index.js +530 -179
- package/dist/es/chunks/p-alert.js +14 -16
- package/dist/es/chunks/p-avatar.js +16 -0
- package/dist/es/chunks/p-btn.js +5 -2
- package/dist/es/chunks/p-card.js +4 -0
- package/dist/es/chunks/p-dropdown-select.js +34 -0
- package/dist/es/chunks/p-input-number.js +32 -0
- package/dist/es/chunks/p-input-percent.js +15 -4
- package/dist/es/chunks/p-input.js +28 -0
- package/dist/es/chunks/p-pagination-info.js +9 -5
- package/dist/es/chunks/p-pagination.js +24 -14
- package/dist/es/chunks/p-select-btn.js +2 -1
- package/dist/es/chunks/p-select.js +33 -0
- package/dist/es/chunks/p-table-loader.js +20 -0
- package/dist/es/chunks/p-tabs.js +12 -0
- package/dist/es/chunks/p-textarea.js +20 -0
- package/dist/es/index.js +77 -34
- package/dist/es/inputClasses.js +4 -4
- package/dist/es/p-checkbox.js +8 -1
- package/dist/es/p-chips.js +17 -1
- package/dist/es/p-close-btn.js +6 -1
- package/dist/es/p-drawer.js +90 -2
- package/dist/es/p-dropdown.js +2 -1
- package/dist/es/p-icon.js +2 -1
- package/dist/es/p-input-search.js +13 -1
- package/dist/es/p-loading.js +3 -3
- package/dist/es/p-modal.js +125 -43
- package/dist/es/p-select-pill.js +36 -2
- package/dist/es/p-skeleton-loader.js +17 -1
- package/dist/es/p-table-filter-icon.js +4 -1
- package/dist/es/p-table-header-cell.js +32 -2
- package/dist/es/p-table-td.js +1 -1
- package/dist/es/p-table.js +2 -0
- package/dist/es/p-toggle.js +22 -1
- package/dist/es/usePTableHeaderWrap.js +38 -0
- package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +15 -3
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +18 -5
- package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +36 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +21 -5
- package/dist/squirrel/components/p-card/p-card.vue.d.ts +21 -8
- package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +26 -8
- package/dist/squirrel/components/p-chips/p-chips.vue.d.ts +24 -0
- package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +14 -1
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +17 -1
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +153 -15
- package/dist/squirrel/components/p-dropdown/p-dropdown.vue.d.ts +11 -2
- package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +70 -2
- package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +71 -7
- package/dist/squirrel/components/p-icon/p-icon.types.d.ts +1 -0
- package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +5 -1
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +12 -5
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +28 -8
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +74 -9
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +83 -12
- package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +23 -3
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +25 -1
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +1 -1
- package/dist/squirrel/components/p-loading/p-loading.vue.d.ts +1 -1
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +190 -16
- package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +23 -13
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +17 -9
- package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +21 -1
- package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +11 -1
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +77 -7
- package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +68 -11
- package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +2 -2
- package/dist/squirrel/components/p-select-pill/p-select-pill.vue.d.ts +72 -2
- package/dist/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue.d.ts +40 -0
- package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +13 -1
- package/dist/squirrel/components/p-table/p-table.types.d.ts +1 -0
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +33 -1
- package/dist/squirrel/components/p-table/usePTableHeaderWrap.d.ts +4 -0
- package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +7 -1
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +59 -4
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +41 -1
- package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +13 -3
- package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +13 -1
- package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +34 -3
- package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +23 -1
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +53 -9
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +51 -4
- package/dist/squirrel.css +68 -68
- package/package.json +24 -22
- package/squirrel/components/p-action-bar/p-action-bar.stories.js +5 -5
- package/squirrel/components/p-action-bar/p-action-bar.vue +30 -3
- package/squirrel/components/p-alert/p-alert.spec.js +4 -4
- package/squirrel/components/p-alert/p-alert.stories.js +19 -13
- package/squirrel/components/p-alert/p-alert.vue +33 -11
- package/squirrel/components/p-avatar/p-avatar.vue +28 -0
- package/squirrel/components/p-btn/p-btn.vue +35 -0
- package/squirrel/components/p-card/p-card.vue +24 -1
- package/squirrel/components/p-checkbox/p-checkbox.vue +23 -1
- package/squirrel/components/p-chips/p-chips.vue +24 -0
- package/squirrel/components/p-close-btn/p-close-btn.vue +15 -0
- package/squirrel/components/p-date-picker/p-date-picker.vue +23 -1
- package/squirrel/components/p-drawer/p-drawer.vue +95 -0
- package/squirrel/components/p-dropdown/p-dropdown.vue +12 -1
- package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +41 -0
- package/squirrel/components/p-file-upload/p-file-upload.vue +58 -3
- package/squirrel/components/p-icon/p-icon.types.ts +1 -0
- package/squirrel/components/p-icon/p-icon.vue +16 -0
- package/squirrel/components/p-info-icon/p-info-icon.vue +19 -0
- package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue +32 -0
- package/squirrel/components/p-input/p-input.vue +61 -1
- package/squirrel/components/p-input-number/p-input-number.vue +78 -1
- package/squirrel/components/p-input-percent/p-input-percent.vue +27 -3
- package/squirrel/components/p-input-search/p-input-search.vue +30 -2
- package/squirrel/components/p-link/p-link.vue +13 -0
- package/squirrel/components/p-loading/p-loading.vue +9 -2
- package/squirrel/components/p-modal/p-modal-basic.spec.js +29 -3
- package/squirrel/components/p-modal/p-modal.vue +182 -35
- package/squirrel/components/p-pagination/p-pagination.vue +28 -8
- package/squirrel/components/p-pagination-info/p-pagination-info.vue +16 -4
- package/squirrel/components/p-progress-bar/p-progress-bar.vue +31 -4
- package/squirrel/components/p-ring-loader/p-ring-loader.vue +17 -0
- package/squirrel/components/p-select/p-select.vue +50 -1
- package/squirrel/components/p-select-btn/p-select-btn.vue +90 -2
- package/squirrel/components/p-select-list/p-select-list.vue +7 -0
- package/squirrel/components/p-select-pill/p-select-pill.vue +52 -2
- package/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue +24 -0
- package/squirrel/components/p-steps/p-steps.vue +25 -0
- package/squirrel/components/p-table/p-table.spec.js +51 -15
- package/squirrel/components/p-table/p-table.types.ts +2 -0
- package/squirrel/components/p-table/p-table.vue +46 -4
- package/squirrel/components/p-table/usePTableHeaderWrap.spec.js +118 -0
- package/squirrel/components/p-table/usePTableHeaderWrap.ts +45 -0
- package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +9 -0
- package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +5 -1
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +38 -1
- package/squirrel/components/p-table-loader/p-table-loader.vue +28 -0
- package/squirrel/components/p-table-sort/p-table-sort.vue +19 -1
- package/squirrel/components/p-table-td/p-table-td.vue +20 -0
- package/squirrel/components/p-tabs/p-tabs.stories.js +2 -2
- package/squirrel/components/p-tabs/p-tabs.vue +33 -1
- package/squirrel/components/p-tabs-pills/p-tabs-pills.vue +33 -0
- package/squirrel/components/p-textarea/p-textarea.vue +43 -1
- package/squirrel/components/p-toggle/p-toggle.vue +44 -1
- package/squirrel/assets/pagination-left-icon.svg +0 -5
- package/squirrel/assets/pagination-right-icon.svg +0 -5
package/dist/squirrel.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
|
-
.x-black-icon[data-v-
|
|
2
|
+
.x-black-icon[data-v-8232fb9d] {
|
|
3
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
|
-
.x-white-icon[data-v-
|
|
5
|
+
.x-white-icon[data-v-8232fb9d] {
|
|
6
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");
|
|
7
7
|
}
|
|
8
8
|
div[id^=popper_].dropdown {
|
|
@@ -145,14 +145,14 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
|
|
|
145
145
|
|
|
146
146
|
opacity: 1
|
|
147
147
|
}
|
|
148
|
-
input[type='checkbox'][data-v-
|
|
148
|
+
input[type='checkbox'][data-v-c0f571ea]:checked {
|
|
149
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");
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.bg-cross[data-v-
|
|
152
|
+
.bg-cross[data-v-a6ae49f4] {
|
|
153
153
|
background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='6'%20viewBox='0%200%206%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2511_8629)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%203.51667L5.42083%205.9375L5.9375%205.42083L3.51667%203L5.9375%200.57917L5.42083%200.0625L3%202.48333L0.57917%200.0625L0.0625%200.57917L2.48333%203L0.0625%205.42083L0.57917%205.9375L3%203.51667Z'%20fill='%231A123B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2511_8629'%3e%3crect%20width='6'%20height='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
|
|
154
154
|
}
|
|
155
|
-
.drawer[data-v-
|
|
155
|
+
.drawer[data-v-b08a9ced] {
|
|
156
156
|
position: fixed;
|
|
157
157
|
bottom: 0px;
|
|
158
158
|
top: 0px;
|
|
@@ -164,18 +164,18 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
|
164
164
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
165
165
|
outline: 2px solid transparent;
|
|
166
166
|
outline-offset: 2px;
|
|
167
|
-
max-width: var(--
|
|
167
|
+
max-width: var(--0ae27020);
|
|
168
168
|
width: 100%;
|
|
169
169
|
}
|
|
170
|
-
.drawer.drawer-left[data-v-
|
|
170
|
+
.drawer.drawer-left[data-v-b08a9ced] {
|
|
171
171
|
left: 0px;
|
|
172
172
|
}
|
|
173
|
-
.drawer.drawer-right[data-v-
|
|
173
|
+
.drawer.drawer-right[data-v-b08a9ced] {
|
|
174
174
|
right: 0px;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
/* Slide from right animations */
|
|
178
|
-
@keyframes slideInRight-
|
|
178
|
+
@keyframes slideInRight-b08a9ced {
|
|
179
179
|
0% {
|
|
180
180
|
transform: translate3d(100%, 0, 0);
|
|
181
181
|
visibility: visible;
|
|
@@ -184,12 +184,12 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
|
184
184
|
transform: translate3d(0, 0, 0);
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
|
-
.slideInRight[data-v-
|
|
187
|
+
.slideInRight[data-v-b08a9ced] {
|
|
188
188
|
animation-duration: 0.4s;
|
|
189
189
|
animation-fill-mode: both;
|
|
190
|
-
animation-name: slideInRight-
|
|
190
|
+
animation-name: slideInRight-b08a9ced;
|
|
191
191
|
}
|
|
192
|
-
@keyframes slideOutRight-
|
|
192
|
+
@keyframes slideOutRight-b08a9ced {
|
|
193
193
|
0% {
|
|
194
194
|
transform: translate3d(0, 0, 0);
|
|
195
195
|
}
|
|
@@ -198,14 +198,14 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
|
198
198
|
transform: translate3d(100%, 0, 0);
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
|
-
.slideOutRight[data-v-
|
|
201
|
+
.slideOutRight[data-v-b08a9ced] {
|
|
202
202
|
animation-duration: 0.4s;
|
|
203
203
|
animation-fill-mode: both;
|
|
204
|
-
animation-name: slideOutRight-
|
|
204
|
+
animation-name: slideOutRight-b08a9ced;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
/* Slide from left animations */
|
|
208
|
-
@keyframes slideInLeft-
|
|
208
|
+
@keyframes slideInLeft-b08a9ced {
|
|
209
209
|
0% {
|
|
210
210
|
transform: translate3d(-100%, 0, 0);
|
|
211
211
|
visibility: visible;
|
|
@@ -214,12 +214,12 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
|
214
214
|
transform: translate3d(0, 0, 0);
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
|
-
.slideInLeft[data-v-
|
|
217
|
+
.slideInLeft[data-v-b08a9ced] {
|
|
218
218
|
animation-duration: 0.4s;
|
|
219
219
|
animation-fill-mode: both;
|
|
220
|
-
animation-name: slideInLeft-
|
|
220
|
+
animation-name: slideInLeft-b08a9ced;
|
|
221
221
|
}
|
|
222
|
-
@keyframes slideOutLeft-
|
|
222
|
+
@keyframes slideOutLeft-b08a9ced {
|
|
223
223
|
0% {
|
|
224
224
|
transform: translate3d(0, 0, 0);
|
|
225
225
|
}
|
|
@@ -228,25 +228,25 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
|
|
|
228
228
|
transform: translate3d(-100%, 0, 0);
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
|
-
.slideOutLeft[data-v-
|
|
231
|
+
.slideOutLeft[data-v-b08a9ced] {
|
|
232
232
|
animation-duration: 0.4s;
|
|
233
233
|
animation-fill-mode: both;
|
|
234
|
-
animation-name: slideOutLeft-
|
|
234
|
+
animation-name: slideOutLeft-b08a9ced;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
/* Backdrop */
|
|
238
|
-
.fadeIn[data-v-
|
|
239
|
-
animation-name: fadeInFrames-
|
|
238
|
+
.fadeIn[data-v-b08a9ced] {
|
|
239
|
+
animation-name: fadeInFrames-b08a9ced;
|
|
240
240
|
}
|
|
241
|
-
.fadeOut[data-v-
|
|
242
|
-
animation-name: fadeOutFrames-
|
|
241
|
+
.fadeOut[data-v-b08a9ced] {
|
|
242
|
+
animation-name: fadeOutFrames-b08a9ced;
|
|
243
243
|
}
|
|
244
|
-
.fadeIn[data-v-
|
|
245
|
-
.fadeOut[data-v-
|
|
244
|
+
.fadeIn[data-v-b08a9ced],
|
|
245
|
+
.fadeOut[data-v-b08a9ced] {
|
|
246
246
|
animation-duration: 0.25s;
|
|
247
247
|
animation-fill-mode: both;
|
|
248
248
|
}
|
|
249
|
-
@keyframes fadeInFrames-
|
|
249
|
+
@keyframes fadeInFrames-b08a9ced {
|
|
250
250
|
from {
|
|
251
251
|
opacity: 0;
|
|
252
252
|
animation-timing-function: cubic-bezier(0, 0, 1, 1);
|
|
@@ -255,7 +255,7 @@ to {
|
|
|
255
255
|
opacity: 1;
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
|
-
@keyframes fadeOutFrames-
|
|
258
|
+
@keyframes fadeOutFrames-b08a9ced {
|
|
259
259
|
from {
|
|
260
260
|
opacity: 1;
|
|
261
261
|
animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
|
|
@@ -264,15 +264,15 @@ to {
|
|
|
264
264
|
opacity: 0;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
.enter[data-v-
|
|
267
|
+
.enter[data-v-ce44730a] {
|
|
268
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
269
|
}
|
|
270
|
-
.fadeInDown[data-v-
|
|
270
|
+
.fadeInDown[data-v-7e116004] {
|
|
271
271
|
animation-duration: 0.4s;
|
|
272
272
|
animation-fill-mode: both;
|
|
273
|
-
animation-name: fadeInDown-
|
|
273
|
+
animation-name: fadeInDown-7e116004;
|
|
274
274
|
}
|
|
275
|
-
@keyframes fadeInDown-
|
|
275
|
+
@keyframes fadeInDown-7e116004 {
|
|
276
276
|
0% {
|
|
277
277
|
opacity: 0;
|
|
278
278
|
transform: translate3d(0, -100%, 0);
|
|
@@ -282,12 +282,12 @@ to {
|
|
|
282
282
|
transform: none;
|
|
283
283
|
}
|
|
284
284
|
}
|
|
285
|
-
.fadeOutUp[data-v-
|
|
285
|
+
.fadeOutUp[data-v-7e116004] {
|
|
286
286
|
animation-duration: 0.25s;
|
|
287
287
|
animation-fill-mode: both;
|
|
288
|
-
animation-name: fadeOutUp-
|
|
288
|
+
animation-name: fadeOutUp-7e116004;
|
|
289
289
|
}
|
|
290
|
-
@keyframes fadeOutUp-
|
|
290
|
+
@keyframes fadeOutUp-7e116004 {
|
|
291
291
|
0% {
|
|
292
292
|
opacity: 1;
|
|
293
293
|
}
|
|
@@ -295,33 +295,33 @@ to {
|
|
|
295
295
|
opacity: 0;
|
|
296
296
|
transform: translate3d(0, -100%, 0);
|
|
297
297
|
}
|
|
298
|
-
}.pm[data-v-
|
|
298
|
+
}.pm[data-v-5c370dbc] {
|
|
299
299
|
width: calc(100% - 32px);
|
|
300
300
|
min-width: 110px;
|
|
301
|
-
max-width: var(--
|
|
301
|
+
max-width: var(--a8364442);
|
|
302
302
|
max-height: calc(100vh - 32px);
|
|
303
303
|
}
|
|
304
|
-
.fadeIn[data-v-
|
|
304
|
+
.fadeIn[data-v-5c370dbc] {
|
|
305
305
|
animation-duration: 0.4s;
|
|
306
|
-
animation-name: fadeInFrames-
|
|
306
|
+
animation-name: fadeInFrames-5c370dbc;
|
|
307
307
|
animation-fill-mode: both;
|
|
308
308
|
}
|
|
309
|
-
.fadeOut[data-v-
|
|
309
|
+
.fadeOut[data-v-5c370dbc] {
|
|
310
310
|
animation-duration: 0.2s;
|
|
311
|
-
animation-name: fadeOutFrames-
|
|
311
|
+
animation-name: fadeOutFrames-5c370dbc;
|
|
312
312
|
animation-fill-mode: both;
|
|
313
313
|
}
|
|
314
|
-
.slideInTop[data-v-
|
|
314
|
+
.slideInTop[data-v-5c370dbc] {
|
|
315
315
|
animation-duration: 0.4s;
|
|
316
|
-
animation-name: fadeInFrames-
|
|
316
|
+
animation-name: fadeInFrames-5c370dbc,slideInTopFrames-5c370dbc;
|
|
317
317
|
animation-fill-mode: both;
|
|
318
318
|
}
|
|
319
|
-
.slideOutTop[data-v-
|
|
319
|
+
.slideOutTop[data-v-5c370dbc] {
|
|
320
320
|
animation-duration: 0.2s;
|
|
321
|
-
animation-name: fadeOutFrames-
|
|
321
|
+
animation-name: fadeOutFrames-5c370dbc,slideOutTopFrames-5c370dbc;
|
|
322
322
|
animation-fill-mode: both;
|
|
323
323
|
}
|
|
324
|
-
@keyframes slideInTopFrames-
|
|
324
|
+
@keyframes slideInTopFrames-5c370dbc {
|
|
325
325
|
from {
|
|
326
326
|
transform: translate(0, -12px);
|
|
327
327
|
animation-timing-function: cubic-bezier(0, 0, 0, 1);
|
|
@@ -330,7 +330,7 @@ to {
|
|
|
330
330
|
transform: translate(0, 0);
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
@keyframes slideOutTopFrames-
|
|
333
|
+
@keyframes slideOutTopFrames-5c370dbc {
|
|
334
334
|
from {
|
|
335
335
|
transform: translate(0, 0);
|
|
336
336
|
animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
|
|
@@ -339,7 +339,7 @@ to {
|
|
|
339
339
|
transform: translate(0, -12px);
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
|
-
@keyframes fadeInFrames-
|
|
342
|
+
@keyframes fadeInFrames-5c370dbc {
|
|
343
343
|
from {
|
|
344
344
|
opacity: 0;
|
|
345
345
|
animation-timing-function: cubic-bezier(0, 0, 1, 1);
|
|
@@ -348,7 +348,7 @@ to {
|
|
|
348
348
|
opacity: 1;
|
|
349
349
|
}
|
|
350
350
|
}
|
|
351
|
-
@keyframes fadeOutFrames-
|
|
351
|
+
@keyframes fadeOutFrames-5c370dbc {
|
|
352
352
|
from {
|
|
353
353
|
opacity: 1;
|
|
354
354
|
animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
|
|
@@ -356,34 +356,34 @@ from {
|
|
|
356
356
|
to {
|
|
357
357
|
opacity: 0;
|
|
358
358
|
}
|
|
359
|
-
}.shimmer[data-v-
|
|
359
|
+
}.shimmer[data-v-1beaf57b] {
|
|
360
360
|
transform: translateX(-100%);
|
|
361
|
-
animation: shimmer-
|
|
361
|
+
animation: shimmer-1beaf57b 1.4s infinite;
|
|
362
362
|
}
|
|
363
|
-
@keyframes shimmer-
|
|
363
|
+
@keyframes shimmer-1beaf57b {
|
|
364
364
|
100% {
|
|
365
365
|
transform: translateX(100%);
|
|
366
366
|
}
|
|
367
|
-
}.filter[data-v-
|
|
367
|
+
}.filter[data-v-5c047926] {
|
|
368
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;
|
|
369
369
|
}
|
|
370
|
-
.filter[data-v-
|
|
370
|
+
.filter[data-v-5c047926]:hover {
|
|
371
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;
|
|
372
372
|
}
|
|
373
|
-
.filter.active[data-v-
|
|
373
|
+
.filter.active[data-v-5c047926] {
|
|
374
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;
|
|
375
375
|
}
|
|
376
|
-
.filter.active[data-v-
|
|
376
|
+
.filter.active[data-v-5c047926]:hover {
|
|
377
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-
|
|
378
|
+
}.td-shadow-right[data-v-9a0c95c7] {
|
|
379
379
|
box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
|
|
380
380
|
clip-path: inset(0px -12px 0px 0px);
|
|
381
381
|
}
|
|
382
|
-
.td-shadow-left[data-v-
|
|
382
|
+
.td-shadow-left[data-v-9a0c95c7] {
|
|
383
383
|
box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
|
|
384
384
|
clip-path: inset(0px 0px 0px -12px);
|
|
385
385
|
}
|
|
386
|
-
.td-col-fixed-border-b[data-v-
|
|
386
|
+
.td-col-fixed-border-b[data-v-9a0c95c7]::after {
|
|
387
387
|
position: absolute;
|
|
388
388
|
bottom: 0px;
|
|
389
389
|
left: 0px;
|
|
@@ -393,7 +393,7 @@ to {
|
|
|
393
393
|
--tw-content: "";
|
|
394
394
|
content: var(--tw-content);
|
|
395
395
|
}
|
|
396
|
-
.shadow-inner-toggle[data-v-
|
|
396
|
+
.shadow-inner-toggle[data-v-af725f56]::after {
|
|
397
397
|
box-shadow:
|
|
398
398
|
rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
|
|
399
399
|
rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
|
|
@@ -1128,35 +1128,35 @@ to {
|
|
|
1128
1128
|
background-image: url("data:image/svg+xml,%3csvg%20width='33'%20height='30'%20viewBox='0%200%2033%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.0143%2029.9524C31.1862%2029.9516%2031.3551%2029.9066%2031.5045%2029.8215C31.6539%2029.7365%2031.7789%2029.6144%2031.8674%2029.4669C31.9558%2029.3195%2032.0048%2029.1517%2032.0095%2028.9799C32.0142%2028.808%2031.9745%2028.6378%2031.8943%2028.4857L16.8943%200.485744C16.8006%200.337008%2016.6708%200.214443%2016.5169%200.129498C16.363%200.0445534%2016.1901%200%2016.0143%200C15.8385%200%2015.6656%200.0445534%2015.5117%200.129498C15.3578%200.214443%2015.228%200.337008%2015.1343%200.485744L0.134286%2028.4857C0.0463617%2028.6353%200%2028.8056%200%2028.9791C0%2029.1526%200.0463617%2029.3229%200.134286%2029.4724C0.221436%2029.6207%200.346313%2029.7432%200.496207%2029.8275C0.6461%2029.9118%200.815658%2029.9549%200.98762%2029.9524H31.0143ZM16.0143%2026.2857C15.6176%2026.2857%2015.2299%2026.1677%2014.9004%2025.9467C14.571%2025.7258%2014.3147%2025.4118%2014.1641%2025.0448C14.0136%2024.6778%2013.9755%2024.2743%2014.0549%2023.8857C14.1342%2023.497%2014.3274%2023.1407%2014.6098%2022.8621C14.8922%2022.5835%2015.251%2022.3951%2015.6407%2022.321C16.0304%2022.2468%2016.4334%2022.2903%2016.7983%2022.4458C17.1633%2022.6012%2017.4737%2022.8617%2017.6903%2023.1941C17.9068%2023.5265%2018.0196%2023.9158%2018.0143%2024.3124C18.0073%2024.8382%2017.7935%2025.3401%2017.4192%2025.7094C17.0448%2026.0787%2016.5401%2026.2858%2016.0143%2026.2857ZM16.0143%209.95241C16.3679%209.95241%2016.707%2010.0929%2016.9571%2010.3429C17.2071%2010.593%2017.3476%2010.9321%2017.3476%2011.2857V18.5791C17.3476%2018.9327%2017.2071%2019.2718%2016.9571%2019.5219C16.707%2019.7719%2016.3679%2019.9124%2016.0143%2019.9124C15.6607%2019.9124%2015.3215%2019.7719%2015.0715%2019.5219C14.8214%2019.2718%2014.681%2018.9327%2014.681%2018.5791V11.2857C14.681%2010.9321%2014.8214%2010.593%2015.0715%2010.3429C15.3215%2010.0929%2015.6607%209.95241%2016.0143%209.95241Z'%20fill='%23F2C94C'%20/%3e%3c/svg%3e");
|
|
1129
1129
|
}
|
|
1130
1130
|
|
|
1131
|
-
/*# sourceMappingURL=squirrel.css.map */.p-table[data-v-
|
|
1131
|
+
/*# sourceMappingURL=squirrel.css.map */.p-table[data-v-8af637b9] {
|
|
1132
1132
|
color: rgb(var(--color-night));
|
|
1133
1133
|
height: 1px;
|
|
1134
1134
|
}
|
|
1135
|
-
.p-table th[data-v-
|
|
1135
|
+
.p-table th[data-v-8af637b9] {
|
|
1136
1136
|
position: sticky;
|
|
1137
1137
|
top: 0px;
|
|
1138
1138
|
z-index: 20;
|
|
1139
1139
|
padding: 0px;
|
|
1140
1140
|
}
|
|
1141
|
-
.p-table.first-col-fixed th[data-v-
|
|
1141
|
+
.p-table.first-col-fixed th[data-v-8af637b9]:first-child {
|
|
1142
1142
|
left: 0px;
|
|
1143
1143
|
z-index: 30;
|
|
1144
1144
|
}
|
|
1145
|
-
.p-table.first-col-fixed th:first-child .th-shadow[data-v-
|
|
1145
|
+
.p-table.first-col-fixed th:first-child .th-shadow[data-v-8af637b9] {
|
|
1146
1146
|
box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
|
|
1147
1147
|
clip-path: inset(0px -12px 0px 0px);
|
|
1148
1148
|
}
|
|
1149
|
-
.p-table.last-col-fixed th[data-v-
|
|
1149
|
+
.p-table.last-col-fixed th[data-v-8af637b9]:last-child {
|
|
1150
1150
|
right: 0px;
|
|
1151
1151
|
z-index: 30;
|
|
1152
1152
|
}
|
|
1153
|
-
.p-table.last-col-fixed th:last-child .th-shadow[data-v-
|
|
1153
|
+
.p-table.last-col-fixed th:last-child .th-shadow[data-v-8af637b9] {
|
|
1154
1154
|
box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
|
|
1155
1155
|
clip-path: inset(0px 0px 0px -12px);
|
|
1156
1156
|
}
|
|
1157
|
-
[data-v-
|
|
1157
|
+
[data-v-8af637b9] .p-table tr:last-child td {
|
|
1158
1158
|
border-bottom-width: 0px;
|
|
1159
1159
|
}
|
|
1160
|
-
[data-v-
|
|
1160
|
+
[data-v-8af637b9] .p-table tr:last-child td.td-col-fixed-border-b::after {
|
|
1161
1161
|
height: 0px;
|
|
1162
1162
|
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pequity/squirrel",
|
|
3
3
|
"description": "Squirrel component library",
|
|
4
|
-
"version": "8.
|
|
5
|
-
"packageManager": "pnpm@10.
|
|
4
|
+
"version": "8.5.0",
|
|
5
|
+
"packageManager": "pnpm@10.15.1",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"preinstall": "npx only-allow pnpm",
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"lint": "eslint \"**/*.{vue,ts,js}\"",
|
|
14
14
|
"lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
|
|
15
15
|
"test:unit": "vitest --project=unit",
|
|
16
|
+
"test:unit-nowatch": "vitest run --project=unit",
|
|
16
17
|
"test:unit-coverage": "vitest run --project=unit --coverage && make-coverage-badge",
|
|
17
18
|
"typecheck": "vue-tsc --noEmit",
|
|
18
19
|
"storybook": "storybook dev -p 6006",
|
|
@@ -49,57 +50,58 @@
|
|
|
49
50
|
"devDependencies": {
|
|
50
51
|
"@commitlint/cli": "^19.8.1",
|
|
51
52
|
"@commitlint/config-conventional": "^19.8.1",
|
|
52
|
-
"@pequity/eslint-config": "^2.0.
|
|
53
|
-
"@playwright/test": "^1.
|
|
53
|
+
"@pequity/eslint-config": "^2.0.3",
|
|
54
|
+
"@playwright/test": "^1.55.0",
|
|
54
55
|
"@semantic-release/changelog": "^6.0.3",
|
|
55
56
|
"@semantic-release/git": "^10.0.1",
|
|
56
|
-
"@storybook/addon-a11y": "^9.
|
|
57
|
-
"@storybook/addon-docs": "^9.
|
|
58
|
-
"@storybook/addon-links": "^9.
|
|
59
|
-
"@storybook/addon-vitest": "^9.
|
|
60
|
-
"@storybook/vue3-vite": "^9.
|
|
57
|
+
"@storybook/addon-a11y": "^9.1.4",
|
|
58
|
+
"@storybook/addon-docs": "^9.1.4",
|
|
59
|
+
"@storybook/addon-links": "^9.1.4",
|
|
60
|
+
"@storybook/addon-vitest": "^9.1.4",
|
|
61
|
+
"@storybook/vue3-vite": "^9.1.4",
|
|
61
62
|
"@tanstack/vue-virtual": "3.13.12",
|
|
62
63
|
"@types/jsdom": "^21.1.7",
|
|
63
64
|
"@types/lodash-es": "^4.17.12",
|
|
64
|
-
"@types/node": "^24.0
|
|
65
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
65
|
+
"@types/node": "^24.3.0",
|
|
66
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
66
67
|
"@vitest/browser": "3.2.4",
|
|
67
68
|
"@vitest/coverage-v8": "^3.2.4",
|
|
68
|
-
"@vue/compiler-sfc": "3.5.
|
|
69
|
+
"@vue/compiler-sfc": "3.5.21",
|
|
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.
|
|
73
|
+
"eslint": "^9.34.0",
|
|
74
|
+
"eslint-plugin-storybook": "^9.1.4",
|
|
74
75
|
"floating-vue": "5.2.2",
|
|
75
76
|
"glob": "^11.0.3",
|
|
76
77
|
"husky": "^9.1.7",
|
|
77
78
|
"iconify-icon": "^3.0.0",
|
|
78
79
|
"jsdom": "^26.1.0",
|
|
79
|
-
"lint-staged": "^16.1.
|
|
80
|
+
"lint-staged": "^16.1.6",
|
|
80
81
|
"lodash-es": "4.17.21",
|
|
81
82
|
"make-coverage-badge": "^1.2.0",
|
|
82
|
-
"playwright": "^1.
|
|
83
|
+
"playwright": "^1.55.0",
|
|
83
84
|
"postcss": "^8.5.6",
|
|
84
85
|
"prettier": "^3.6.2",
|
|
85
86
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
86
87
|
"resolve-tspaths": "^0.8.23",
|
|
87
88
|
"rimraf": "^6.0.1",
|
|
88
|
-
"sass": "^1.
|
|
89
|
+
"sass": "^1.92.0",
|
|
89
90
|
"semantic-release": "^24.2.7",
|
|
90
|
-
"storybook": "^9.
|
|
91
|
+
"storybook": "^9.1.4",
|
|
91
92
|
"svgo": "^4.0.0",
|
|
92
93
|
"tailwindcss": "^3.4.17",
|
|
93
94
|
"typescript": "5.8.3",
|
|
94
|
-
"vite": "^7.
|
|
95
|
+
"vite": "^7.1.4",
|
|
95
96
|
"vitest": "^3.2.4",
|
|
96
|
-
"vue": "3.5.
|
|
97
|
+
"vue": "3.5.21",
|
|
97
98
|
"vue-currency-input": "3.2.1",
|
|
98
99
|
"vue-router": "4.5.1",
|
|
99
100
|
"vue-toastification": "2.0.0-rc.5",
|
|
100
|
-
"vue-tsc": "3.0.
|
|
101
|
+
"vue-tsc": "3.0.6"
|
|
101
102
|
},
|
|
102
103
|
"dependencies": {
|
|
103
|
-
"tailwind-
|
|
104
|
+
"tailwind-merge": "^3.3.1",
|
|
105
|
+
"tailwind-variants": "^3.1.0"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import KeyboardPressEnterIcon from '@squirrel/assets/keyboard-press-enter.svg?inline';
|
|
2
|
+
import XIconWhite from '@squirrel/assets/x-icon-white.svg?inline';
|
|
3
3
|
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';
|
|
@@ -9,7 +9,7 @@ import { markRaw } from 'vue';
|
|
|
9
9
|
const actionBarActions = [
|
|
10
10
|
{
|
|
11
11
|
label: 'Upload',
|
|
12
|
-
icon: markRaw(
|
|
12
|
+
icon: markRaw(KeyboardPressEnterIcon),
|
|
13
13
|
name: 'upload',
|
|
14
14
|
},
|
|
15
15
|
{
|
|
@@ -23,12 +23,12 @@ const actionBarActions = [
|
|
|
23
23
|
{
|
|
24
24
|
label: 'Subaction 1',
|
|
25
25
|
name: 'subaction1',
|
|
26
|
-
icon: markRaw(
|
|
26
|
+
icon: markRaw(XIconWhite),
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
label: 'Subaction 2',
|
|
30
30
|
name: 'subaction2',
|
|
31
|
-
icon: markRaw(
|
|
31
|
+
icon: markRaw(KeyboardPressEnterIcon),
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
label: 'Subaction 3',
|
|
@@ -68,21 +68,48 @@ import PIcon from '@squirrel/components/p-icon/p-icon.vue';
|
|
|
68
68
|
import { isComponent } from '@squirrel/utils/component';
|
|
69
69
|
import { isString } from '@squirrel/utils/string';
|
|
70
70
|
|
|
71
|
+
/**
|
|
72
|
+
* A floating action bar component that displays at the bottom of the screen.
|
|
73
|
+
* Provides a teleported action bar with dismiss functionality and customizable actions.
|
|
74
|
+
* Supports both simple action buttons and dropdown menus with sub-actions.
|
|
75
|
+
*
|
|
76
|
+
* @displayName PActionBar
|
|
77
|
+
*/
|
|
71
78
|
defineOptions({
|
|
72
79
|
name: 'PActionBar',
|
|
73
80
|
inheritAttrs: false,
|
|
74
81
|
});
|
|
75
82
|
|
|
76
83
|
type Props = {
|
|
84
|
+
/**
|
|
85
|
+
* Controls visibility of the action bar.
|
|
86
|
+
* When true, the action bar is displayed at the bottom of the screen.
|
|
87
|
+
*/
|
|
77
88
|
show: boolean;
|
|
89
|
+
/**
|
|
90
|
+
* The main text displayed in the action bar.
|
|
91
|
+
* Provides context for the available actions.
|
|
92
|
+
*/
|
|
78
93
|
label: string;
|
|
94
|
+
/**
|
|
95
|
+
* Array of action objects to be rendered as buttons or dropdowns.
|
|
96
|
+
* Each action can have an icon, label, and optional sub-actions.
|
|
97
|
+
*/
|
|
79
98
|
actions: PActionBarAction[];
|
|
80
99
|
};
|
|
81
100
|
|
|
101
|
+
defineProps<Props>();
|
|
102
|
+
|
|
82
103
|
defineEmits<{
|
|
104
|
+
/**
|
|
105
|
+
* Emitted when the "Clear All" button is clicked.
|
|
106
|
+
* Used to dismiss the action bar and clear selections.
|
|
107
|
+
*/
|
|
83
108
|
'click:dismiss': [];
|
|
84
|
-
|
|
109
|
+
/**
|
|
110
|
+
* Emitted when an action or sub-action is clicked.
|
|
111
|
+
* @param {string} name - The name of the clicked action
|
|
112
|
+
*/
|
|
113
|
+
'click:action': [name: PActionBarAction['name']];
|
|
85
114
|
}>();
|
|
86
|
-
|
|
87
|
-
defineProps<Props>();
|
|
88
115
|
</script>
|
|
@@ -3,10 +3,10 @@ import { createWrapperFor } from '@tests/vitest.helpers';
|
|
|
3
3
|
|
|
4
4
|
describe('PAlert.vue', () => {
|
|
5
5
|
it.each([
|
|
6
|
-
['info', ['bg-info', 'text-on-info'], '
|
|
7
|
-
['warning', ['bg-warning', 'text-on-warning'], '
|
|
8
|
-
['error', ['bg-error', 'text-on-error'], '
|
|
9
|
-
['success', ['bg-success', 'text-on-success'], '
|
|
6
|
+
['info', ['bg-info', 'text-on-info'], 'material-symbols:info-outline'],
|
|
7
|
+
['warning', ['bg-warning', 'text-on-warning'], 'warning'],
|
|
8
|
+
['error', ['bg-error', 'text-on-error'], 'cancel-circle'],
|
|
9
|
+
['success', ['bg-success', 'text-on-success'], 'ok-circle'],
|
|
10
10
|
])('renders an alert of type %s', async (type, classes, iconName) => {
|
|
11
11
|
const wrapper = createWrapperFor(PAlert, { props: { type }, global: { stubs: { PIcon: true } } });
|
|
12
12
|
|
|
@@ -5,6 +5,13 @@ export default {
|
|
|
5
5
|
title: 'Components/PAlert',
|
|
6
6
|
component: PAlert,
|
|
7
7
|
tags: ['autodocs'],
|
|
8
|
+
render: (args) => ({
|
|
9
|
+
components: { PAlert },
|
|
10
|
+
setup() {
|
|
11
|
+
return { args };
|
|
12
|
+
},
|
|
13
|
+
template: `<PAlert v-bind="args">${args.default}</PAlert>`,
|
|
14
|
+
}),
|
|
8
15
|
argTypes: {
|
|
9
16
|
type: {
|
|
10
17
|
control: { type: 'select' },
|
|
@@ -22,16 +29,10 @@ export default {
|
|
|
22
29
|
};
|
|
23
30
|
|
|
24
31
|
export const Info = {
|
|
25
|
-
render: (args) => ({
|
|
26
|
-
components: { PAlert },
|
|
27
|
-
setup() {
|
|
28
|
-
return { args };
|
|
29
|
-
},
|
|
30
|
-
template: `<PAlert v-bind="args">${args.default}</PAlert>`,
|
|
31
|
-
}),
|
|
32
32
|
args: {
|
|
33
33
|
type: 'info',
|
|
34
|
-
default:
|
|
34
|
+
default:
|
|
35
|
+
'Your account has been updated with the latest security features.<br />Two-factor authentication is now enabled for enhanced protection.',
|
|
35
36
|
},
|
|
36
37
|
};
|
|
37
38
|
|
|
@@ -39,28 +40,33 @@ Info.play = async ({ canvasElement }) => {
|
|
|
39
40
|
const canvas = within(canvasElement);
|
|
40
41
|
const alertDiv = await canvas.getByRole('alert');
|
|
41
42
|
|
|
42
|
-
await expect(alertDiv.innerText).toBe(
|
|
43
|
-
|
|
43
|
+
await expect(alertDiv.innerText).toBe(
|
|
44
|
+
'Your account has been updated with the latest security features.\nTwo-factor authentication is now enabled for enhanced protection.'
|
|
45
|
+
);
|
|
46
|
+
await expect(alertDiv).toHaveClass('p-4 rounded-lg text-xs font-semibold bg-info text-on-info');
|
|
44
47
|
await expect(alertDiv).toHaveStyle('background-color: #e4edfa');
|
|
45
48
|
};
|
|
46
49
|
|
|
47
50
|
export const Success = {
|
|
48
51
|
args: {
|
|
49
|
-
...Info.args,
|
|
50
52
|
type: 'success',
|
|
53
|
+
default:
|
|
54
|
+
'Your profile has been successfully updated and changes are now live.<br />Other team members can now see your updated information.',
|
|
51
55
|
},
|
|
52
56
|
};
|
|
53
57
|
|
|
54
58
|
export const Warning = {
|
|
55
59
|
args: {
|
|
56
|
-
...Info.args,
|
|
57
60
|
type: 'warning',
|
|
61
|
+
default:
|
|
62
|
+
'You have unsaved changes that will be lost if you navigate away from this page.<br />Make sure to save your work before continuing.',
|
|
58
63
|
},
|
|
59
64
|
};
|
|
60
65
|
|
|
61
66
|
export const Error = {
|
|
62
67
|
args: {
|
|
63
|
-
...Info.args,
|
|
64
68
|
type: 'error',
|
|
69
|
+
default:
|
|
70
|
+
'Failed to save changes. Please check your internet connection and try again.<br />If the problem persists, contact support at help@pequity.com.',
|
|
65
71
|
},
|
|
66
72
|
};
|