@pequity/squirrel 1.0.29-beta.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/cjs/chunks/p-dropdown-select.js +1 -1
  2. package/dist/cjs/index.js +114 -9
  3. package/dist/cjs/p-action-bar.js +0 -2
  4. package/dist/cjs/p-loading.js +3 -3
  5. package/dist/es/chunks/p-dropdown-select.js +3 -3
  6. package/dist/es/index.js +155 -50
  7. package/dist/es/p-action-bar.js +1 -4
  8. package/dist/es/p-dropdown-select.js +1 -1
  9. package/dist/es/p-loading.js +3 -3
  10. package/dist/squirrel/components/index.d.ts +2 -1
  11. package/dist/squirrel/components/p-action-bar/p-action-bar.types.d.ts +10 -0
  12. package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +21 -33
  13. package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +1 -1
  14. package/dist/squirrel/index.d.ts +1 -1
  15. package/dist/style.css +52 -56
  16. package/package.json +26 -26
  17. package/squirrel/components/index.ts +2 -0
  18. package/squirrel/components/p-action-bar/p-action-bar.spec.js +60 -3
  19. package/squirrel/components/p-action-bar/p-action-bar.stories.js +17 -0
  20. package/squirrel/components/p-action-bar/p-action-bar.types.ts +10 -0
  21. package/squirrel/components/p-action-bar/p-action-bar.vue +50 -24
  22. package/squirrel/components/p-loading/p-loading.vue +1 -1
  23. package/dist/cjs/chunks/p-action-bar.js +0 -60
  24. package/dist/es/chunks/p-action-bar.js +0 -61
package/dist/style.css CHANGED
@@ -1,14 +1,48 @@
1
1
 
2
+ .shadow-inner-toggle[data-v-3a6de4eb]::after {
3
+ box-shadow:
4
+ rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
5
+ rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
6
+ }
7
+ .td-shadow-right[data-v-09e6d191] {
8
+ box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
9
+ clip-path: inset(0px -12px 0px 0px);
10
+ }
11
+ .td-shadow-left[data-v-09e6d191] {
12
+ box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
13
+ clip-path: inset(0px 0px 0px -12px);
14
+ }
15
+ .td-col-fixed-border-b[data-v-09e6d191]::after {
16
+ position: absolute;
17
+ bottom: 0px;
18
+ left: 0px;
19
+ height: 1px;
20
+ width: 100%;
21
+ background-color: var(--color-p-gray-30);
22
+ --tw-content: "";
23
+ content: var(--tw-content);
24
+ }.filter[data-v-cbac2434] {
25
+ 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;
26
+ }
27
+ .filter[data-v-cbac2434]:hover {
28
+ 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;
29
+ }
30
+ .filter.active[data-v-cbac2434] {
31
+ 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.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3c/svg%3e") no-repeat;
32
+ }
33
+ .filter.active[data-v-cbac2434]:hover {
34
+ 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.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3c/svg%3e") no-repeat;
35
+ }
36
+ .bg-cross[data-v-cb511035] {
37
+ 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");
38
+ }
39
+
2
40
  .x-black-icon[data-v-f61993bb] {
3
41
  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
42
  }
5
43
  .x-white-icon[data-v-f61993bb] {
6
44
  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
45
  }
8
-
9
- .bg-cross[data-v-cb511035] {
10
- 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");
11
- }
12
46
  .drawer[data-v-f474eec2] {
13
47
  position: fixed;
14
48
  bottom: 0px;
@@ -255,7 +289,11 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
255
289
  border-color: var(--color-p-gray-30);
256
290
 
257
291
  opacity: 1
258
- }.icon.clear[data-v-7a1e1e82] {
292
+ }
293
+ .bg-info-circle-icon[data-v-189b159e] {
294
+ 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%20clip-path='url(%23clip0_4002_33291)'%3e%3cpath%20d='M0.5%206C0.5%207.45869%201.07946%208.85764%202.11091%209.88909C3.14236%2010.9205%204.54131%2011.5%206%2011.5C7.45869%2011.5%208.85764%2010.9205%209.88909%209.88909C10.9205%208.85764%2011.5%207.45869%2011.5%206C11.5%204.54131%2010.9205%203.14236%209.88909%202.11091C8.85764%201.07946%207.45869%200.5%206%200.5C4.54131%200.5%203.14236%201.07946%202.11091%202.11091C1.07946%203.14236%200.5%204.54131%200.5%206Z'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3cpath%20d='M6.5%203.5H5.5V2.5H6.5V3.5Z'%20fill='%231A123B'/%3e%3cpath%20d='M4.5%205H6V9M4.5%208.5H7.5'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4002_33291'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
295
+ }
296
+ .icon.clear[data-v-7a1e1e82] {
259
297
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1634_880)'%3e%3cpath%20d='M16%208C16%206.41775%2015.5308%204.87104%2014.6518%203.55544C13.7727%202.23985%2012.5233%201.21447%2011.0615%200.608967C9.59966%200.00346629%207.99113%20-0.15496%206.43928%200.153721C4.88743%200.462403%203.46197%201.22433%202.34315%202.34315C1.22433%203.46197%200.462403%204.88743%200.153721%206.43928C-0.15496%207.99113%200.00346629%209.59966%200.608967%2011.0615C1.21447%2012.5233%202.23985%2013.7727%203.55544%2014.6518C4.87104%2015.5308%206.41775%2016%208%2016C10.1217%2016%2012.1566%2015.1571%2013.6569%2013.6569C15.1571%2012.1566%2016%2010.1217%2016%208ZM11.14%2010.1867C11.2642%2010.3116%2011.3339%2010.4805%2011.3339%2010.6567C11.3339%2010.8328%2011.2642%2011.0018%2011.14%2011.1267C11.078%2011.1892%2011.0043%2011.2388%2010.9231%2011.2726C10.8418%2011.3064%2010.7547%2011.3239%2010.6667%2011.3239C10.5787%2011.3239%2010.4915%2011.3064%2010.4103%2011.2726C10.329%2011.2388%2010.2553%2011.1892%2010.1933%2011.1267L8.12%209.05334C8.08809%209.02429%208.04649%209.0082%208.00334%209.0082C7.96019%209.0082%207.91858%209.02429%207.88667%209.05334L5.81334%2011.1267C5.6858%2011.2359%205.52175%2011.293%205.35397%2011.2865C5.18618%2011.28%205.02702%2011.2104%204.90829%2011.0917C4.78957%2010.973%204.72001%2010.8138%204.71353%2010.646C4.70705%2010.4783%204.76412%2010.3142%204.87334%2010.1867L6.94667%208.11334C6.97572%208.08142%206.99181%208.03982%206.99181%207.99667C6.99181%207.95352%206.97572%207.91192%206.94667%207.88L4.87334%205.80667C4.81085%205.7447%204.76126%205.67096%204.72741%205.58972C4.69356%205.50848%204.67614%205.42135%204.67614%205.33334C4.67614%205.24533%204.69356%205.15819%204.72741%205.07695C4.76126%204.99571%204.81085%204.92198%204.87334%204.86C4.99825%204.73584%205.16721%204.66614%205.34334%204.66614C5.51946%204.66614%205.68843%204.73584%205.81334%204.86L7.88667%206.93334C7.90163%206.94928%207.91971%206.96199%207.93977%206.97068C7.95984%206.97936%207.98147%206.98384%208.00334%206.98384C8.0252%206.98384%208.04684%206.97936%208.0669%206.97068C8.08697%206.96199%208.10504%206.94928%208.12%206.93334L10.1933%204.86C10.2555%204.79784%2010.3293%204.74854%2010.4105%204.7149C10.4917%204.68126%2010.5788%204.66394%2010.6667%204.66394C10.7546%204.66394%2010.8416%204.68126%2010.9228%204.7149C11.0041%204.74854%2011.0778%204.79784%2011.14%204.86C11.2022%204.92216%2011.2515%204.99596%2011.2851%205.07717C11.3188%205.15839%2011.3361%205.24543%2011.3361%205.33334C11.3361%205.42124%2011.3188%205.50829%2011.2851%205.5895C11.2515%205.67072%2011.2022%205.74451%2011.14%205.80667L9.06667%207.88C9.05073%207.89497%209.03802%207.91304%209.02933%207.93311C9.02065%207.95317%209.01616%207.97481%209.01616%207.99667C9.01616%208.01854%209.02065%208.04017%209.02933%208.06024C9.03802%208.0803%209.05073%208.09837%209.06667%208.11334L11.14%2010.1867Z'%20fill='%23A0AEC0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1634_880'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
260
298
  background-position: center center;
261
299
  transition: background-image 0.4s;
@@ -331,27 +369,12 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
331
369
  height: 1.5rem;
332
370
  right: 2.5rem;
333
371
  bottom: 0.75rem;
334
- }.filter[data-v-cbac2434] {
335
- 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;
336
- }
337
- .filter[data-v-cbac2434]:hover {
338
- 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;
339
- }
340
- .filter.active[data-v-cbac2434] {
341
- 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.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3c/svg%3e") no-repeat;
342
- }
343
- .filter.active[data-v-cbac2434]:hover {
344
- 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.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%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='%230F45AF'/%3e%3c/svg%3e") no-repeat;
345
- }
346
- .bg-info-circle-icon[data-v-189b159e] {
347
- 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%20clip-path='url(%23clip0_4002_33291)'%3e%3cpath%20d='M0.5%206C0.5%207.45869%201.07946%208.85764%202.11091%209.88909C3.14236%2010.9205%204.54131%2011.5%206%2011.5C7.45869%2011.5%208.85764%2010.9205%209.88909%209.88909C10.9205%208.85764%2011.5%207.45869%2011.5%206C11.5%204.54131%2010.9205%203.14236%209.88909%202.11091C8.85764%201.07946%207.45869%200.5%206%200.5C4.54131%200.5%203.14236%201.07946%202.11091%202.11091C1.07946%203.14236%200.5%204.54131%200.5%206Z'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3cpath%20d='M6.5%203.5H5.5V2.5H6.5V3.5Z'%20fill='%231A123B'/%3e%3cpath%20d='M4.5%205H6V9M4.5%208.5H7.5'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4002_33291'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
348
- }
349
- .fadeInDown[data-v-3a800f21] {
372
+ }.fadeInDown[data-v-122d5e30] {
350
373
  animation-duration: 0.4s;
351
374
  animation-fill-mode: both;
352
- animation-name: fadeInDown-3a800f21;
375
+ animation-name: fadeInDown-122d5e30;
353
376
  }
354
- @keyframes fadeInDown-3a800f21 {
377
+ @keyframes fadeInDown-122d5e30 {
355
378
  0% {
356
379
  opacity: 0;
357
380
  transform: translate3d(0, -100%, 0);
@@ -361,12 +384,12 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
361
384
  transform: none;
362
385
  }
363
386
  }
364
- .fadeOutUp[data-v-3a800f21] {
387
+ .fadeOutUp[data-v-122d5e30] {
365
388
  animation-duration: 0.25s;
366
389
  animation-fill-mode: both;
367
- animation-name: fadeOutUp-3a800f21;
390
+ animation-name: fadeOutUp-122d5e30;
368
391
  }
369
- @keyframes fadeOutUp-3a800f21 {
392
+ @keyframes fadeOutUp-122d5e30 {
370
393
  0% {
371
394
  opacity: 1;
372
395
  }
@@ -443,32 +466,7 @@ to {
443
466
  100% {
444
467
  transform: translateX(100%);
445
468
  }
446
- }.td-shadow-right[data-v-09e6d191] {
447
- box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
448
- -webkit-clip-path: inset(0px -12px 0px 0px);
449
- clip-path: inset(0px -12px 0px 0px);
450
- }
451
- .td-shadow-left[data-v-09e6d191] {
452
- box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
453
- -webkit-clip-path: inset(0px 0px 0px -12px);
454
- clip-path: inset(0px 0px 0px -12px);
455
- }
456
- .td-col-fixed-border-b[data-v-09e6d191]::after {
457
- position: absolute;
458
- bottom: 0px;
459
- left: 0px;
460
- height: 1px;
461
- width: 100%;
462
- background-color: var(--color-p-gray-30);
463
- --tw-content: "";
464
- content: var(--tw-content);
465
- }
466
- .shadow-inner-toggle[data-v-3a6de4eb]::after {
467
- box-shadow:
468
- rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
469
- rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
470
- }
471
- .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 {
469
+ }.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 {
472
470
  z-index: 9999;
473
471
  position: fixed;
474
472
  padding: 4px;
@@ -2112,8 +2110,7 @@ to {
2112
2110
  }
2113
2111
  .p-table.first-col-fixed th:first-child .th-shadow[data-v-6b61498d] {
2114
2112
  box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
2115
- -webkit-clip-path: inset(0px -12px 0px 0px);
2116
- clip-path: inset(0px -12px 0px 0px);
2113
+ clip-path: inset(0px -12px 0px 0px);
2117
2114
  }
2118
2115
  .p-table.last-col-fixed th[data-v-6b61498d]:last-child {
2119
2116
  right: 0px;
@@ -2121,6 +2118,5 @@ to {
2121
2118
  }
2122
2119
  .p-table.last-col-fixed th:last-child .th-shadow[data-v-6b61498d] {
2123
2120
  box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
2124
- -webkit-clip-path: inset(0px 0px 0px -12px);
2125
- clip-path: inset(0px 0px 0px -12px);
2121
+ clip-path: inset(0px 0px 0px -12px);
2126
2122
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pequity/squirrel",
3
3
  "description": "Squirrel component library",
4
- "version": "1.0.29-beta.1",
4
+ "version": "1.2.3",
5
5
  "packageManager": "pnpm@8.9.2",
6
6
  "type": "module",
7
7
  "scripts": {
@@ -50,32 +50,32 @@
50
50
  "vue-toastification": "^2.0.0-rc.5"
51
51
  },
52
52
  "devDependencies": {
53
- "@babel/core": "^7.24.5",
54
- "@babel/preset-env": "^7.24.5",
53
+ "@babel/core": "^7.24.6",
54
+ "@babel/preset-env": "^7.24.6",
55
55
  "@commitlint/cli": "^19.3.0",
56
56
  "@commitlint/config-conventional": "^19.2.2",
57
- "@pequity/eslint-config": "^0.0.12",
57
+ "@pequity/eslint-config": "^0.0.13",
58
58
  "@popperjs/core": "2.11.8",
59
59
  "@semantic-release/changelog": "^6.0.3",
60
60
  "@semantic-release/git": "^10.0.1",
61
- "@storybook/addon-a11y": "^8.0.10",
62
- "@storybook/addon-actions": "^8.0.10",
63
- "@storybook/addon-essentials": "^8.0.10",
64
- "@storybook/addon-interactions": "^8.0.10",
65
- "@storybook/addon-links": "^8.0.10",
66
- "@storybook/blocks": "^8.0.10",
61
+ "@storybook/addon-a11y": "^8.1.4",
62
+ "@storybook/addon-actions": "^8.1.4",
63
+ "@storybook/addon-essentials": "^8.1.4",
64
+ "@storybook/addon-interactions": "^8.1.4",
65
+ "@storybook/addon-links": "^8.1.4",
66
+ "@storybook/blocks": "^8.1.4",
67
67
  "@storybook/jest": "^0.2.3",
68
- "@storybook/manager-api": "^8.0.10",
69
- "@storybook/test-runner": "^0.18.0",
68
+ "@storybook/manager-api": "^8.1.4",
69
+ "@storybook/test-runner": "^0.18.1",
70
70
  "@storybook/testing-library": "^0.2.2",
71
- "@storybook/theming": "^8.0.10",
72
- "@storybook/vue3": "^8.0.10",
73
- "@storybook/vue3-vite": "^8.0.10",
74
- "@tanstack/vue-virtual": "3.4.0",
71
+ "@storybook/theming": "^8.1.4",
72
+ "@storybook/vue3": "^8.1.4",
73
+ "@storybook/vue3-vite": "^8.1.4",
74
+ "@tanstack/vue-virtual": "3.5.0",
75
75
  "@types/jest": "^29.5.12",
76
76
  "@types/jsdom": "^21.1.6",
77
77
  "@types/lodash-es": "^4.17.12",
78
- "@types/node": "^20.12.11",
78
+ "@types/node": "^20.12.12",
79
79
  "@vitejs/plugin-vue": "^5.0.4",
80
80
  "@vue/compiler-sfc": "3.4.27",
81
81
  "@vue/test-utils": "^2.4.6",
@@ -86,31 +86,31 @@
86
86
  "eslint": "^8.57.0",
87
87
  "eslint-plugin-storybook": "^0.8.0",
88
88
  "floating-vue": "5.2.2",
89
- "glob": "^10.3.14",
89
+ "glob": "^10.4.1",
90
90
  "husky": "^9.0.11",
91
91
  "jest": "^29.7.0",
92
92
  "jest-environment-jsdom": "^29.7.0",
93
- "lint-staged": "^15.2.2",
93
+ "lint-staged": "^15.2.5",
94
94
  "lodash-es": "4.17.21",
95
95
  "make-coverage-badge": "^1.2.0",
96
96
  "postcss": "^8.4.38",
97
97
  "prettier": "^3.2.5",
98
98
  "prettier-plugin-tailwindcss": "^0.5.14",
99
- "resolve-tspaths": "^0.8.18",
100
- "rimraf": "^5.0.5",
101
- "sass": "^1.77.0",
99
+ "resolve-tspaths": "^0.8.19",
100
+ "rimraf": "^5.0.7",
101
+ "sass": "^1.77.2",
102
102
  "semantic-release": "^23.1.1",
103
- "storybook": "^8.0.10",
103
+ "storybook": "^8.1.4",
104
104
  "svgo": "^3.3.2",
105
105
  "tailwindcss": "^3.4.3",
106
- "ts-jest": "^29.1.2",
106
+ "ts-jest": "^29.1.4",
107
107
  "typescript": "5.4.5",
108
108
  "v-calendar": "3.1.2",
109
- "vite": "^5.2.11",
109
+ "vite": "^5.2.12",
110
110
  "vue": "3.4.27",
111
111
  "vue-currency-input": "3.1.0",
112
112
  "vue-router": "4.3.2",
113
113
  "vue-toastification": "2.0.0-rc.5",
114
- "vue-tsc": "2.0.14"
114
+ "vue-tsc": "2.0.19"
115
115
  }
116
116
  }
package/squirrel/components/index.ts CHANGED
@@ -48,6 +48,7 @@ import {
48
48
  isFirstColFixedInjectionKey,
49
49
  isLastColFixedInjectionKey,
50
50
  } from '@squirrel/components/p-table/p-table.types';
51
+ import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
51
52
  import {
52
53
  SORTING_TYPES,
53
54
  type SortingType,
@@ -62,6 +63,7 @@ import { useSelectList } from '@squirrel/components/p-select-list/useSelectList'
62
63
 
63
64
  export {
64
65
  PActionBar,
66
+ PActionBarAction,
65
67
  PAlert,
66
68
  PAvatar,
67
69
  PBtn,
package/squirrel/components/p-action-bar/p-action-bar.spec.js CHANGED
@@ -1,10 +1,49 @@
1
1
  import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
2
2
  import { createWrapperFor } from '@tests/jest.helpers';
3
3
 
4
+ const createPDropdownStub = () => {
5
+ return {
6
+ name: 'PDropdownStub',
7
+ template: `
8
+ <div class="pdropdown-stub">
9
+ <slot></slot>
10
+ <div v-if="show" class="pdropdown-stub-popper">
11
+ <slot name="popper"></slot>
12
+ </div>
13
+ </div>`,
14
+ data() {
15
+ return {
16
+ show: false,
17
+ };
18
+ },
19
+ methods: {
20
+ toggleShow() {
21
+ this.show = !this.show;
22
+ },
23
+ },
24
+ async mounted() {
25
+ const btn = this.$el.querySelector('button');
26
+
27
+ btn.addEventListener('click', this.toggleShow);
28
+ },
29
+ beforeUnmount() {
30
+ const btn = this.$el.querySelector('button');
31
+
32
+ btn.removeEventListener('click', this.toggleShow);
33
+ },
34
+ };
35
+ };
36
+
4
37
  describe('PActionBar.vue', () => {
5
38
  it('renders correctly', async () => {
6
39
  const wrapper = createWrapperFor(PActionBar, {
7
- props: { label: 'Hello World', actions: [{ label: 'Say Hi', name: 'greet' }] },
40
+ props: {
41
+ label: 'Hello World',
42
+ actions: [
43
+ { label: 'Say Hi', name: 'greet' },
44
+ { label: 'Action menu', subActions: [{ label: 'Say Bye', name: 'bye' }] },
45
+ ],
46
+ },
8
47
  });
9
48
 
10
49
  const mainDiv = await wrapper.find('div.fixed');
@@ -70,13 +109,31 @@ describe('PActionBar.vue', () => {
70
109
 
71
110
  it('emits a click:action event with the correct name', async () => {
72
111
  const wrapper = createWrapperFor(PActionBar, {
73
- props: { label: 'Hello World', actions: [{ label: 'Say Hi', name: 'greet' }] },
112
+ props: {
113
+ label: 'Hello World',
114
+ actions: [
115
+ { label: 'Say Hi', name: 'greet' },
116
+ { label: 'Action menu', subActions: [{ label: 'Say Bye', name: 'bye' }] },
117
+ ],
118
+ },
119
+ global: {
120
+ stubs: {
121
+ PDropdown: createPDropdownStub(),
122
+ },
123
+ },
74
124
  });
75
125
 
76
126
  const button = await wrapper.findByText('Say Hi', 'button');
77
-
78
127
  await button.trigger('click');
79
128
 
80
129
  expect(wrapper.emitted()['click:action'][0]).toEqual(['greet']);
130
+
131
+ const actionMenu = await wrapper.findByText('Action menu', 'button');
132
+ await actionMenu.trigger('click');
133
+
134
+ const subAction = await wrapper.findByText('Say Bye', 'button');
135
+ await subAction.trigger('click');
136
+
137
+ expect(wrapper.emitted()['click:action'][1]).toEqual(['bye']);
81
138
  });
82
139
  });
package/squirrel/components/p-action-bar/p-action-bar.stories.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import FileUploadIcon from '@squirrel/assets/file-upload-upload-icon.svg?inline';
2
2
  import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
3
+ import PaginateLeftIcon from '@squirrel/assets/pagination-left-icon.svg?inline';
4
+ import PaginateRightIcon from '@squirrel/assets/pagination-right-icon.svg?inline';
3
5
  import { action } from '@storybook/addon-actions';
4
6
  import { shallowRef } from 'vue';
5
7
 
@@ -39,6 +41,21 @@ export const Default = {
39
41
  label: 'Say Hi',
40
42
  name: 'greet',
41
43
  },
44
+ {
45
+ label: 'Action Menu',
46
+ subActions: [
47
+ {
48
+ label: 'Subaction 1',
49
+ name: 'subaction1',
50
+ icon: shallowRef(PaginateLeftIcon),
51
+ },
52
+ {
53
+ label: 'Subaction 2',
54
+ name: 'subaction2',
55
+ icon: shallowRef(PaginateRightIcon),
56
+ },
57
+ ],
58
+ },
42
59
  ],
43
60
  },
44
61
  };
package/squirrel/components/p-action-bar/p-action-bar.types.ts ADDED
@@ -0,0 +1,10 @@
1
+ export type PActionBarAction = {
2
+ name?: string;
3
+ label: string;
4
+ icon?: string;
5
+ subActions?: {
6
+ name: string;
7
+ label: string;
8
+ icon?: string;
9
+ }[];
10
+ };
package/squirrel/components/p-action-bar/p-action-bar.vue CHANGED
@@ -7,18 +7,44 @@
7
7
  <p class="px-3">{{ label }}</p>
8
8
  <div class="mx-4 h-9 w-0.5 rounded bg-p-purple-50"></div>
9
9
  <div class="flex">
10
- <PBtn
11
- v-for="action in actions"
12
- :key="`action-${action.name}`"
13
- size="sm"
14
- type="secondary-ghost-dark"
15
- @click="$emit('click:action', action.name)"
16
- >
17
- <div class="flex items-center gap-2 px-1 py-0.5">
18
- <Component :is="action.icon" v-if="action.icon" class="h-4 w-4" />
19
- <div>{{ action.label }}</div>
20
- </div>
21
- </PBtn>
10
+ <template v-for="actionOrMenu in actions" :key="`action-${actionOrMenu.label}`">
11
+ <PBtn
12
+ v-if="!actionOrMenu.subActions"
13
+ size="sm"
14
+ type="secondary-ghost-dark"
15
+ @click="$emit('click:action', actionOrMenu.name)"
16
+ >
17
+ <div class="flex items-center gap-2 px-1 py-0.5">
18
+ <Component :is="actionOrMenu.icon" v-if="actionOrMenu.icon" class="h-4 w-4" />
19
+ <div>{{ actionOrMenu.label }}</div>
20
+ </div>
21
+ </PBtn>
22
+ <PDropdown v-else placement="top" strategy="fixed">
23
+ <PBtn size="sm" type="secondary-ghost-dark">
24
+ <div class="flex items-center gap-2 px-1 py-0.5">
25
+ <Component :is="actionOrMenu.icon" v-if="actionOrMenu.icon" class="h-4 w-4" />
26
+ <div>{{ actionOrMenu.label }}</div>
27
+ </div>
28
+ </PBtn>
29
+ <template #popper>
30
+ <div class="flex flex-col bg-p-purple-60">
31
+ <div v-for="subaction in actionOrMenu.subActions" :key="`subaction-${subaction.name}`">
32
+ <PBtn
33
+ size="sm"
34
+ class="w-full"
35
+ type="secondary-ghost-dark"
36
+ @click="$emit('click:action', subaction.name)"
37
+ >
38
+ <div class="flex items-center gap-2 px-1 py-0.5">
39
+ <Component :is="subaction.icon" v-if="subaction.icon" class="h-4 w-4" />
40
+ <div>{{ subaction.label }}</div>
41
+ </div>
42
+ </PBtn>
43
+ </div>
44
+ </div>
45
+ </template>
46
+ </PDropdown>
47
+ </template>
22
48
  </div>
23
49
  </div>
24
50
  </template>
@@ -26,18 +52,18 @@
26
52
  <script setup lang="ts">
27
53
  import PBtn from '@squirrel/components/p-btn/p-btn.vue';
28
54
  import PCloseBtn from '@squirrel/components/p-close-btn/p-close-btn.vue';
29
- import { type PropType } from 'vue';
55
+ import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
56
+ import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
30
57
 
31
- defineEmits(['click:dismiss', 'click:action']);
58
+ type Props = {
59
+ label: string;
60
+ actions: PActionBarAction[];
61
+ };
32
62
 
33
- defineProps({
34
- label: {
35
- type: String,
36
- required: true,
37
- },
38
- actions: {
39
- type: Array as PropType<{ name: string; label: string; icon?: string }[]>,
40
- required: true,
41
- },
42
- });
63
+ defineEmits<{
64
+ (e: 'click:dismiss'): void;
65
+ (e: 'click:action', value: PActionBarAction['name']): void;
66
+ }>();
67
+
68
+ defineProps<Props>();
43
69
  </script>
package/squirrel/components/p-loading/p-loading.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <Transition name="pm-backdrop-transition" enter-active-class="fadeInDown" leave-active-class="fadeOutUp">
3
3
  <div v-if="show" class="fixed left-0 top-0 z-[120] flex w-full justify-center" aria-live="polite" aria-busy="true">
4
4
  <div
5
- class="bg-blue-10 h-8 rounded-b border-x border-b border-p-gray-30 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow"
5
+ class="h-8 rounded-b border-x border-b border-p-gray-30 bg-p-blue-10 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow-sm"
6
6
  >
7
7
  Loading...
8
8
  </div>
package/dist/cjs/chunks/p-action-bar.js DELETED
@@ -1,60 +0,0 @@
1
- "use strict";
2
- const vue = require("vue");
3
- const pBtn = require("../p-btn.js");
4
- const pCloseBtn = require("../p-close-btn.js");
5
- const _hoisted_1 = {
6
- class: "fixed bottom-6 left-1/2 flex h-12 -translate-x-1/2 select-none flex-row items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white",
7
- role: "alertdialog"
8
- };
9
- const _hoisted_2 = { class: "px-3" };
10
- const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 rounded bg-p-purple-50" }, null, -1);
11
- const _hoisted_4 = { class: "flex" };
12
- const _hoisted_5 = { class: "flex items-center gap-2 px-1 py-0.5" };
13
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
- __name: "p-action-bar",
15
- props: {
16
- label: {
17
- type: String,
18
- required: true
19
- },
20
- actions: {
21
- type: Array,
22
- required: true
23
- }
24
- },
25
- emits: ["click:dismiss", "click:action"],
26
- setup(__props) {
27
- return (_ctx, _cache) => {
28
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
29
- vue.createVNode(pCloseBtn, {
30
- variant: "dark",
31
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
32
- }),
33
- vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.label), 1),
34
- _hoisted_3,
35
- vue.createElementVNode("div", _hoisted_4, [
36
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actions, (action) => {
37
- return vue.openBlock(), vue.createBlock(pBtn, {
38
- key: `action-${action.name}`,
39
- size: "sm",
40
- type: "secondary-ghost-dark",
41
- onClick: ($event) => _ctx.$emit("click:action", action.name)
42
- }, {
43
- default: vue.withCtx(() => [
44
- vue.createElementVNode("div", _hoisted_5, [
45
- action.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.icon), {
46
- key: 0,
47
- class: "h-4 w-4"
48
- })) : vue.createCommentVNode("", true),
49
- vue.createElementVNode("div", null, vue.toDisplayString(action.label), 1)
50
- ])
51
- ]),
52
- _: 2
53
- }, 1032, ["onClick"]);
54
- }), 128))
55
- ])
56
- ]);
57
- };
58
- }
59
- });
60
- exports._sfc_main = _sfc_main;