@paperless/core 2.0.1-beta.117 → 2.0.1-beta.119
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/CHANGELOG.md +19 -0
- package/dist/build/index.esm.js +1 -1
- package/dist/build/{p-8981247d.entry.js → p-347b3ec3.entry.js} +2 -2
- package/dist/build/{p-cc3307b8.entry.js → p-3bd5d63a.entry.js} +2 -2
- package/dist/build/{p-cfd2e444.entry.js → p-4afd0801.entry.js} +2 -2
- package/dist/build/p-4afd0801.entry.js.map +1 -0
- package/dist/build/p-561cd302.entry.js +2 -0
- package/dist/build/p-561cd302.entry.js.map +1 -0
- package/dist/build/p-56a401d7.entry.js +2 -0
- package/dist/{paperless/p-8ca737d7.entry.js → build/p-6230b6da.entry.js} +2 -2
- package/dist/build/{p-2edd87f3.entry.js → p-79ed922f.entry.js} +2 -2
- package/dist/build/p-BCrdDF_Y.js +2 -0
- package/dist/build/p-BCrdDF_Y.js.map +1 -0
- package/dist/{paperless/p-26a3990a.entry.js → build/p-ad08592e.entry.js} +2 -2
- package/dist/build/{p-aec29ee9.entry.js → p-aec4f685.entry.js} +2 -2
- package/dist/{paperless/p-e2054751.entry.js → build/p-b0fc8bea.entry.js} +2 -2
- package/dist/build/p-b13d6a2c.entry.js +2 -0
- package/dist/build/p-b13d6a2c.entry.js.map +1 -0
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/{p-87981fef.entry.js → p-d6adac97.entry.js} +2 -2
- package/dist/build/p-d6adac97.entry.js.map +1 -0
- package/dist/build/{p-05db72d0.entry.js → p-ddad483b.entry.js} +2 -2
- package/dist/build/p-e0156f45.entry.js +2 -0
- package/dist/build/p-e0156f45.entry.js.map +1 -0
- package/dist/build/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/build/{p-9c506843.js → p-f6c20d26.js} +1 -1
- package/dist/build/p-fc920176.entry.js +2 -0
- package/dist/build/p-fc920176.entry.js.map +1 -0
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-info-panel.entry.esm.js.map +1 -1
- package/dist/build/p-select.entry.esm.js.map +1 -1
- package/dist/build/p-tab-item.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +5 -5
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-empty-state_9.cjs.entry.js +10 -10
- package/dist/cjs/p-empty-state_9.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +10 -7
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.entry.cjs.js.map +1 -1
- package/dist/cjs/p-label.cjs.entry.js +3 -3
- package/dist/cjs/p-listing.cjs.entry.js +1 -1
- package/dist/cjs/p-navbar.cjs.entry.js +1 -1
- package/dist/cjs/p-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
- package/dist/cjs/p-pagination_3.cjs.entry.js +4 -4
- package/dist/cjs/p-select.cjs.entry.js +10 -13
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-tab-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-table.cjs.entry.js +1 -1
- package/dist/cjs/p-toast.cjs.entry.js +1 -1
- package/dist/cjs/{table-helpers-DBfAAEos.js → table-helpers-Bne0_01e.js} +5 -3
- package/dist/cjs/table-helpers-Bne0_01e.js.map +1 -0
- package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.css +1 -1
- package/dist/collection/components/atoms/tab/item/tab-item.component.css +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +5 -5
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -1
- package/dist/collection/components/molecules/empty-state/empty-state.component.js +2 -2
- package/dist/collection/components/molecules/field/field/field.component.js +11 -8
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/collection/components/molecules/label/label.component.js +3 -3
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +2 -2
- package/dist/collection/components/molecules/navigation/section/navigation-section.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +3 -3
- package/dist/collection/components/molecules/select/select.component.js +10 -13
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +2 -2
- package/dist/collection/components/molecules/table/cell/table-cell.component.js.map +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
- package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/collection/components/organisms/stepper/stepper.component.js +1 -1
- package/dist/collection/utils/table-helpers.js +3 -1
- package/dist/collection/utils/table-helpers.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-ExfyVPT0.js → p-B76UdgcV.js} +12 -9
- package/dist/components/p-B76UdgcV.js.map +1 -0
- package/dist/components/{p-Cs06wZSM.js → p-BACiQ58-.js} +3 -3
- package/dist/components/p-BACiQ58-.js.map +1 -0
- package/dist/components/{p-Dn38WwJ_.js → p-BUszMY5r.js} +8 -8
- package/dist/components/{p-Dn38WwJ_.js.map → p-BUszMY5r.js.map} +1 -1
- package/dist/components/{p-Bw6TWc-_.js → p-CMqT3d_m.js} +8 -8
- package/dist/components/{p-Bw6TWc-_.js.map → p-CMqT3d_m.js.map} +1 -1
- package/dist/components/{p-BtG4QBr6.js → p-CxhSYJBZ.js} +4 -4
- package/dist/components/p-CxhSYJBZ.js.map +1 -0
- package/dist/components/{p-YYQ927T-.js → p-D6XuZ7WA.js} +7 -7
- package/dist/components/p-D6XuZ7WA.js.map +1 -0
- package/dist/components/{p-C5yz-mQE.js → p-DXE1CCit.js} +3 -3
- package/dist/components/{p-C5yz-mQE.js.map → p-DXE1CCit.js.map} +1 -1
- package/dist/components/{p-BFKshVEl.js → p-Ds9vCh4D.js} +5 -3
- package/dist/components/p-Ds9vCh4D.js.map +1 -0
- package/dist/components/{p-CBxUj1bt.js → p-DxtE5ZXb.js} +3 -3
- package/dist/components/{p-CBxUj1bt.js.map → p-DxtE5ZXb.js.map} +1 -1
- package/dist/components/{p-Bb8uyInh.js → p-DyXjCQd1.js} +5 -5
- package/dist/components/{p-Bb8uyInh.js.map → p-DyXjCQd1.js.map} +1 -1
- package/dist/components/{p-Cw7TZ18X.js → p-K_ChWG7S.js} +4 -4
- package/dist/components/{p-Cw7TZ18X.js.map → p-K_ChWG7S.js.map} +1 -1
- package/dist/components/{p-BFXs5OQx.js → p-UP0QWP4I.js} +3 -3
- package/dist/components/{p-BFXs5OQx.js.map → p-UP0QWP4I.js.map} +1 -1
- package/dist/components/p-datepicker.js +2 -2
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-floating-menu-item.js +1 -1
- package/dist/components/p-info-panel.js +1 -1
- package/dist/components/p-info-panel.js.map +1 -1
- package/dist/components/p-label.js +3 -3
- package/dist/components/p-listing.js +1 -1
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-navigation-item.js +2 -2
- package/dist/components/p-navigation-section.js +1 -1
- package/dist/components/p-pagination-pages.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +12 -15
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/p-stepper.js +1 -1
- package/dist/components/p-tab-item.js +1 -1
- package/dist/components/p-tab-item.js.map +1 -1
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +12 -12
- package/dist/components/p-toast.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +5 -5
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.js.map +1 -1
- package/dist/esm/p-empty-state_9.entry.js +10 -10
- package/dist/esm/p-empty-state_9.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +10 -7
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-info-panel.entry.js +1 -1
- package/dist/esm/p-info-panel.entry.js.map +1 -1
- package/dist/esm/p-label.entry.js +3 -3
- package/dist/esm/p-listing.entry.js +1 -1
- package/dist/esm/p-navbar.entry.js +1 -1
- package/dist/esm/p-navigation-item.entry.js +2 -2
- package/dist/esm/p-navigation-section.entry.js +1 -1
- package/dist/esm/p-pagination_3.entry.js +4 -4
- package/dist/esm/p-select.entry.js +10 -13
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js.map +1 -1
- package/dist/esm/p-table.entry.js +1 -1
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/esm/{table-helpers-UJnEIUJ3.js → table-helpers-DaUENiI5.js} +5 -3
- package/dist/esm/table-helpers-DaUENiI5.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js +1 -1
- package/dist/paperless/{p-8981247d.entry.js → p-347b3ec3.entry.js} +2 -2
- package/dist/paperless/{p-cc3307b8.entry.js → p-3bd5d63a.entry.js} +2 -2
- package/dist/paperless/{p-cfd2e444.entry.js → p-4afd0801.entry.js} +2 -2
- package/dist/paperless/p-4afd0801.entry.js.map +1 -0
- package/dist/paperless/p-561cd302.entry.js +2 -0
- package/dist/paperless/p-561cd302.entry.js.map +1 -0
- package/dist/paperless/p-56a401d7.entry.js +2 -0
- package/dist/{build/p-8ca737d7.entry.js → paperless/p-6230b6da.entry.js} +2 -2
- package/dist/paperless/{p-2edd87f3.entry.js → p-79ed922f.entry.js} +2 -2
- package/dist/paperless/p-BCrdDF_Y.js +2 -0
- package/dist/paperless/p-BCrdDF_Y.js.map +1 -0
- package/dist/{build/p-26a3990a.entry.js → paperless/p-ad08592e.entry.js} +2 -2
- package/dist/paperless/{p-aec29ee9.entry.js → p-aec4f685.entry.js} +2 -2
- package/dist/{build/p-e2054751.entry.js → paperless/p-b0fc8bea.entry.js} +2 -2
- package/dist/paperless/p-b13d6a2c.entry.js +2 -0
- package/dist/paperless/p-b13d6a2c.entry.js.map +1 -0
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/{p-87981fef.entry.js → p-d6adac97.entry.js} +2 -2
- package/dist/paperless/p-d6adac97.entry.js.map +1 -0
- package/dist/paperless/{p-05db72d0.entry.js → p-ddad483b.entry.js} +2 -2
- package/dist/paperless/p-e0156f45.entry.js +2 -0
- package/dist/paperless/p-e0156f45.entry.js.map +1 -0
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-fc920176.entry.js +2 -0
- package/dist/paperless/p-fc920176.entry.js.map +1 -0
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-info-panel.entry.esm.js.map +1 -1
- package/dist/paperless/p-select.entry.esm.js.map +1 -1
- package/dist/paperless/p-tab-item.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/select/select.component.d.ts +0 -1
- package/package.json +1 -1
- package/dist/build/p-474a16ab.entry.js +0 -2
- package/dist/build/p-5ee4e9c7.entry.js +0 -2
- package/dist/build/p-5ee4e9c7.entry.js.map +0 -1
- package/dist/build/p-87981fef.entry.js.map +0 -1
- package/dist/build/p-8a5dcfac.entry.js +0 -2
- package/dist/build/p-8a5dcfac.entry.js.map +0 -1
- package/dist/build/p-965962ce.entry.js +0 -2
- package/dist/build/p-965962ce.entry.js.map +0 -1
- package/dist/build/p-C0cmbLHm.js +0 -2
- package/dist/build/p-C0cmbLHm.js.map +0 -1
- package/dist/build/p-cfd2e444.entry.js.map +0 -1
- package/dist/build/p-d0968c28.entry.js +0 -2
- package/dist/build/p-d0968c28.entry.js.map +0 -1
- package/dist/cjs/table-helpers-DBfAAEos.js.map +0 -1
- package/dist/components/p-BFKshVEl.js.map +0 -1
- package/dist/components/p-BtG4QBr6.js.map +0 -1
- package/dist/components/p-Cs06wZSM.js.map +0 -1
- package/dist/components/p-ExfyVPT0.js.map +0 -1
- package/dist/components/p-YYQ927T-.js.map +0 -1
- package/dist/esm/table-helpers-UJnEIUJ3.js.map +0 -1
- package/dist/paperless/p-474a16ab.entry.js +0 -2
- package/dist/paperless/p-5ee4e9c7.entry.js +0 -2
- package/dist/paperless/p-5ee4e9c7.entry.js.map +0 -1
- package/dist/paperless/p-87981fef.entry.js.map +0 -1
- package/dist/paperless/p-8a5dcfac.entry.js +0 -2
- package/dist/paperless/p-8a5dcfac.entry.js.map +0 -1
- package/dist/paperless/p-965962ce.entry.js +0 -2
- package/dist/paperless/p-965962ce.entry.js.map +0 -1
- package/dist/paperless/p-C0cmbLHm.js +0 -2
- package/dist/paperless/p-C0cmbLHm.js.map +0 -1
- package/dist/paperless/p-cfd2e444.entry.js.map +0 -1
- package/dist/paperless/p-d0968c28.entry.js +0 -2
- package/dist/paperless/p-d0968c28.entry.js.map +0 -1
- /package/dist/build/{p-8981247d.entry.js.map → p-347b3ec3.entry.js.map} +0 -0
- /package/dist/build/{p-cc3307b8.entry.js.map → p-3bd5d63a.entry.js.map} +0 -0
- /package/dist/build/{p-474a16ab.entry.js.map → p-56a401d7.entry.js.map} +0 -0
- /package/dist/build/{p-8ca737d7.entry.js.map → p-6230b6da.entry.js.map} +0 -0
- /package/dist/build/{p-2edd87f3.entry.js.map → p-79ed922f.entry.js.map} +0 -0
- /package/dist/build/{p-26a3990a.entry.js.map → p-ad08592e.entry.js.map} +0 -0
- /package/dist/build/{p-aec29ee9.entry.js.map → p-aec4f685.entry.js.map} +0 -0
- /package/dist/build/{p-e2054751.entry.js.map → p-b0fc8bea.entry.js.map} +0 -0
- /package/dist/build/{p-05db72d0.entry.js.map → p-ddad483b.entry.js.map} +0 -0
- /package/dist/paperless/{p-8981247d.entry.js.map → p-347b3ec3.entry.js.map} +0 -0
- /package/dist/paperless/{p-cc3307b8.entry.js.map → p-3bd5d63a.entry.js.map} +0 -0
- /package/dist/paperless/{p-474a16ab.entry.js.map → p-56a401d7.entry.js.map} +0 -0
- /package/dist/paperless/{p-8ca737d7.entry.js.map → p-6230b6da.entry.js.map} +0 -0
- /package/dist/paperless/{p-2edd87f3.entry.js.map → p-79ed922f.entry.js.map} +0 -0
- /package/dist/paperless/{p-26a3990a.entry.js.map → p-ad08592e.entry.js.map} +0 -0
- /package/dist/paperless/{p-aec29ee9.entry.js.map → p-aec4f685.entry.js.map} +0 -0
- /package/dist/paperless/{p-e2054751.entry.js.map → p-b0fc8bea.entry.js.map} +0 -0
- /package/dist/paperless/{p-05db72d0.entry.js.map → p-ddad483b.entry.js.map} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{c as t}from"./p-CBWjHURv.js";function e(t,e){return e in t}const n=(t,e)=>{const n=t?r(t,e):{};return{flex:true,"flex-shrink-0":true,"items-center":true,"gap-4":true,"justify-start":!t?.align||t?.align==="start","justify-center":t?.align==="center","justify-end":t?.align==="end","font-semibold":e!=="header"&&t?.type==="th","text-storm-dark":e!=="header"&&t?.type==="th",...n}};const r=({sizes:t},n)=>{if(t==="auto"||!t){return{"w-auto":true}}if(t==="hidden"){return{hidden:true}}if(typeof t==="object"){t=t;const r={};let i;for(let u in t){if(!e(t,u)){continue}if(u==="default"){if(t.default==="hidden"){r["hidden"]=true;i=u;continue}r[`w-${t.default}/12`]=true;i=u;continue}const o=t[u];const s=i?t[i]:null;if(o!=="hidden"&&s&&s==="hidden"&&n!=="actions"){r[`${u}:flex`]=true}if(o==="hidden"&&n!=="actions"){r[`${u}:hidden`]=true;i=u;continue}if(o===12||o==="full"){r[`${u}:w-full`]=true}r[`${u}:w-${o}/12`]=true;i=u}return r}if(t===12||t==="full"){return{"w-full":true}}return{[`w-${t}/12`]:true}};const i=t(["sticky self-center"],{variants:{hasFooter:{true:"mt-4 -mb-5 bottom-11 z-[3]",false:"my-4 bottom-0"},active:{false:"pointer-events-none animate-floating-menu-container-out",true:"animate-floating-menu-container-in"},shown:{false:"hidden",true:"inline-block"}}});export{r as a,i as f,n as g,e as i};
|
|
2
|
-
//# sourceMappingURL=p-C0cmbLHm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"p-C0cmbLHm.js","sources":["src/types/table.ts","src/utils/table-helpers.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'flex-shrink-0': true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["selectComponentCss","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","Select","items","multi","usePortal","strategy","icon","query","autocompletePlaceholder","value","displayKey","dropdownDisplayKey","selectionDisplayKey","valueKey","avatarKey","iconKey","showIconInSelectedItem","classKey","applyClassOnSelectedItem","avatarLettersKey","identifierKey","queryKey","autoSelectFirst","showChevron","maxDisplayedItems","enableAutocomplete","asyncFilter","loading","enableSelectAll","selectAllText","selectAllIcon","queryChange","valueChange","selectAllChange","dropdownShown","size","prefix","label","helper","required","error","disabled","showAddItem","addItemText","add","emptyStateText","_showDropdown","_selectedItem","_allSelected","_amountHidden","_internals","_inputRef","autocompleteInputRef","_multiContainerRef","_resizeObserver","_resizeDebounceTimer","_checkSelectedItemsTimeout","_items","this","_getParsedItems","_displayValue","h","class","length","ref","map","item","onClick","_selectValue","_getDisplay","_identifierKey","formResetCallback","formDisabledCallback","form","componentDidLoad","Error","_setMultiContainerMaxWidth","ResizeObserver","clearTimeout","setTimeout","_setCheckSelectedItemsTimeout","observe","_el","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","key","disableTriggerClick","calculateWidth","insideClick","scrollable","show","onIsOpen","ev","_onDropdownOpen","slot","errorPlacement","forceShowTooltip","chevron","active","_onClick","_getLoadingItems","_getItems","_getAddItem","documentClickHandler","event","childOfComposed","_preselectItem","_showDropdownChanges","emit","multiChanges","Array","isArray","JSON","parse","filter","i","includes","identifier","parsedValue","stringify","currentValue","currentParsedValue","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","_findOnClickTarget","target","nodeName","toLowerCase","classList","contains","parentElement","force","_onAutoComplete","detail","_checkvalue","toString","indexOf","useContainer","checkbox","unshift","_selectAllChange","_getAutoCompleteItem","enableHover","onValueChange","onInputRefChange","calced","clientWidth","style","maxWidth","_checkSelectedItems","containerRect","getBoundingClientRect","querySelectorAll","amountHidden","child","remove","childRect","right","extra","querySelector","focus","isSelection","content","src","letters","applyPagination","str","text","slice"],"sources":["src/components/molecules/select/select.component.css?tag=p-select&encapsulation=shadow","src/components/molecules/select/select.component.tsx"],"sourcesContent":[null,"import { Strategy } from '@floating-ui/dom';\nimport {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { childOfComposed } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\nimport { cva } from 'class-variance-authority';\n\nconst multiContainer = cva([\n\t'flex items-center gap-2',\n\t'flex-1 min-w-0 h-full',\n\t'pointer-events-none overflow-hidden',\n]);\n\nconst multiItem = cva([\n\t'item group/item',\n\t'pointer-events-auto cursor-pointer',\n\t'flex h-[1.625rem] items-center gap-2',\n\t'h-[1.625rem] px-2',\n\t'text-sm font-semibold whitespace-nowrap',\n\t'rounded-lg',\n\t'bg-supportive-lilac-100',\n]);\n\nconst textContainer = cva(\n\t'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tplaceholder: 'text-black-teal-400',\n\t\t\t\tdefault: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.css',\n\tformAssociated: true,\n\tshadow: true\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * Wether to use a portal for the dropdown container of the select\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * The strategy to use for the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string;\n\n\t/**\n\t * Wether to show the icon also on the selected Item\n\t */\n\t@Prop() showIconInSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: string;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = 10;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timeout | undefined;\n\tprivate _checkSelectedItemsTimeout: NodeJS.Timeout | undefined;\n\n\tget _items() {\n\t\treturn this._getParsedItems();\n\t}\n\n\tget _displayValue() {\n\t\tconst placeholder = (\n\t\t\t<div class={textContainer({ variant: 'placeholder' })}>\n\t\t\t\t{this.placeholder}\n\t\t\t</div>\n\t\t);\n\n\t\tif (!this._selectedItem) {\n\t\t\treturn placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={multiContainer()}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={multiItem()}\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800'\n\t\t\t\t\t\t\t\tvariant='negative'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra pointer-events-none hidden text-sm text-black-teal-100'>\n\t\t\t\t\t\t+{this._amountHidden}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tformResetCallback() {\n\t\tthis._selectValue(null)\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tthis._valueChange();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<p-dropdown\n\t\t\t\tdisableTriggerClick={true}\n\t\t\t\tcalculateWidth={true}\n\t\t\t\tinsideClick={true}\n\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\tshow={this._showDropdown}\n\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\tusePortal={this.usePortal}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<p-field-container\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\terrorPlacement='top-start'\n\t\t\t\t\tforceShowTooltip={this.error?.length && this._showDropdown}\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tchevron={this.showChevron}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\ticon={this.icon}\n\t\t\t\t\t\tonClick={ev => this._onClick(ev)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='relative min-w-0 flex-1'\n\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-button>\n\t\t\t\t</p-field-container>\n\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t</p-dropdown>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tif (!this._showDropdown || childOfComposed(event, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tsetTimeout(() => {\n\t\t\tthis._preselectItem();\n\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t});\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._getParsedItems(false);\n\t\tconst item = items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tlet value =\n\t\t\t!!this.valueKey && this.valueKey !== 'false' && item !== null\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\n\t\tthis._onBlur(forceBlur);\n\t}\n\n\tprivate _findOnClickTarget(target: HTMLElement) {\n\t\tif (target.nodeName.toLowerCase() === 'p-button') {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (target.classList.contains('item')) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this._findOnClickTarget(target.parentElement);\n\t}\n\n\tprivate _onClick(ev) {\n\t\tif (!this._findOnClickTarget(ev.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.detail;\n\t\tthis.queryChange.emit(ev.detail);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tuseContainer={false}\n\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\tactive={\n\t\t\t\t\tthis.multi &&\n\t\t\t\t\t!!this._selectedItem &&\n\t\t\t\t\tArray.isArray(this._selectedItem)\n\t\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t\t ) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t this._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tcheckbox={this.multi ? true : false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t{this._getDisplay(item)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p\n\t\t\t\t\tclass='w-full p-2 text-center text-sm text-black-teal-400'\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tslot='items'\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tcheckbox\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-teal-800'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tenableHover={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='sticky top-0 mb-3 h-8'\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-field\n\t\t\t\t\tclass='block'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonValueChange={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tonInputRefChange={ev => (this.autocompleteInputRef = ev.detail)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst calced = this._inputRef.clientWidth - 16;\n\t\tthis._multiContainerRef.style.maxWidth = `${calced >= 16 ? calced : 16}px`;\n\t}\n\n\tprivate _setCheckSelectedItemsTimeout() {\n\t\tif (this._checkSelectedItemsTimeout) {\n\t\t\tclearTimeout(this._checkSelectedItemsTimeout);\n\t\t}\n\n\t\tthis._checkSelectedItemsTimeout = setTimeout(\n\t\t\t() => this._checkSelectedItems(),\n\t\t\t50\n\t\t);\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = this._multiContainerRef.querySelectorAll('.item');\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\t\t\tchild.classList.add('flex');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.remove('flex');\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.autocompleteInputRef.focus();\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false) {\n\t\tlet content = (\n\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? this.selectionDisplayKey ?? this.displayKey\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconInSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon variant={item[this.iconKey] as IconVariant} />\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\t(!isSelection || this.applyClassOnSelectedItem) &&\n\t\t\t!!item?.class?.length\n\t\t) {\n\t\t\treturn <div class={item.class}>{content}</div>;\n\t\t}\n\n\t\treturn content;\n\t}\n\n\tprivate _getParsedItems(applyPagination = true) {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\tif (!applyPagination) {\n\t\t\treturn items;\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as a}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const r=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(255 192 203/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";const n=i(["flex flex-col gap-1","w-full px-4 py-3","rounded-lg relative"],{variants:{variant:{neutral:"bg-supportive-lilac-200",positive:"bg-positive-green-100",biased:"bg-amber-50",negative:"bg-negative-red-100",feedback:"bg-white-700"}}});const p=i("text-sm font-medium",{variants:{variant:{neutral:"text-supportive-lilac-900",positive:"text-positive-green-800",biased:"text-amber-800",negative:"text-negative-red-800",feedback:"text-black-teal-800"}}});const c=i(["absolute right-2 top-2","flex items-center justify-center","rounded-lg cursor-pointer","text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40","h-6 w-6"]);const s=class{constructor(o){t(this,o);this.closed=e(this,"closed",3)}variant="feedback";header;content;closeable=false;closed;get _el(){return o(this)}render(){const t=!!this._el.querySelector(':scope > [slot="header"]');const e=!!this._el.querySelector(':scope > [slot="content"]');return a("div",{key:"f424e56cfac5e6a45ed0d75953a8d6d25501cd44",class:n({variant:this.variant})},(this.header?.length||t)&&a("div",{key:"844a536b5998119b02633e523db7fbf6e6a1d44b",class:p({variant:this.variant})},this.header?.length?a("p",{class:"my-0"},this.header):a("slot",{name:"header"})),(this.content?.length||e)&&a("div",{key:"89b8be3cfe1729858b83e4a6f41933bf25ffc9fd",class:"text-sm text-black-teal-800/60"},this.content?.length?a("p",{class:"my-0"},this.content):a("slot",{name:"content"})),this.closeable&&a("div",{key:"d5c613697642f3b7a3e959c1755750c142c0dc06",class:c(),onClick:()=>this._close()},a("p-icon",{key:"a8ab1cee8055d971616d4076cab58b5b98dd439b",variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}};s.style=r;export{s as p_info_panel};
|
|
2
|
-
//# sourceMappingURL=p-d0968c28.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["infoPanelComponentCss","infopanel","cva","variants","variant","neutral","positive","biased","negative","feedback","header","close","InfoPanel","content","closeable","closed","render","hasHeaderSlot","this","_el","querySelector","hasContentSlot","h","key","class","length","name","onClick","_close","emit","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["/* // :host { */\n/* // \t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4; */\n/* // */\n/* // \t.header { */\n/* // \t\t@apply font-semibold text-storm-dark; */\n/* // \t} */\n/* // */\n/* // \t.content { */\n/* // \t\t@apply whitespace-pre-line text-sm; */\n/* // \t} */\n/* // */\n/* // \t.close { */\n/* // \t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague; */\n/* // \t} */\n/* // } */\n/* // */\n/* // :host(.variant-positive) { */\n/* // \t@apply bg-positive-light; */\n/* // } */\n/* // */\n/* // :host(.variant-unbiased) { */\n/* // \t@apply bg-unbiased-light; */\n/* // } */\n/* // */\n/* // :host(.variant-negative) { */\n/* // \t@apply bg-negative-light; */\n/* // } */\n/* // */\n/* // :host(.has-close) { */\n/* // \t@apply pr-8; */\n/* // } */\n","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'feedback' = 'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='text-sm text-black-teal-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAwB,6zECU9B,MAAMC,EAAYC,EACjB,CAAC,sBAAuB,mBAAoB,uBAC5C,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,0BACTC,SAAU,wBACVC,OAAQ,cACRC,SAAU,sBACVC,SAAU,mBAMd,MAAMC,EAASR,EAAI,sBAAuB,CACzCC,SAAU,CACTC,QAAS,CACRC,QAAS,4BACTC,SAAU,0BACVC,OAAQ,iBACRC,SAAU,wBACVC,SAAU,0BAKb,MAAME,EAAQT,EAAI,CACjB,yBACA,mCAEA,4BACA,4EAEA,Y,MAQYU,EAAS,M,wDAIbR,QAKQ,WAKRM,OAKAG,QAKAC,UAAqB,MAQ7BC,O,yBAOA,MAAAC,GACC,MAAMC,IAAkBC,KAAKC,IAAIC,cAAc,4BAC/C,MAAMC,IAAmBH,KAAKC,IAAIC,cACjC,6BAGD,OACCE,EAAA,OAAAC,IAAA,2CAAKC,MAAOvB,EAAU,CAAEG,QAASc,KAAKd,YACnCc,KAAKR,QAAQe,QAAUR,IACxBK,EAAK,OAAAC,IAAA,2CAAAC,MAAOd,EAAO,CAAEN,QAASc,KAAKd,WACjCc,KAAKR,QAAQe,OACbH,EAAA,KAAGE,MAAM,QAAQN,KAAKR,QAEtBY,EAAA,QAAMI,KAAK,aAKZR,KAAKL,SAASY,QAAUJ,IACzBC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kCACTN,KAAKL,SAASY,OACdH,EAAA,KAAGE,MAAM,QAAQN,KAAKL,SAEtBS,EAAM,QAAAI,KAAK,aAKbR,KAAKJ,WACLQ,EACC,OAAAC,IAAA,2CAAAC,MAAOb,IACPgB,QAAS,IAAMT,KAAKU,UAEpBN,EAAQ,UAAAC,IAAA,2CAAAnB,QAAQ,c,CAOb,MAAAwB,GACPV,KAAKH,OAAOc,OACZX,KAAKC,IAAIW,Q","ignoreList":[]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|