@paperless/core 2.0.1-beta.22 → 2.0.1-beta.24
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 +24 -0
- package/dist/build/{p-0b883fbb.entry.js → p-0669c7e2.entry.js} +2 -2
- package/dist/build/{p-c2825667.entry.js → p-0a1cf938.entry.js} +2 -2
- package/dist/{paperless/p-f6fcedff.entry.js → build/p-129d5cbd.entry.js} +2 -2
- package/dist/build/{p-020a97e3.entry.js → p-20ea5e27.entry.js} +2 -2
- package/dist/build/p-20ea5e27.entry.js.map +1 -0
- package/dist/{paperless/p-af175b74.entry.js → build/p-250b3f90.entry.js} +2 -2
- package/dist/build/p-2f613a2a.entry.js +2 -0
- package/dist/build/{p-c18827fc.entry.js → p-2f821184.entry.js} +2 -2
- package/dist/build/p-3b276ae0.entry.js +2 -0
- package/dist/build/p-3b276ae0.entry.js.map +1 -0
- package/dist/build/p-3ffe9aca.js +2 -0
- package/dist/build/{p-fe5637cc.entry.js → p-401ff01b.entry.js} +2 -2
- package/dist/build/{p-1fdda214.entry.js → p-479bdcc8.entry.js} +2 -2
- package/dist/{paperless/p-70d427af.entry.js → build/p-4a642ff9.entry.js} +2 -2
- package/dist/build/{p-c1142e26.entry.js → p-4cb8f3db.entry.js} +2 -2
- package/dist/build/{p-412a9f4d.entry.js → p-4e31af7e.entry.js} +2 -2
- package/dist/build/{p-3fdd326e.entry.js → p-57fc0eb5.entry.js} +2 -2
- package/dist/build/{p-6bcae357.entry.js → p-68ae68c8.entry.js} +2 -2
- package/dist/{paperless/p-b708b7e3.entry.js → build/p-6f3a4499.entry.js} +2 -2
- package/dist/build/{p-7f3cad06.entry.js → p-716a92ae.entry.js} +2 -2
- package/dist/build/{p-b2b69ce0.entry.js → p-83055eac.entry.js} +2 -2
- package/dist/{paperless/p-e9008b5f.entry.js → build/p-868d5746.entry.js} +2 -2
- package/dist/build/p-8a8663ae.entry.js +2 -0
- package/dist/build/p-8a8663ae.entry.js.map +1 -0
- package/dist/{paperless/p-8c094336.entry.js → build/p-8b1a485b.entry.js} +2 -2
- package/dist/build/{p-99688230.entry.js → p-955d149f.entry.js} +2 -2
- package/dist/{paperless/p-6cf35b72.entry.js → build/p-9a9c8ce9.entry.js} +2 -2
- package/dist/{paperless/p-a80dc54a.entry.js → build/p-b26d5130.entry.js} +2 -2
- package/dist/build/p-cb8ecae7.entry.js +2 -0
- package/dist/build/p-cb8ecae7.entry.js.map +1 -0
- package/dist/build/{p-9f790bea.entry.js → p-ccbd2de0.entry.js} +2 -2
- package/dist/build/{p-881a012e.entry.js → p-d31d6714.entry.js} +2 -2
- package/dist/build/p-dbbf732c.entry.js +2 -0
- package/dist/build/p-dbbf732c.entry.js.map +1 -0
- package/dist/build/{p-eb6d1fed.entry.js → p-dc01bfa8.entry.js} +2 -2
- package/dist/build/{p-11c446d6.entry.js → p-e3b04c17.entry.js} +2 -2
- package/dist/build/p-e5a54d05.entry.js +2 -0
- package/dist/build/p-e5a54d05.entry.js.map +1 -0
- package/dist/{paperless/p-109a8a56.entry.js → build/p-f56de35e.entry.js} +2 -2
- package/dist/build/p-fc9cfbd1.entry.js +2 -0
- package/dist/build/{p-955283d1.entry.js → p-fde8b75b.entry.js} +2 -2
- package/dist/build/paperless.esm.js +1 -1
- package/dist/build/paperless.esm.js.map +1 -1
- package/dist/cjs/index-3f9bbc0c.js +16 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-accordion.cjs.entry.js +1 -1
- package/dist/cjs/p-attachment.cjs.entry.js +4 -4
- package/dist/cjs/p-badge_3.cjs.entry.js +26 -16
- package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-button-group.cjs.entry.js +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +4 -4
- package/dist/cjs/p-calendar.cjs.entry.js +1 -1
- package/dist/cjs/p-checkbox_3.cjs.entry.js +3 -3
- package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
- package/dist/cjs/p-cropper.cjs.entry.js +2 -2
- package/dist/cjs/p-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/{p-field_3.cjs.entry.js → p-field_2.cjs.entry.js} +18 -20
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -0
- package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +5 -5
- package/dist/cjs/{p-portal_2.cjs.entry.js → p-helper_2.cjs.entry.js} +14 -19
- package/dist/cjs/p-helper_2.cjs.entry.js.map +1 -0
- package/dist/cjs/p-icon-deprecated.cjs.entry.js +4 -1
- package/dist/cjs/p-icon-deprecated.cjs.entry.js.map +1 -1
- package/dist/cjs/p-input-error.cjs.entry.js +1 -1
- package/dist/cjs/p-input-group.cjs.entry.js +130 -0
- package/dist/cjs/p-input-group.cjs.entry.js.map +1 -0
- package/dist/cjs/p-label.cjs.entry.js +3 -3
- 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-page-size-select_3.cjs.entry.js +1 -1
- package/dist/cjs/p-portal.cjs.entry.js +29 -0
- package/dist/cjs/p-portal.cjs.entry.js.map +1 -0
- package/dist/cjs/p-profile.cjs.entry.js +1 -1
- package/dist/cjs/p-select.cjs.entry.js +1 -1
- package/dist/cjs/p-slider-indicator.cjs.entry.js +1 -1
- package/dist/cjs/p-status.cjs.entry.js +2 -2
- package/dist/cjs/p-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
- package/dist/cjs/p-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/p-toast.cjs.entry.js +1 -1
- package/dist/cjs/p-toggle.cjs.entry.js +3 -3
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/atoms/icon-deprecated/icon.component.js +4 -1
- package/dist/collection/components/atoms/icon-deprecated/icon.component.js.map +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.js +2 -2
- package/dist/collection/components/atoms/segment-container/segment-container.component.js.map +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.js +23 -39
- package/dist/collection/components/atoms/segment-item/segment-item.component.js.map +1 -1
- package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js +1 -1
- package/dist/collection/components/atoms/status/status.component.js +2 -2
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.js +1 -1
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.js +1 -1
- package/dist/collection/components/atoms/tab-group/tab-group.component.js +1 -1
- package/dist/collection/components/atoms/tab-item/tab-item.component.js +1 -1
- package/dist/collection/components/atoms/table-container/table-container.component.js +1 -1
- package/dist/collection/components/atoms/toast-container/toast-container.component.js +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js +3 -3
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +4 -4
- package/dist/collection/components/molecules/accordion/accordion.component.js +1 -1
- package/dist/collection/components/molecules/attachment/attachment.component.js +4 -4
- package/dist/collection/components/molecules/button/button.component.js +4 -4
- package/dist/collection/components/molecules/button-group/button-group.component.js +1 -1
- package/dist/collection/components/molecules/calendar/calendar.component.js +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +2 -2
- package/dist/collection/components/molecules/cropper/cropper.component.js +2 -2
- package/dist/collection/components/molecules/datepicker/datepicker.component.js +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +3 -3
- package/dist/collection/components/molecules/field/field.component.js +37 -3
- package/dist/collection/components/molecules/field/field.component.js.map +1 -1
- package/dist/collection/components/molecules/input-error/input-error.component.js +1 -1
- package/dist/collection/components/molecules/input-group/input-group.component.css +1 -0
- package/dist/collection/components/molecules/input-group/input-group.component.js +486 -0
- package/dist/collection/components/molecules/input-group/input-group.component.js.map +1 -0
- 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/pagination.component.js +1 -1
- package/dist/collection/components/molecules/profile/profile.component.js +1 -1
- package/dist/collection/components/molecules/select/select.component.js +1 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js +1 -1
- package/dist/collection/components/molecules/table-cell/table-cell.component.js +1 -1
- package/dist/collection/components/molecules/table-footer/table-footer.component.js +1 -1
- package/dist/collection/components/molecules/table-row/table-row.component.js +2 -2
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/components/button.component.js +4 -4
- package/dist/components/calendar.component.js +1 -1
- package/dist/components/dropdown.component.js +3 -3
- package/dist/components/field.component.js +18 -3
- package/dist/components/field.component.js.map +1 -1
- package/dist/components/input-error.component.js +1 -1
- package/dist/components/p-accordion.js +1 -1
- package/dist/components/p-attachment.js +4 -4
- package/dist/components/p-button-group.js +1 -1
- package/dist/components/p-content-slider.js +2 -2
- package/dist/components/p-cropper.js +2 -2
- package/dist/components/p-datepicker.js +1 -1
- package/dist/components/p-icon-deprecated.js +4 -1
- package/dist/components/p-icon-deprecated.js.map +1 -1
- package/dist/components/p-input-group.d.ts +11 -0
- package/dist/components/p-input-group.js +192 -0
- package/dist/components/p-input-group.js.map +1 -0
- package/dist/components/p-label.js +3 -3
- 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-profile.js +1 -1
- package/dist/components/p-select.js +1 -1
- package/dist/components/p-status.js +2 -2
- package/dist/components/p-stepper-item.js +1 -1
- package/dist/components/p-stepper.js +1 -1
- package/dist/components/p-tab-group.js +1 -1
- package/dist/components/p-tab-item.js +1 -1
- package/dist/components/p-toast-container.js +1 -1
- package/dist/components/p-toast.js +1 -1
- package/dist/components/p-toggle.js +3 -3
- package/dist/components/pagination.component.js +1 -1
- package/dist/components/segment-container.component.js +2 -2
- package/dist/components/segment-container.component.js.map +1 -1
- package/dist/components/segment-item.component.js +24 -17
- package/dist/components/segment-item.component.js.map +1 -1
- package/dist/components/slider-indicator.component.js +1 -1
- package/dist/components/stepper-line.component.js +1 -1
- package/dist/components/table-cell.component.js +1 -1
- package/dist/components/table-container.component.js +1 -1
- package/dist/components/table-footer.component.js +1 -1
- package/dist/components/table-row.component.js +2 -2
- package/dist/components/tooltip.component.js +4 -4
- package/dist/esm/index-2ef94580.js +16 -8
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-accordion.entry.js +1 -1
- package/dist/esm/p-attachment.entry.js +4 -4
- package/dist/esm/p-badge_3.entry.js +27 -17
- package/dist/esm/p-badge_3.entry.js.map +1 -1
- package/dist/esm/p-button-group.entry.js +1 -1
- package/dist/esm/p-button_3.entry.js +4 -4
- package/dist/esm/p-calendar.entry.js +1 -1
- package/dist/esm/p-checkbox_3.entry.js +3 -3
- package/dist/esm/p-content-slider.entry.js +2 -2
- package/dist/esm/p-cropper.entry.js +2 -2
- package/dist/esm/p-datepicker.entry.js +1 -1
- package/dist/esm/{p-field_3.entry.js → p-field_2.entry.js} +19 -20
- package/dist/esm/p-field_2.entry.js.map +1 -0
- package/dist/esm/p-floating-menu-container_8.entry.js +5 -5
- package/dist/esm/{p-portal_2.entry.js → p-helper_2.entry.js} +15 -20
- package/dist/esm/p-helper_2.entry.js.map +1 -0
- package/dist/esm/p-icon-deprecated.entry.js +4 -1
- package/dist/esm/p-icon-deprecated.entry.js.map +1 -1
- package/dist/esm/p-input-error.entry.js +1 -1
- package/dist/esm/p-input-group.entry.js +126 -0
- package/dist/esm/p-input-group.entry.js.map +1 -0
- package/dist/esm/p-label.entry.js +3 -3
- 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-page-size-select_3.entry.js +1 -1
- package/dist/esm/p-portal.entry.js +25 -0
- package/dist/esm/p-portal.entry.js.map +1 -0
- package/dist/esm/p-profile.entry.js +1 -1
- package/dist/esm/p-select.entry.js +1 -1
- package/dist/esm/p-slider-indicator.entry.js +1 -1
- package/dist/esm/p-status.entry.js +2 -2
- package/dist/esm/p-stepper-item.entry.js +1 -1
- package/dist/esm/p-stepper-line.entry.js +1 -1
- package/dist/esm/p-stepper.entry.js +1 -1
- package/dist/esm/p-tab-group.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js +1 -1
- package/dist/esm/p-toast-container.entry.js +1 -1
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/esm/p-toggle.entry.js +3 -3
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-0b883fbb.entry.js → p-0669c7e2.entry.js} +2 -2
- package/dist/paperless/{p-c2825667.entry.js → p-0a1cf938.entry.js} +2 -2
- package/dist/{build/p-f6fcedff.entry.js → paperless/p-129d5cbd.entry.js} +2 -2
- package/dist/paperless/{p-020a97e3.entry.js → p-20ea5e27.entry.js} +2 -2
- package/dist/paperless/p-20ea5e27.entry.js.map +1 -0
- package/dist/{build/p-af175b74.entry.js → paperless/p-250b3f90.entry.js} +2 -2
- package/dist/paperless/p-2f613a2a.entry.js +2 -0
- package/dist/paperless/{p-c18827fc.entry.js → p-2f821184.entry.js} +2 -2
- package/dist/paperless/p-3b276ae0.entry.js +2 -0
- package/dist/paperless/p-3b276ae0.entry.js.map +1 -0
- package/dist/paperless/{p-fe5637cc.entry.js → p-401ff01b.entry.js} +2 -2
- package/dist/paperless/{p-1fdda214.entry.js → p-479bdcc8.entry.js} +2 -2
- package/dist/{build/p-70d427af.entry.js → paperless/p-4a642ff9.entry.js} +2 -2
- package/dist/paperless/{p-c1142e26.entry.js → p-4cb8f3db.entry.js} +2 -2
- package/dist/paperless/{p-412a9f4d.entry.js → p-4e31af7e.entry.js} +2 -2
- package/dist/paperless/{p-3fdd326e.entry.js → p-57fc0eb5.entry.js} +2 -2
- package/dist/paperless/{p-6bcae357.entry.js → p-68ae68c8.entry.js} +2 -2
- package/dist/{build/p-b708b7e3.entry.js → paperless/p-6f3a4499.entry.js} +2 -2
- package/dist/paperless/{p-7f3cad06.entry.js → p-716a92ae.entry.js} +2 -2
- package/dist/paperless/{p-b2b69ce0.entry.js → p-83055eac.entry.js} +2 -2
- package/dist/{build/p-e9008b5f.entry.js → paperless/p-868d5746.entry.js} +2 -2
- package/dist/paperless/p-8a8663ae.entry.js +2 -0
- package/dist/paperless/p-8a8663ae.entry.js.map +1 -0
- package/dist/{build/p-8c094336.entry.js → paperless/p-8b1a485b.entry.js} +2 -2
- package/dist/paperless/{p-99688230.entry.js → p-955d149f.entry.js} +2 -2
- package/dist/{build/p-6cf35b72.entry.js → paperless/p-9a9c8ce9.entry.js} +2 -2
- package/dist/{build/p-a80dc54a.entry.js → paperless/p-b26d5130.entry.js} +2 -2
- package/dist/paperless/p-cb8ecae7.entry.js +2 -0
- package/dist/paperless/p-cb8ecae7.entry.js.map +1 -0
- package/dist/paperless/{p-9f790bea.entry.js → p-ccbd2de0.entry.js} +2 -2
- package/dist/paperless/{p-881a012e.entry.js → p-d31d6714.entry.js} +2 -2
- package/dist/paperless/p-dbbf732c.entry.js +2 -0
- package/dist/paperless/p-dbbf732c.entry.js.map +1 -0
- package/dist/paperless/{p-eb6d1fed.entry.js → p-dc01bfa8.entry.js} +2 -2
- package/dist/paperless/{p-11c446d6.entry.js → p-e3b04c17.entry.js} +2 -2
- package/dist/paperless/p-e5a54d05.entry.js +2 -0
- package/dist/paperless/p-e5a54d05.entry.js.map +1 -0
- package/dist/{build/p-109a8a56.entry.js → paperless/p-f56de35e.entry.js} +2 -2
- package/dist/paperless/p-fc9cfbd1.entry.js +2 -0
- package/dist/paperless/{p-955283d1.entry.js → p-fde8b75b.entry.js} +2 -2
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/paperless/paperless.esm.js.map +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/icon-deprecated/icon.component.d.ts +1 -0
- package/dist/types/components/atoms/segment-item/segment-item.component.d.ts +0 -11
- package/dist/types/components/molecules/field/field.component.d.ts +6 -0
- package/dist/types/components/molecules/input-group/input-group.component.d.ts +82 -0
- package/dist/types/components.d.ts +149 -8
- package/hydrate/index.js +249 -76
- package/hydrate/index.mjs +249 -76
- package/package.json +1 -1
- package/dist/build/p-020a97e3.entry.js.map +0 -1
- package/dist/build/p-05ca30af.entry.js +0 -2
- package/dist/build/p-05ca30af.entry.js.map +0 -1
- package/dist/build/p-314d396f.entry.js +0 -2
- package/dist/build/p-314d396f.entry.js.map +0 -1
- package/dist/build/p-45b82020.entry.js +0 -2
- package/dist/build/p-4eeba18a.entry.js +0 -2
- package/dist/build/p-4eeba18a.entry.js.map +0 -1
- package/dist/build/p-859c4fb1.entry.js +0 -2
- package/dist/build/p-b868a720.js +0 -2
- package/dist/cjs/p-field_3.cjs.entry.js.map +0 -1
- package/dist/cjs/p-portal_2.cjs.entry.js.map +0 -1
- package/dist/esm/p-field_3.entry.js.map +0 -1
- package/dist/esm/p-portal_2.entry.js.map +0 -1
- package/dist/paperless/p-020a97e3.entry.js.map +0 -1
- package/dist/paperless/p-05ca30af.entry.js +0 -2
- package/dist/paperless/p-05ca30af.entry.js.map +0 -1
- package/dist/paperless/p-314d396f.entry.js +0 -2
- package/dist/paperless/p-314d396f.entry.js.map +0 -1
- package/dist/paperless/p-45b82020.entry.js +0 -2
- package/dist/paperless/p-4eeba18a.entry.js +0 -2
- package/dist/paperless/p-4eeba18a.entry.js.map +0 -1
- package/dist/paperless/p-859c4fb1.entry.js +0 -2
- /package/dist/build/{p-0b883fbb.entry.js.map → p-0669c7e2.entry.js.map} +0 -0
- /package/dist/build/{p-c2825667.entry.js.map → p-0a1cf938.entry.js.map} +0 -0
- /package/dist/build/{p-f6fcedff.entry.js.map → p-129d5cbd.entry.js.map} +0 -0
- /package/dist/build/{p-af175b74.entry.js.map → p-250b3f90.entry.js.map} +0 -0
- /package/dist/build/{p-859c4fb1.entry.js.map → p-2f613a2a.entry.js.map} +0 -0
- /package/dist/build/{p-c18827fc.entry.js.map → p-2f821184.entry.js.map} +0 -0
- /package/dist/build/{p-fe5637cc.entry.js.map → p-401ff01b.entry.js.map} +0 -0
- /package/dist/build/{p-1fdda214.entry.js.map → p-479bdcc8.entry.js.map} +0 -0
- /package/dist/build/{p-70d427af.entry.js.map → p-4a642ff9.entry.js.map} +0 -0
- /package/dist/build/{p-c1142e26.entry.js.map → p-4cb8f3db.entry.js.map} +0 -0
- /package/dist/build/{p-412a9f4d.entry.js.map → p-4e31af7e.entry.js.map} +0 -0
- /package/dist/build/{p-3fdd326e.entry.js.map → p-57fc0eb5.entry.js.map} +0 -0
- /package/dist/build/{p-6bcae357.entry.js.map → p-68ae68c8.entry.js.map} +0 -0
- /package/dist/build/{p-b708b7e3.entry.js.map → p-6f3a4499.entry.js.map} +0 -0
- /package/dist/build/{p-7f3cad06.entry.js.map → p-716a92ae.entry.js.map} +0 -0
- /package/dist/build/{p-b2b69ce0.entry.js.map → p-83055eac.entry.js.map} +0 -0
- /package/dist/build/{p-e9008b5f.entry.js.map → p-868d5746.entry.js.map} +0 -0
- /package/dist/build/{p-8c094336.entry.js.map → p-8b1a485b.entry.js.map} +0 -0
- /package/dist/build/{p-99688230.entry.js.map → p-955d149f.entry.js.map} +0 -0
- /package/dist/build/{p-6cf35b72.entry.js.map → p-9a9c8ce9.entry.js.map} +0 -0
- /package/dist/build/{p-a80dc54a.entry.js.map → p-b26d5130.entry.js.map} +0 -0
- /package/dist/build/{p-9f790bea.entry.js.map → p-ccbd2de0.entry.js.map} +0 -0
- /package/dist/build/{p-881a012e.entry.js.map → p-d31d6714.entry.js.map} +0 -0
- /package/dist/build/{p-eb6d1fed.entry.js.map → p-dc01bfa8.entry.js.map} +0 -0
- /package/dist/build/{p-11c446d6.entry.js.map → p-e3b04c17.entry.js.map} +0 -0
- /package/dist/build/{p-109a8a56.entry.js.map → p-f56de35e.entry.js.map} +0 -0
- /package/dist/build/{p-45b82020.entry.js.map → p-fc9cfbd1.entry.js.map} +0 -0
- /package/dist/build/{p-955283d1.entry.js.map → p-fde8b75b.entry.js.map} +0 -0
- /package/dist/paperless/{p-0b883fbb.entry.js.map → p-0669c7e2.entry.js.map} +0 -0
- /package/dist/paperless/{p-c2825667.entry.js.map → p-0a1cf938.entry.js.map} +0 -0
- /package/dist/paperless/{p-f6fcedff.entry.js.map → p-129d5cbd.entry.js.map} +0 -0
- /package/dist/paperless/{p-af175b74.entry.js.map → p-250b3f90.entry.js.map} +0 -0
- /package/dist/paperless/{p-859c4fb1.entry.js.map → p-2f613a2a.entry.js.map} +0 -0
- /package/dist/paperless/{p-c18827fc.entry.js.map → p-2f821184.entry.js.map} +0 -0
- /package/dist/paperless/{p-fe5637cc.entry.js.map → p-401ff01b.entry.js.map} +0 -0
- /package/dist/paperless/{p-1fdda214.entry.js.map → p-479bdcc8.entry.js.map} +0 -0
- /package/dist/paperless/{p-70d427af.entry.js.map → p-4a642ff9.entry.js.map} +0 -0
- /package/dist/paperless/{p-c1142e26.entry.js.map → p-4cb8f3db.entry.js.map} +0 -0
- /package/dist/paperless/{p-412a9f4d.entry.js.map → p-4e31af7e.entry.js.map} +0 -0
- /package/dist/paperless/{p-3fdd326e.entry.js.map → p-57fc0eb5.entry.js.map} +0 -0
- /package/dist/paperless/{p-6bcae357.entry.js.map → p-68ae68c8.entry.js.map} +0 -0
- /package/dist/paperless/{p-b708b7e3.entry.js.map → p-6f3a4499.entry.js.map} +0 -0
- /package/dist/paperless/{p-7f3cad06.entry.js.map → p-716a92ae.entry.js.map} +0 -0
- /package/dist/paperless/{p-b2b69ce0.entry.js.map → p-83055eac.entry.js.map} +0 -0
- /package/dist/paperless/{p-e9008b5f.entry.js.map → p-868d5746.entry.js.map} +0 -0
- /package/dist/paperless/{p-8c094336.entry.js.map → p-8b1a485b.entry.js.map} +0 -0
- /package/dist/paperless/{p-99688230.entry.js.map → p-955d149f.entry.js.map} +0 -0
- /package/dist/paperless/{p-6cf35b72.entry.js.map → p-9a9c8ce9.entry.js.map} +0 -0
- /package/dist/paperless/{p-a80dc54a.entry.js.map → p-b26d5130.entry.js.map} +0 -0
- /package/dist/paperless/{p-9f790bea.entry.js.map → p-ccbd2de0.entry.js.map} +0 -0
- /package/dist/paperless/{p-881a012e.entry.js.map → p-d31d6714.entry.js.map} +0 -0
- /package/dist/paperless/{p-eb6d1fed.entry.js.map → p-dc01bfa8.entry.js.map} +0 -0
- /package/dist/paperless/{p-11c446d6.entry.js.map → p-e3b04c17.entry.js.map} +0 -0
- /package/dist/paperless/{p-109a8a56.entry.js.map → p-f56de35e.entry.js.map} +0 -0
- /package/dist/paperless/{p-45b82020.entry.js.map → p-fc9cfbd1.entry.js.map} +0 -0
- /package/dist/paperless/{p-955283d1.entry.js.map → p-fde8b75b.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["helperComponentCss","PHelperStyle0","Helper","render","h","Host","key","class","placement","this","strategy","slot","tooltipComponentCss","PTooltipStyle0","popover","cva","variants","variant","hover","click","error","none","fixed","absolute","compoundVariants","portal","Tooltip","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","tooltipProps","role","ref","el","_load","tooltip","tooltipElement","usePortal","content","name","clickHandler","enableUserInput","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply leading-3;\n\n\t.helper {\n\t\t@apply inline-block h-[0.75rem] w-[0.75rem] cursor-pointer bg-center bg-no-repeat;\n\t\tbackground-image: url(/assets/images/helper/helper.svg);\n\n\t\t&:hover {\n\t\t\tbackground-image: url(/assets/images/helper/helper-hover.svg);\n\t\t}\n\t}\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","// :host {\n// \t@apply flex cursor-pointer;\n//\n// \t.popover-container {\n// \t\t@apply relative h-0 w-0;\n// \t\t.popover {\n// \t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-3 transition-opacity;\n// \t\t\t@apply pointer-events-none;\n// \t\t\twidth: max-content;\n// \t\t\tmax-width: 14.5rem;\n//\n// \t\t\t&.variant-hover,\n// \t\t\t&.variant-error,\n// \t\t\t&.variant-error-element {\n// \t\t\t\t@apply bg-storm py-1 text-white;\n// \t\t\t}\n//\n// \t\t\t&.variant-error,\n// \t\t\t&.variant-error-element {\n// \t\t\t\t@apply bg-negative uppercase tracking-wider;\n// \t\t\t}\n//\n// \t\t\t&[data-show] {\n// \t\t\t\t@apply pointer-events-auto opacity-100;\n// \t\t\t}\n//\n// \t\t\t.arrow,\n// \t\t\t.arrow::before {\n// \t\t\t\tbackground: inherit;\n// \t\t\t\t@apply absolute h-2 w-2;\n// \t\t\t}\n//\n// \t\t\t.arrow {\n// \t\t\t\tvisibility: hidden;\n//\n// \t\t\t\t&::before {\n// \t\t\t\t\t@apply visible rotate-45 transform;\n// \t\t\t\t\tcontent: '';\n// \t\t\t\t}\n// \t\t\t}\n//\n// \t\t\t&[data-strategy='fixed'] {\n// \t\t\t\t@apply fixed;\n// \t\t\t}\n//\n// \t\t\t&[data-strategy='absolute'] {\n// \t\t\t\t@apply absolute;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='top'] > .arrow {\n// \t\t\t\t@apply -bottom-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='bottom'] > .arrow {\n// \t\t\t\t@apply -top-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='left'] > .arrow {\n// \t\t\t\t@apply -right-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='right'] > .arrow {\n// \t\t\t\t@apply -left-1;\n// \t\t\t}\n// \t\t}\n// \t}\n// }\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,g as e,h as i,H as s}from"./p-45ded510.js";const n=".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const o=n;const r=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end";this._rendering=false}get _el(){return e(this)}_loaded=false;_delay=t=>new Promise((e=>setTimeout(e,t)));_onSlotChange=async t=>this._generateSteps();_generateSteps=async(t=false)=>{if(!t&&(!this._el||this._rendering||!this._loaded)){return}this._rendering=true;let e=this.activeStep-1||0;const i=this._el.querySelectorAll("p-stepper-item");if(!this.activeStep||e<0){for(let t=0;t<i?.length;t++){const s=i.item(t);if(s.active){e=t}if(e<0&&s.finished){e=t+1}}}for(let t=0;t<i?.length;t++){let s=false;const n=i.item(t);n.active=t===e;n.finished=t<e;if(n.direction!==this.direction){s=true}n.direction=this.direction;n.align=t===0?"start":t===i?.length-1?"end":"center";n.contentPosition=this.contentPosition;if(t<i.length-1){const i=n.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){if(s){await this._delay(10)}const o=(n.clientHeight>16?n.clientHeight-16:n.clientHeight)/2;const r=document.createElement("p-stepper-line");r.direction=this.direction;r.active=t<e;if(o>0&&this.direction==="vertical"){r.style.marginTop=`-${o/16}rem`;r.style.marginBottom=`-${o/16}rem`;r.style.minHeight=`calc(1rem + ${o*2/16}rem)`}this._el.insertBefore(r,i);const a=r.previousElementSibling;if(a&&a.tagName.toLowerCase()==="p-stepper-line"){a.remove()}continue}}if(t>0){const t=n.previousElementSibling;if(t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=n.active||n.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}setTimeout((()=>this._rendering=false),100)};componentDidLoad(){this._loaded=true;this._generateSteps(true)}render(){return i(s,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,g as e,h as i,H as s}from"./p-45ded510.js";const n=".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const o=n;const r=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end";this._rendering=false}get _el(){return e(this)}_loaded=false;_delay=t=>new Promise((e=>setTimeout(e,t)));_onSlotChange=async t=>this._generateSteps();_generateSteps=async(t=false)=>{if(!t&&(!this._el||this._rendering||!this._loaded)){return}this._rendering=true;let e=this.activeStep-1||0;const i=this._el.querySelectorAll("p-stepper-item");if(!this.activeStep||e<0){for(let t=0;t<i?.length;t++){const s=i.item(t);if(s.active){e=t}if(e<0&&s.finished){e=t+1}}}for(let t=0;t<i?.length;t++){let s=false;const n=i.item(t);n.active=t===e;n.finished=t<e;if(n.direction!==this.direction){s=true}n.direction=this.direction;n.align=t===0?"start":t===i?.length-1?"end":"center";n.contentPosition=this.contentPosition;if(t<i.length-1){const i=n.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){if(s){await this._delay(10)}const o=(n.clientHeight>16?n.clientHeight-16:n.clientHeight)/2;const r=document.createElement("p-stepper-line");r.direction=this.direction;r.active=t<e;if(o>0&&this.direction==="vertical"){r.style.marginTop=`-${o/16}rem`;r.style.marginBottom=`-${o/16}rem`;r.style.minHeight=`calc(1rem + ${o*2/16}rem)`}this._el.insertBefore(r,i);const a=r.previousElementSibling;if(a&&a.tagName.toLowerCase()==="p-stepper-line"){a.remove()}continue}}if(t>0){const t=n.previousElementSibling;if(t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=n.active||n.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}setTimeout((()=>this._rendering=false),100)};componentDidLoad(){this._loaded=true;this._generateSteps(true)}render(){return i(s,{key:"8fa52e3d517deebb230039f2938893a14fb5613e",class:"p-stepper"},i("slot",{key:"385c27e425dad328346910e77f42d7fdc32183b8",onSlotchange:this._onSlotChange}))}_onActiveStepChange(){this._generateSteps()}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};r.style=o;export{r as p_stepper};
|
|
2
|
+
//# sourceMappingURL=p-ccbd2de0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as o,H as r}from"./p-45ded510.js";const i=".block{display:block!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;display:block;height:.5rem;width:.5rem}:host(.active){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.static{position:static!important}";const a=i;const c=class{constructor(o){t(this,o);this.active=false}render(){return o(r,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as o,H as r}from"./p-45ded510.js";const i=".block{display:block!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;display:block;height:.5rem;width:.5rem}:host(.active){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.static{position:static!important}";const a=i;const c=class{constructor(o){t(this,o);this.active=false}render(){return o(r,{key:"4525154d8a2fa45a67c9194601c038ce4d68d93c",class:`p-slider-indicator ${this.active&&"active"}`})}};c.style=a;export{c as p_slider_indicator};
|
|
2
|
+
//# sourceMappingURL=p-d31d6714.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,g as r,h as i,H as a,F as o}from"./p-45ded510.js";import{c as s}from"./p-8a5b8196.js";import{f as n,g as l}from"./p-f26a3049.js";import"./p-8a1a6e56.js";const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const d=c;const p=s(["flex gap-2","w-inherit px-2","border border-solid rounded-lg"],{variants:{size:{sm:"h-6",base:"h-8"},disabled:{false:"bg-white",true:"bg-white-600 cursor-not-allowed"},focused:{false:null,true:null},error:{false:null,true:null}},compoundVariants:[{focused:false,error:false,class:"border-black-teal-100"},{disabled:false,focused:true,error:false,class:"border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac"},{disabled:false,error:true,class:"border-negative-red"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50"}]});const h=s("text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full",{variants:{disabled:{false:null,true:"cursor-not-allowed"}}});const f=s(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{disabled:{false:null,true:"text-black-teal-100"},focused:{false:null,true:null},error:{false:null,true:null}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-black-teal-300"},{disabled:false,focused:true,error:false,class:"text-black-teal-500"},{disabled:false,focused:false,error:true,class:"text-negative-red"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const b=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",7);this.inputRefChange=e(this,"inputRefChange",7);this.size="base";this.type="text";this.properties={};this.prefix=undefined;this.suffix=undefined;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.iconPosition="start";this.value=undefined;this.label=undefined;this.placeholder=undefined;this.helper=undefined;this.required=true;this.autofocus=false;this.error=undefined;this.errorPlacement=undefined;this.disabled=false;this.focused=false;this.forceShowTooltip=false;this.selectAllOnFocus=true;this.focusMethod="focus";this.optionalTemplate=undefined;this._focused=false}valueChange;inputRefChange;get _el(){return r(this)}_inputRef;componentDidLoad(){this._checkAutoFocus()}render(){const{prefix:t,suffix:e,hasHeaderSlot:r,hasLabelSlot:o,hasHelperSlot:s,hasErrorSlot:n}=this._getSlotInfo();return i(a,{key:"cf990118b7fb2b397a4ed1d00026893fb5d65651",class:"p-field"},i("p-field-container",{key:"8957ddbafafbe9be741359ae9c4265bb5c2ab08d",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,helper:this.helper,error:this.error,required:this.required},o&&i("slot",{key:"f60081c6a1485f8066715a2e422ea5903f0963a8",name:"label",slot:"label"}),r&&i("slot",{key:"e4b78626d1a79acb5b95692158b5809a4b24dd63",name:"header",slot:"header"}),s&&i("slot",{key:"4346e4bc124d1de2ceb4ee4005eb9b661bf677dd",name:"helper",slot:"helper"}),n&&i("slot",{key:"6d0408efce0e27da7d14dfb4aa9fffb38d3b927a",name:"error",slot:"error"}),i("div",{key:"cf6aed5c63d0652a7fa0ca66c562a7c79d57dafa",class:p({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,size:this.size}),slot:"content"},(t||this.icon&&this.iconPosition==="start")&&i("div",{key:"fb6c0aa6cebc783dc15a44462bc04e89fcd13f13",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getInput(),(e||this.icon&&this.iconPosition==="end")&&i("div",{key:"2822280cb543d2315d062b00b52729f1603b8c6f",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e))))}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const o=!!this._el.querySelector(':scope > [slot="header"]');const s=!!this._el.querySelector(':scope > [slot="error"]');const n=r?i("slot",{name:"prefix"}):this.prefix;const l=a?i("slot",{name:"suffix"}):this.suffix;const c=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,prefix:n,suffix:l,errorAndErrorIsNotBoolean:c}}_getInput(){if(this.type==="custom"){return i("slot",{name:"input"})}const t={class:h({disabled:this.disabled}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let e=this.properties??{};if(typeof e==="string"){e=JSON.parse(this.properties)}if(this.type==="textarea"){i("textarea",{ref:t=>this._setInputRef(t),...t,...e})}return i("input",{type:this.type,ref:t=>this._setInputRef(t),...t,...e})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){const e=t.target.value;this.value=e;this.valueChange.emit(e)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}};b.style=d;const u="*{box-sizing:border-box}.static{position:static!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";const m=u;const g=class{constructor(r){t(this,r);this.focus=e(this,"focus",7);this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.errorPlacement=undefined;this.forceShowTooltip=false;this.optionalTemplate=this._defaultOptionalTemplate;this._locales={}}_defaultOptionalTemplate=()=>n(this._locales.optional);get _el(){return r(this)}focus;componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();return i(a,{key:"5a9f6522df4ed827c3e66dec4fb0f4632f7b227a",class:"p-field-container"},i("div",{key:"7aca74e4bc43e883cc97f1c053117735af73fed4",class:"flex w-inherit flex-col gap-1"},i("div",{key:"426757bcec0af2c2835b95946e802aa52d19e603",class:"flex items-end justify-between gap-1"},s&&i("div",{key:"b5f54de0e3643da28e390776339fd629cc784731",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!this.required||r||t)&&i("div",{key:"e3bad54b3ea5b73652cc50a08390adcf51563572",class:"flex items-center gap-1"},!this.required&&i("span",{key:"e175174c57d7d7aa3c36789a51b3ea19f3f82e93",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(r||t)&&i(o,{key:"b6a58573f43e5dcb18aaee9ae6317c9a8ae18461"},t&&i("slot",{key:"5708bac40fa9ac3c35aaa103a9314182dc22ceeb",name:"header"}),r&&i("p-helper",{key:"4b40eaeb300d824d6af645f77b4f646f9fa49688",class:`flex ${t?"ml-2":""}`,placement:"top-end"},r)))),i("p-tooltip",{key:"2548c71b57fb4380ed7199763d92e0bfec97672b",class:"w-full",variant:"error",content:this.error,show:n&&this.forceShowTooltip,enableUserInput:false,placement:this.errorPlacement},e&&i("slot",{key:"5e28992d5467ae8fc554aaa4b11833a9ef696918",name:"error",slot:"content"}),i("slot",{key:"f08fdbf1124fe2d4f9d8b9ca9d057d00254d8046",name:"content",slot:"trigger"}))))}async _setLocales(){this._locales=await l(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const o=t?i("slot",{name:"helper"}):this.helper;const s=e?i("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:a,helper:o,label:s,errorAndErrorIsNotBoolean:n}}};g.style=m;export{b as p_field,g as p_field_container};
|
|
2
|
+
//# sourceMappingURL=p-dbbf732c.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["fieldComponentCss","PFieldStyle0","field","cva","variants","size","sm","base","disabled","false","true","focused","error","compoundVariants","class","input","prefixAndSuffic","Field","valueChange","inputRefChange","_inputRef","componentDidLoad","this","_checkAutoFocus","render","prefix","suffix","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","_getSlotInfo","h","Host","key","forceShowTooltip","_focused","label","helper","required","name","slot","length","icon","iconPosition","onClick","_focusInput","variant","rotate","iconRotate","flip","iconFlip","_getInput","handleFocusIn","_selectAll","handleFocusOut","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","type","props","value","placeholder","onInput","ev","_valueChange","properties","JSON","parse","ref","_setInputRef","emit","focus","focusMethod","selectAllOnFocus","select","target","autofocus","setTimeout","fieldContainerComponentCss","PFieldContainerStyle0","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","optionalTemplate","Fragment","placement","content","show","enableUserInput","errorPlacement","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field.component.tsx","src/components/molecules/field-container/field-container.component.scss?tag=p-field-container&encapsulation=shadow","src/components/molecules/field-container/field-container.component.tsx"],"sourcesContent":[null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { templateFunc } from '../field-container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit px-2', 'border border-solid rounded-lg'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-6',\n\t\t\t\tbase: 'h-8',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'bg-white',\n\t\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst input = cva(\n\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full',\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffic = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n})\nexport class Field {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the input group\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the input group\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 * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event() valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field'>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={this.forceShowTooltip || this._focused}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getInput()}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getInput() {\n\t\tif (this.type === 'custom') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tclass: input({\n\t\t\t\tdisabled: this.disabled,\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: Event) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\t<textarea\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>;\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tconst value = (ev.target as HTMLTextAreaElement | HTMLInputElement).value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { Placement } from '@floating-ui/dom';\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.scss',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<div class='flex w-inherit flex-col gap-1'>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1'>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!this.required || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!this.required && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && this.forceShowTooltip}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='content'\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as a,H as i}from"./p-45ded510.js";const r=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";const o=r;const s=class{constructor(a){t(this,a);this.download=e(this,"download",3);this.delete=e(this,"delete",3);this.mode="read";this.loading=false;this.error=undefined;this.downloading=false}download;delete;render(){let t=a("p-icon",{key:"fc2ff12026a3d49835f060e38af081d923437e92",variant:"attachment"});if(this.loading){t=a("p-loader",{key:"13f037239a365ff64c3e1dafb693bd91307a5d4c"})}if(this.error){t=a("p-icon",{key:"1d0b3853ea3f84afe570a91bc0186f611fd228bb",variant:"warning",class:"text-negative"})}return a(i,{key:"28770175f555d1e0c84707dce0ca4f2ce5106625",class:"p-attachment flex items-start gap-4"},a("div",{key:"e42f8fa6c30fe3b11c82c0de6887871e26f01446",class:`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length?"text-negative":"text-storm-medium"}`},t,a("span",{key:"b8ab8bc0dd28eef5db6061a2efd659d029a1260d",class:"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap"},a("slot",{key:"7a55028d58a7d959be7ff9dbd0c3673b179fdc19"})),this.error?.length&&a("p-input-error",{key:"50a187071f5857dcb283245d8e94389fea97fff6",error:this.error})),a("p-button",{key:"2bc5660510cb29ed05961d21bff89c977126ecfe",variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":"trash",disabled:this.loading,loading:this.mode==="read"&&this.downloading,size:"sm",onOnClick:()=>(this.mode==="read"?this.download:this.delete).emit()}))}};s.style=o;export{s as p_attachment};
|
|
2
|
+
//# sourceMappingURL=p-dc01bfa8.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,H as e}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import{i as o}from"./p-b082e123.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.text-teal-300{--tw-text-opacity:1!important;color:rgb(107 184 175/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";const s=n;const l=i(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:["text-teal"],transparent:["bg-transparent"],dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const p=i([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"},variant:{primary:null,secondary:null,text:null,transparent:null,dropdown:null},disabled:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{variant:["secondary","dropdown"],disabled:false,active:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"text",disabled:false,active:false,class:"text-teal-300 group-hover:text-teal"},{variant:"transparent",disabled:false,active:false,class:"text-dark-teal-200 group-hover:text-dark-teal-100"}]});const d=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.active=false;this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none";this.class=undefined}onClick;render(){let t="white";switch(this.variant){case"secondary":t="storm";break;case"text":t="indigo";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const i=this.active||this.class?.includes("active");return a(e,{key:"b21137921cfdf8cef894f31aceec317b76f8e0dd",class:"p-button block"},a(r,{key:"3b796d5754b8e089b5dffe8d91e6f61e00538e0a",disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:l({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly,active:i})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"dd238bf0b2d040ed90a8e439dfb563d9168c61b7",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",{key:"9e06619e8b75a3afff008ef990bf3e04553d1d4b"}),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"8864bae307de1ddb69f1c466a428e2b05d907234",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"e5901475f799e01b5dc29a8a848a9e3fd239681f",color:t})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:p({size:this.size,variant:this.variant,disabled:this.disabled,active:this.active}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};d.style=s;const c="*{box-sizing:border-box}:host{-webkit-transform-origin:50% 51%}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const b=c;const m=i(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const h=class{constructor(r){t(this,r);this.variant=undefined;this.size="base";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(e,{key:"bf9559d3ea263753b66321c184077ee7163ec27b",class:m({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};h.style=b;const w=".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const g=w;const v=class{constructor(r){t(this,r);this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}_show=false;_showSubscriber;componendDidLoad(){this._show=this.show}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"p-loader variant-ghost"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(e,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},t))))}return a(e,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"flex w-full justify-center text-4xl"}`},t)}_checkShow(){if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=this.show?.subscribe((t=>this._show=t));return}this._show=this.show}};v.style=g;export{d as p_button,h as p_icon,v as p_loader};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as r,h as a,H as e}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import{i as o}from"./p-b082e123.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.text-teal-300{--tw-text-opacity:1!important;color:rgb(107 184 175/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";const s=n;const l=i(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:["text-teal"],transparent:["bg-transparent"],dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const p=i([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"},variant:{primary:null,secondary:null,text:null,transparent:null,dropdown:null},disabled:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{variant:["secondary","dropdown"],disabled:false,active:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"text",disabled:false,active:false,class:"text-teal-300 group-hover:text-teal"},{variant:"transparent",disabled:false,active:false,class:"text-dark-teal-200 group-hover:text-dark-teal-100"}]});const d=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.active=false;this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none";this.class=undefined}onClick;render(){let t="white";switch(this.variant){case"secondary":t="storm";break;case"text":t="indigo";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const i=this.active||this.class?.includes("active");return a(e,{key:"6424b147500f9e23b58e9130969b3a6551207793",class:"p-button block"},a(r,{key:"7e8ff2d9c88e22a000462e58f4b192403067843e",disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:l({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly,active:i})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"efb172d6b7e7ec4a50f4afc85af7a0c83a65ebfd",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",{key:"0baa166aedacae64b04d99cd539224e9315fc106"}),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"2add95303af94434a77a0c6b1935c886d4a3ddfa",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"3aaa904697024393c651dcba83075bfcf07af844",color:t})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:p({size:this.size,variant:this.variant,disabled:this.disabled,active:this.active}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};d.style=s;const c="*{box-sizing:border-box}:host{-webkit-transform-origin:50% 51%}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const b=c;const m=i(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const h=class{constructor(r){t(this,r);this.variant=undefined;this.size="base";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(e,{key:"bf9559d3ea263753b66321c184077ee7163ec27b",class:m({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};h.style=b;const w=".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const g=w;const v=class{constructor(r){t(this,r);this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}_show=false;_showSubscriber;componendDidLoad(){this._show=this.show}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"p-loader variant-ghost"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(e,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},t))))}return a(e,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"flex w-full justify-center text-4xl"}`},t)}_checkShow(){if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=this.show?.subscribe((t=>this._show=t));return}this._show=this.show}};v.style=g;export{d as p_button,h as p_icon,v as p_loader};
|
|
2
|
+
//# sourceMappingURL=p-e3b04c17.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,g as e,h as i,H as o}from"./p-45ded510.js";const s=".mb-\\[2px\\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.py-\\[calc\\(0\\.75rem-1px\\)\\]{padding-bottom:calc(.75rem - 1px)!important;padding-top:calc(.75rem - 1px)!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex;width:100%}:host .content .prefix,:host .content .suffix{--tw-text-opacity:1;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity,1));flex:1 1 0%;height:100%}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity,1))}:host(.error) .suffix,:host([error]) .suffix{align-items:flex-start;padding-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px)}:host(.size-small.error) .suffix,:host(.size-small[error]) .suffix{padding-bottom:.5rem;padding-top:.5rem}.static{position:static!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}";const r=s;const n=class{constructor(e){t(this,e);this.size="medium";this.prefix=undefined;this.suffix=undefined;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.iconPosition="start";this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.disabled=false;this.focused=false;this.forceShowTooltip=false;this.focusMethod="focus";this.errorVariant="auto";this._forceShowTooltip=false}get _el(){return e(this)}_whitelistedTags=["input","textarea"];componentDidLoad(){console.warn("[p-input-group] Deprecated, please use p-field")}componentWillRender(){this._setInputClasses()}render(){const{hasHeaderSlot:t,helper:e,label:s,prefix:r,suffix:n,errorAndErrorIsNotBoolean:a,errorVariant:d}=this._getSlotInfo();return i(o,{key:"9848be9dc18dbb66de4ffaeb0fd6377204355127",class:`p-input-group ${this.error?.length&&"error"} ${this.disabled&&"disabled"} ${this.focused&&"focused"} size-${this.size}`},i("div",{key:"4d4035d525fe79a6afbd669bf49302fbd96ee4a9",class:"flex items-end justify-between"},s&&i("div",{key:"859e6c72d70ddd2b62c72170be460452d0d87d11",class:"input-label",onClick:()=>this._focusInput()},s,this.required&&i("span",{key:"19c99b31a2d0f5b6f03971b6441e459653e3af13",class:"ml-1 text-negative"},"*")),(e||t)&&i("div",{key:"3e2abec6c63ae8d26b42316d48516992c2bc699b",class:"input-header"},t&&i("slot",{key:"1d100f887f1345ccfcf11e97d7667dd94355f026",name:"header"}),e&&i("p-helper",{key:"9dbf5401cd26db9421c526bd406c683829abd877",class:`flex ${t?"ml-2":""}`,placement:"top-end"},e))),i("p-tooltip",{key:"71ef03a090b4311c14d7c935809f147140791e9e",class:"w-full",variant:"error",content:this.error,show:a&&d==="element"&&(this.forceShowTooltip||this._forceShowTooltip),enableUserInput:false},i("div",{key:"21bda229af33f22f4080ef66cd2b2821f755edd6",class:"content",slot:"trigger"},(r||this.icon&&this.iconPosition==="start")&&i("div",{key:"21f4e49db797a4ee2e6caee81d952858cc550567",class:`prefix size-${this.size}`,onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):r),(n||a&&d==="icon"||this.icon&&this.iconPosition==="end")&&i("div",{key:"033bc354c872c0b9fb351182d7466515642d3f9b",class:`suffix size-${this.size}`,onClick:()=>this._focusInput()},a&&d==="icon"?i("p-input-error",{error:this.error,forceShowTooltip:this.forceShowTooltip||this._forceShowTooltip}):this.icon&&this.iconPosition==="end"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):n),i("slot",{key:"1dc6aa666c99246ba2d532c435987875528af5f6",name:"input"}))))}handleFocusIn(){this._forceShowTooltip=true}handleFocusOut(){this._forceShowTooltip=false}_setInputClasses(){const t=this._el.querySelector(':scope > [slot="input"]');if(!t){return}const e=t.tagName.toLowerCase();if(this._whitelistedTags.indexOf(e)===-1){return}if(!t.classList.contains("p-input")){t.classList.add("p-input")}const{prefix:i,suffix:o,errorAndErrorIsNotBoolean:s,errorVariant:r}=this._getSlotInfo();if(o||s&&r==="icon"||this.icon&&this.iconPosition==="end"){t.classList.add("border-r-0","rounded-tr-none","rounded-br-none","pr-0")}else{t.classList.remove("border-r-0","rounded-tr-none","rounded-br-none","pr-0")}if(i||this.icon&&this.iconPosition==="start"){t.classList.add("border-l-0","rounded-tl-none","rounded-bl-none","pl-0")}else{t.classList.remove("border-l-0","rounded-tl-none","rounded-bl-none","pl-0")}if(this.size==="small"&&!t.classList.contains("size-small")){t.classList.add("size-small")}if(this.size!=="small"&&t.classList.contains("size-small")){t.classList.remove("size-small")}}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const o=!!this._el.querySelector(':scope > [slot="prefix"]');const s=!!this._el.querySelector(':scope > [slot="suffix"]');const r=!!this._el.querySelector(':scope > [slot="header"]');const n=t?i("slot",{name:"helper"}):this.helper;const a=e?i("slot",{name:"label"}):this.label;const d=o?i("slot",{name:"prefix"}):this.prefix;const l=s?i("slot",{name:"suffix"}):this.suffix;const p=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:o,hasSuffixSlot:s,hasHeaderSlot:r,helper:n,label:a,prefix:d,suffix:l,errorAndErrorIsNotBoolean:p,errorVariant:this.errorVariant==="auto"?this._el.offsetWidth<=72?"element":"icon":this.errorVariant}}_focusInput(){const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}};n.style=r;export{n as p_input_group};
|
|
2
|
+
//# sourceMappingURL=p-e5a54d05.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["inputGroupComponentCss","PInputGroupStyle0","InputGroup","_whitelistedTags","componentDidLoad","console","warn","componentWillRender","this","_setInputClasses","render","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","errorVariant","_getSlotInfo","h","Host","key","class","error","length","disabled","focused","size","onClick","_focusInput","required","name","placement","variant","content","show","forceShowTooltip","_forceShowTooltip","enableUserInput","slot","icon","iconPosition","rotate","iconRotate","flip","iconFlip","handleFocusIn","handleFocusOut","input","_el","querySelector","tagName","toLowerCase","indexOf","classList","contains","add","remove","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot","offsetWidth","focusMethod"],"sources":["src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n\t@apply flex w-full flex-col;\n\t@apply outline-none #{!important};\n\n\t.input-label {\n\t\t@apply mb-[2px] text-xs font-semibold uppercase tracking-wider text-storm-vague;\n\t}\n\n\t.input-header {\n\t\t@apply mb-[2px] flex items-end gap-2;\n\t}\n\n\t.content {\n\t\t@apply flex w-full;\n\n\t\t.prefix,\n\t\t.suffix {\n\t\t\t@apply box-border flex-1 text-storm;\n\t\t\t@apply h-full;\n\t\t}\n\n\t\t.prefix {\n\t\t\t@apply rounded-br-none rounded-tr-none;\n\t\t\t@apply border-r-0 #{!important};\n\t\t\t@apply order-1;\n\t\t\t@apply pr-2;\n\t\t}\n\n\t\t.suffix {\n\t\t\t@apply rounded-bl-none rounded-tl-none;\n\t\t\t@apply order-3;\n\t\t\t@apply pl-2;\n\t\t\t@apply border-l-0 #{!important};\n\t\t}\n\t}\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n\t@apply outline-none #{!important};\n\n\t.prefix,\n\t.suffix {\n\t\t@apply text-indigo;\n\t}\n}\n\n:host(.error),\n:host([error]) {\n\t.prefix,\n\t.suffix {\n\t\t@apply text-negative;\n\t}\n\n\t.suffix {\n\t\t@apply items-start py-[calc(0.75rem-1px)];\n\t}\n}\n\n:host(.disabled),\n:host([disabled]) {\n\t.prefix,\n\t.suffix {\n\t}\n}\n\n:host(.size-small.error),\n:host(.size-small[error]) {\n\t.suffix {\n\t\t@apply py-2;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-input-group',\n\tstyleUrl: './input-group.component.scss',\n\tshadow: true,\n})\nexport class InputGroup {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group\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;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The error variant to use\n\t */\n\t@Prop() errorVariant: 'auto' | 'suffix' | 'element' = 'auto';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _forceShowTooltip = false;\n\n\tprivate _whitelistedTags = ['input', 'textarea'];\n\n\tcomponentDidLoad() {\n\t\tconsole.warn('[p-input-group] Deprecated, please use p-field');\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._setInputClasses();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-input-group ${this.error?.length && 'error'} ${\n\t\t\t\t\tthis.disabled && 'disabled'\n\t\t\t\t} ${this.focused && 'focused'} size-${this.size}`}\n\t\t\t>\n\t\t\t\t<div class='flex items-end justify-between'>\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='input-label'\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t{this.required && <span class='ml-1 text-negative'>*</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t<div class='input-header'>\n\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='w-full'\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={\n\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\terrorVariant === 'element' &&\n\t\t\t\t\t\t(this.forceShowTooltip || this._forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='content'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`prefix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(suffix ||\n\t\t\t\t\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`suffix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (\n\t\t\t\t\t\t\t\t\t<p-input-error\n\t\t\t\t\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t\t\t\t\t\tthis.forceShowTooltip || this._forceShowTooltip\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot name='input' />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tthis._forceShowTooltip = true;\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tthis._forceShowTooltip = false;\n\t}\n\t/*\n With this, we shall hack the system in ways no one would ever have thought.\n\n <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n */\n\tprivate _setInputClasses() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n\t\tif (!input) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tagName = input.tagName.toLowerCase();\n\t\tif (this._whitelistedTags.indexOf(tagName) === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!input.classList.contains('p-input')) {\n\t\t\tinput.classList.add('p-input');\n\t\t}\n\n\t\tconst { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n\t\t\tthis._getSlotInfo();\n\n\t\tif (\n\t\t\tsuffix ||\n\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t(this.icon && this.iconPosition === 'end')\n\t\t) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t}\n\n\t\tif (prefix || (this.icon && this.iconPosition === 'start')) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t}\n\n\t\tif (this.size === 'small' && !input.classList.contains('size-small')) {\n\t\t\tinput.classList.add('size-small');\n\t\t}\n\n\t\tif (this.size !== 'small' && input.classList.contains('size-small')) {\n\t\t\tinput.classList.remove('size-small');\n\t\t}\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant:\n\t\t\t\tthis.errorVariant === 'auto'\n\t\t\t\t\t? this._el.offsetWidth <= 72\n\t\t\t\t\t\t? 'element'\n\t\t\t\t\t\t: 'icon'\n\t\t\t\t\t: this.errorVariant,\n\t\t};\n\t}\n\n\tprivate _focusInput() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as s,H as a}from"./p-45ded510.js";import{f as r,g as n}from"./p-f26a3049.js";import{d as o,a as h}from"./p-da7b6f2c.js";const p=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3);this.size=o;this.sizeOptions=h;this.chevronPosition="start";this.buttonSize="sm";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}_defaultButtonTemplate=t=>r(this._locales.item,{size:t});_defaultItemTemplate=t=>r(this._locales.item,{size:t});sizeChange;get _el(){return i(this)}componentWillLoad(){this._setLocales()}render(){return s(a,{key:"fed0ed91432b016ba89756bbb1da23280d53fbad",class:`p-page-size-select ${this.hidden&&"hidden"}`},s("p-dropdown",{key:"e0c88d1e79a318d6722aa930d398c2885c25db55",placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},s("p-button",{key:"5533afc447a3cc32e173e5043461e503d79d85ca",variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),s("slot",{key:"03b5da08593e42e2c632418d3c40621377e181c9",slot:"items"},this.sizeOptions.map((t=>s("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await n(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};const c=".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";const l=c;const d=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return s(a,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,g as i,h as s,H as a}from"./p-45ded510.js";import{f as r,g as n}from"./p-f26a3049.js";import{d as o,a as h}from"./p-da7b6f2c.js";const p=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3);this.size=o;this.sizeOptions=h;this.chevronPosition="start";this.buttonSize="sm";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}_defaultButtonTemplate=t=>r(this._locales.item,{size:t});_defaultItemTemplate=t=>r(this._locales.item,{size:t});sizeChange;get _el(){return i(this)}componentWillLoad(){this._setLocales()}render(){return s(a,{key:"fed0ed91432b016ba89756bbb1da23280d53fbad",class:`p-page-size-select ${this.hidden&&"hidden"}`},s("p-dropdown",{key:"e0c88d1e79a318d6722aa930d398c2885c25db55",placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},s("p-button",{key:"5533afc447a3cc32e173e5043461e503d79d85ca",variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),s("slot",{key:"03b5da08593e42e2c632418d3c40621377e181c9",slot:"items"},this.sizeOptions.map((t=>s("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await n(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};const c=".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";const l=c;const d=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return s(a,{key:"3568c3e866dcd2ffee3fb8acd34a81d63e564068",class:`p-pagination ${this.hideOnSinglePage&&this._set?.length===3&&"hidden"}`},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return s("p-pagination-item",{onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return s("p-pagination-item",null,"...")}return s("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){const t=this.page-1;if(t<this._pages[0]){return}this._changePage(t)}_nextClick=()=>{const t=this.page+1;if(t>this._pages[this._pages.length-1]){return}this._changePage(t)};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const i=this._pages.length;if(!i){return[]}let a=this.page-t;let r=this.page+t;if(r>i){r=i;a=i-t*2;a=a<1?1:a}if(a<=1){a=1;r=Math.min(t*2+1,i)}const n=[];const o={type:"previous",value:s("p-icon",{variant:"caret",rotate:90})};const h={type:"next",value:s("p-icon",{variant:"caret",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,h]:t}if(e){n.push(o)}if(a<=3){for(let t=1;t<a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=a;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=i-2){for(let t=r+1;t<=i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(h)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};d.style=l;const g=".flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";const f=g;const u=class{constructor(e){t(this,e);this.active=false}render(){return s(a,{key:"7057240b7a1e8ad095e9c3414b03060f6f63bef2",class:`p-pagination-item ${this.active&&"active"}`},s("slot",{key:"d55228d72fcf51a6c7bf9f848c401553b86e40d6"}))}};u.style=f;export{p as p_page_size_select,d as p_pagination,u as p_pagination_item};
|
|
2
|
+
//# sourceMappingURL=p-f56de35e.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,H as a}from"./p-45ded510.js";const i="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";const o=i;const s=class{constructor(t){e(this,t);this.header=undefined}render(){return t(a,{key:"2278321f85bd2cc19317f416174aee1d2797ff56",class:"p-navigation-section flex flex-col gap-2"},this.header?.length>0&&t("p-navigation-title",{key:"2eba4771425254e503d02470d0b7caeb18cac710"},this.header),t("div",{key:"bf1ffb4905308dbc7694e911ca171be4686e0300",class:"flex flex-col"},t("slot",{key:"e646b3ae3781eea037ff358dc59937d847f2b956"})))}};s.style=o;export{s as p_navigation_section};
|
|
2
|
+
//# sourceMappingURL=p-fc9cfbd1.entry.js.map
|