@dropi/ui 0.1.49 → 0.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dropi-alert-modal.cjs.entry.js +30 -1
- package/dist/cjs/dropi-date-picker-range.cjs.entry.js +135 -28
- package/dist/cjs/dropi-ui.cjs.js +1 -1
- package/dist/cjs/index-C8kwDvpf.js +2773 -0
- package/dist/cjs/index-CEWSDq65.js +2773 -0
- package/dist/cjs/{index-VFDdqTlC.js → index-DydfpGMc.js} +10 -45
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dropi-alert/dropi-alert.js +2 -2
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js +59 -21
- package/dist/collection/components/dropi-avatars/dropi-avatars.js +1 -1
- package/dist/collection/components/dropi-badge/dropi-badge.js +1 -1
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.js +2 -2
- package/dist/collection/components/dropi-button/dropi-button.js +5 -5
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js +1 -1
- package/dist/collection/components/dropi-chips/dropi-chips.js +2 -2
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.js +1 -1
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +1 -1
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.css +169 -83
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js +173 -32
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.js +2 -2
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js +3 -3
- package/dist/collection/components/dropi-input/dropi-input.js +1 -1
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js +3 -3
- package/dist/collection/components/dropi-modal/dropi-modal.js +2 -2
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js +2 -2
- package/dist/collection/components/dropi-search/dropi-search.js +3 -3
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.js +2 -2
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js +2 -2
- package/dist/collection/components/dropi-skeleton/dropi-skeleton.js +1 -1
- package/dist/collection/components/dropi-steps/dropi-steps.js +2 -2
- package/dist/collection/components/dropi-table/dropi-table.js +5 -5
- package/dist/collection/components/dropi-tabs/dropi-tabs.js +2 -2
- package/dist/collection/components/dropi-tag/dropi-tag.js +3 -3
- package/dist/collection/components/dropi-text-area/dropi-text-area.js +2 -2
- package/dist/collection/components/dropi-time-line/dropi-time-line.js +1 -1
- package/dist/collection/components/dropi-toast/dropi-toast.js +1 -1
- package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js +3 -3
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js +1 -1
- package/dist/components/dropi-alert-modal.js +1 -1
- package/dist/components/dropi-date-picker-range.js +1 -1
- package/dist/components/p-1YjHPRto.js +1 -0
- package/dist/components/p-2YgFOle2.js +1 -0
- package/dist/components/p-9CkX3ALN.js +1 -0
- package/dist/components/p-B9R8Apw7.js +1 -0
- package/dist/components/p-BDYn1JDe.js +1 -0
- package/dist/components/p-BGb7xtJN.js +1 -0
- package/dist/components/p-BHV6BYSS.js +1 -0
- package/dist/components/p-BKTMBQVw.js +1 -0
- package/dist/components/p-BSHROiHb.js +1 -0
- package/dist/components/p-BT99axEq.js +1 -0
- package/dist/components/p-BVgUVZyu.js +1 -0
- package/dist/components/p-BhRjfHZ3.js +1 -0
- package/dist/components/p-Bimspdte.js +1 -0
- package/dist/components/p-BmuWhHN-.js +1 -0
- package/dist/components/{p-62Q3xlFX.js → p-BqJ52YOH.js} +1 -1
- package/dist/components/{p-D950-HcO.js → p-BrR1YjVi.js} +1 -1
- package/dist/components/p-BrnGRyf0.js +1 -0
- package/dist/components/p-BtkDdEAq.js +1 -0
- package/dist/components/p-Btsw7sPN.js +1 -0
- package/dist/components/p-BvIwy9Yl.js +1 -0
- package/dist/components/p-BzCPv3ND.js +1 -0
- package/dist/components/p-C44-ijf2.js +1 -0
- package/dist/components/p-CHb992Wr.js +1 -0
- package/dist/components/p-CJ4s6SQT.js +1 -0
- package/dist/components/p-CKflT57p.js +1 -0
- package/dist/components/p-CV_oz45O.js +1 -0
- package/dist/components/p-CWT7wT9m.js +1 -0
- package/dist/components/p-CWWFRdg7.js +1 -0
- package/dist/components/p-CWwDNt3V.js +1 -0
- package/dist/components/p-CXUiN3Rj.js +1 -0
- package/dist/components/p-C_zOkGR5.js +1 -0
- package/dist/components/p-CgRY3n1J.js +1 -0
- package/dist/components/p-Cjq4FTif.js +1 -0
- package/dist/components/p-Cujt3jky.js +1 -0
- package/dist/components/p-D5UeShUa.js +1 -0
- package/dist/components/p-DFNI0UID.js +1 -0
- package/dist/components/p-DG5fe-Ke.js +1 -0
- package/dist/components/p-DKWuIsc_.js +1 -0
- package/dist/components/{p-R8EYlzGW.js → p-DLyzE3Kh.js} +1 -1
- package/dist/components/p-DN_IcU8H.js +1 -0
- package/dist/components/p-DON3zW51.js +1 -0
- package/dist/components/p-DQzskhll.js +1 -0
- package/dist/components/p-DYYToiO9.js +1 -0
- package/dist/components/p-DehWQyi5.js +1 -0
- package/dist/components/p-DfSe-tBr.js +1 -0
- package/dist/components/{p-BxrlUqdP.js → p-DfdhNT9F.js} +1 -1
- package/dist/components/{p-Cs6YwqtK.js → p-Dgeh9Yg8.js} +1 -1
- package/dist/components/p-DlaiuH5K.js +1 -0
- package/dist/components/p-DvLWbKsf.js +1 -0
- package/dist/components/p-DvaFep4Y.js +1 -0
- package/dist/components/p-Dz9uN5Nw.js +1 -0
- package/dist/components/p-ETg0qC-7.js +1 -0
- package/dist/components/p-FAhcOdS-.js +1 -0
- package/dist/components/p-HCtk4_Dq.js +1 -0
- package/dist/components/p-QezfyBk4.js +1 -0
- package/dist/components/p-RD09_3LO.js +1 -0
- package/dist/components/p-a-hGQrJd.js +1 -0
- package/dist/components/{p-DATJEZ93.js → p-dbZuh0Uq.js} +1 -1
- package/dist/components/p-emzVHCws.js +1 -0
- package/dist/components/p-im7kgtnS.js +1 -0
- package/dist/components/p-kC6NU5nP.js +1 -0
- package/dist/components/p-lX2uCKEi.js +1 -0
- package/dist/components/{p-DF9kqJr-.js → p-ndQSfLKF.js} +1 -1
- package/dist/components/p-plWZwD4h.js +1 -0
- package/dist/components/p-t0lkpFmw.js +1 -0
- package/dist/components/p-ujToMKti.js +1 -0
- package/dist/docs.json +142 -87
- package/dist/dropi-ui/dropi-accordion-item.entry.js +1 -1
- package/dist/dropi-ui/dropi-accordion.entry.js +1 -1
- package/dist/dropi-ui/dropi-alert-legacy.entry.js +1 -1
- package/dist/dropi-ui/dropi-alert-modal.entry.js +1 -1
- package/dist/dropi-ui/dropi-alert.entry.js +1 -1
- package/dist/dropi-ui/dropi-avatars.entry.js +1 -1
- package/dist/dropi-ui/dropi-badge-legacy.entry.js +1 -1
- package/dist/dropi-ui/dropi-badge.entry.js +1 -1
- package/dist/dropi-ui/dropi-banner-external.entry.js +1 -1
- package/dist/dropi-ui/dropi-breadcrumb.entry.js +1 -1
- package/dist/dropi-ui/dropi-button.entry.js +1 -1
- package/dist/dropi-ui/dropi-card-checkbox.entry.js +1 -1
- package/dist/dropi-ui/dropi-card-product.entry.js +1 -1
- package/dist/dropi-ui/dropi-card-section.entry.js +1 -1
- package/dist/dropi-ui/dropi-carousel.entry.js +1 -1
- package/dist/dropi-ui/dropi-checkbox-selection-list.entry.js +1 -1
- package/dist/dropi-ui/dropi-checkbox.entry.js +1 -1
- package/dist/dropi-ui/dropi-chips.entry.js +1 -1
- package/dist/dropi-ui/dropi-city-selector.entry.js +1 -1
- package/dist/dropi-ui/dropi-color-picker.entry.js +1 -1
- package/dist/dropi-ui/dropi-country-flags.entry.js +1 -1
- package/dist/dropi-ui/dropi-country-selector.entry.js +1 -1
- package/dist/dropi-ui/dropi-date-picker-range.entry.js +1 -1
- package/dist/dropi-ui/dropi-date-picker.entry.js +1 -1
- package/dist/dropi-ui/dropi-drawer.entry.js +1 -1
- package/dist/dropi-ui/dropi-dropdown.entry.js +1 -1
- package/dist/dropi-ui/dropi-empty-state.entry.js +1 -1
- package/dist/dropi-ui/dropi-favorite-button.entry.js +1 -1
- package/dist/dropi-ui/dropi-file-upload-progress-bar.entry.js +1 -1
- package/dist/dropi-ui/dropi-file-upload.entry.js +1 -1
- package/dist/dropi-ui/dropi-icon.entry.js +2 -4
- package/dist/dropi-ui/dropi-icon.entry.js.map +1 -1
- package/dist/dropi-ui/dropi-ilustration-icon.entry.js +7 -11
- package/dist/dropi-ui/dropi-ilustration-icon.entry.js.map +1 -1
- package/dist/dropi-ui/dropi-image-miniature.entry.js +1 -1
- package/dist/dropi-ui/dropi-image-overlay.entry.js +1 -1
- package/dist/dropi-ui/dropi-input.entry.js +4 -4
- package/dist/dropi-ui/dropi-input.entry.js.map +1 -1
- package/dist/dropi-ui/dropi-languages-selector.entry.js +1 -1
- package/dist/dropi-ui/dropi-logo.entry.js +1 -1
- package/dist/dropi-ui/dropi-lottie-loader.entry.js +2 -2
- package/dist/dropi-ui/dropi-lottie-loader.entry.js.map +1 -1
- package/dist/dropi-ui/dropi-media-player.entry.js +1 -1
- package/dist/dropi-ui/dropi-modal.entry.js +1 -1
- package/dist/dropi-ui/dropi-navbar.entry.js +1 -1
- package/dist/dropi-ui/dropi-otp-send-code.entry.js +1 -1
- package/dist/dropi-ui/dropi-paginator.entry.js +1 -1
- package/dist/dropi-ui/dropi-phone-input.entry.js +1 -1
- package/dist/dropi-ui/dropi-progress-bar.entry.js +1 -1
- package/dist/dropi-ui/dropi-radio-button.entry.js +1 -1
- package/dist/dropi-ui/dropi-radio-selection-list.entry.js +1 -1
- package/dist/dropi-ui/dropi-read-more.entry.js +1 -1
- package/dist/dropi-ui/dropi-search.entry.js +1 -1
- package/dist/dropi-ui/dropi-select.entry.js +1 -1
- package/dist/dropi-ui/dropi-sidebar.entry.js +1 -1
- package/dist/dropi-ui/dropi-simple-stepper.entry.js +1 -1
- package/dist/dropi-ui/dropi-skeleton.entry.js +1 -1
- package/dist/dropi-ui/dropi-steps.entry.js +1 -1
- package/dist/dropi-ui/dropi-switch.entry.js +1 -1
- package/dist/dropi-ui/dropi-table.entry.js +1 -1
- package/dist/dropi-ui/dropi-tabs.entry.js +1 -1
- package/dist/dropi-ui/dropi-tag-type-product.entry.js +1 -1
- package/dist/dropi-ui/dropi-tag.entry.js +1 -1
- package/dist/dropi-ui/dropi-text-area.entry.js +1 -1
- package/dist/dropi-ui/dropi-time-line.entry.js +1 -1
- package/dist/dropi-ui/dropi-toast.entry.js +1 -1
- package/dist/dropi-ui/dropi-tooltip-v2.entry.js +1 -1
- package/dist/dropi-ui/dropi-tooltip.entry.js +1 -1
- package/dist/dropi-ui/dropi-ui.esm.js +1 -1
- package/dist/dropi-ui/dropi-ui.esm.js.map +1 -1
- package/dist/dropi-ui/dropi-vertical-steps.entry.js +1 -1
- package/dist/dropi-ui/dropi-youtube-lazy-video.entry.js +1 -1
- package/dist/dropi-ui/index-Cvp2LQOM.js +4585 -0
- package/dist/dropi-ui/index-Cvp2LQOM.js.map +1 -0
- package/dist/dropi-ui/{index-CZu1AKUh.js → index-D0Z06C2b.js} +22 -62
- package/dist/dropi-ui/index-D0Z06C2b.js.map +1 -0
- package/dist/dropi-ui/p-019c2c37.entry.js +1 -0
- package/dist/dropi-ui/p-01c57627.entry.js +1 -0
- package/dist/dropi-ui/p-01e4fe42.entry.js +1 -0
- package/dist/dropi-ui/{p-b53bdc88.entry.js → p-03515548.entry.js} +1 -1
- package/dist/dropi-ui/p-0366349e.entry.js +1 -0
- package/dist/dropi-ui/p-06bdd006.entry.js +1 -0
- package/dist/dropi-ui/p-086a6f5f.entry.js +1 -0
- package/dist/dropi-ui/p-088616e6.entry.js +1 -0
- package/dist/dropi-ui/p-08bc8fb2.entry.js +1 -0
- package/dist/dropi-ui/{p-524a47f5.entry.js → p-09462f7b.entry.js} +1 -1
- package/dist/dropi-ui/p-0946a1f7.entry.js +1 -0
- package/dist/dropi-ui/p-099f4475.entry.js +1 -0
- package/dist/dropi-ui/p-09aa9a3c.entry.js +1 -0
- package/dist/dropi-ui/{p-61b8675a.entry.js → p-09cf560a.entry.js} +1 -1
- package/dist/dropi-ui/p-0a76c15c.entry.js +1 -0
- package/dist/dropi-ui/p-0d188f2c.entry.js +1 -0
- package/dist/dropi-ui/p-0e026afe.entry.js +1 -0
- package/dist/dropi-ui/{p-b9b80e3a.entry.js → p-0ef73e45.entry.js} +1 -1
- package/dist/dropi-ui/p-0f1b13e5.entry.js +1 -0
- package/dist/dropi-ui/p-1107c210.entry.js +1 -0
- package/dist/dropi-ui/p-13a6dd72.entry.js +1 -0
- package/dist/dropi-ui/{p-c0661515.entry.js → p-1558c22f.entry.js} +1 -1
- package/dist/dropi-ui/p-16674c7c.entry.js +1 -0
- package/dist/dropi-ui/p-17b16a74.entry.js +1 -0
- package/dist/dropi-ui/p-17c53e19.entry.js +1 -0
- package/dist/dropi-ui/p-17c56074.entry.js +1 -0
- package/dist/dropi-ui/p-19031bf8.entry.js +1 -0
- package/dist/dropi-ui/p-1a07b3a6.entry.js +1 -0
- package/dist/dropi-ui/p-1cd4d630.entry.js +1 -0
- package/dist/dropi-ui/p-1ce00757.entry.js +1 -0
- package/dist/dropi-ui/p-1d3d6a32.entry.js +1 -0
- package/dist/dropi-ui/p-1d75dff6.entry.js +1 -0
- package/dist/dropi-ui/p-20a6a2aa.entry.js +1 -0
- package/dist/dropi-ui/p-229dddb0.entry.js +1 -0
- package/dist/dropi-ui/p-256bf069.entry.js +1 -0
- package/dist/dropi-ui/p-25f0c2c9.entry.js +1 -0
- package/dist/dropi-ui/p-278281d2.entry.js +1 -0
- package/dist/dropi-ui/p-28f960a1.entry.js +1 -0
- package/dist/dropi-ui/{p-ca7c025d.entry.js → p-2ad8d3c1.entry.js} +1 -1
- package/dist/dropi-ui/p-2b5ce062.entry.js +1 -0
- package/dist/dropi-ui/p-2d356767.entry.js +1 -0
- package/dist/dropi-ui/p-2d9978c1.entry.js +1 -0
- package/dist/dropi-ui/{p-3615e06b.entry.js → p-2f9072e7.entry.js} +1 -1
- package/dist/dropi-ui/{p-86edabef.entry.js → p-30377b7e.entry.js} +1 -1
- package/dist/dropi-ui/{p-8220e6b4.entry.js → p-342eaf9e.entry.js} +1 -1
- package/dist/dropi-ui/p-3496cc01.entry.js +1 -0
- package/dist/dropi-ui/p-35b37d1a.entry.js +1 -0
- package/dist/dropi-ui/p-369a069e.entry.js +1 -0
- package/dist/dropi-ui/{p-ea6718c9.entry.js → p-372a5023.entry.js} +1 -1
- package/dist/dropi-ui/{p-ae4ebdab.entry.js → p-378b165b.entry.js} +1 -1
- package/dist/dropi-ui/p-37bdbadc.entry.js +1 -0
- package/dist/dropi-ui/p-38ea66e4.entry.js +1 -0
- package/dist/dropi-ui/p-393867c2.entry.js +1 -0
- package/dist/dropi-ui/p-3a28b79c.entry.js +1 -0
- package/dist/dropi-ui/p-3aefce2b.entry.js +1 -0
- package/dist/dropi-ui/{p-8fdedca9.entry.js → p-3e36c8b8.entry.js} +1 -1
- package/dist/dropi-ui/p-3ebc9b7b.entry.js +1 -0
- package/dist/dropi-ui/{p-ccb4e71c.entry.js → p-3ec6620c.entry.js} +1 -1
- package/dist/dropi-ui/p-3f76c680.entry.js +1 -0
- package/dist/dropi-ui/{p-07767ed6.entry.js → p-42a85ce5.entry.js} +1 -1
- package/dist/dropi-ui/{p-27f96cec.entry.js → p-43e21ed8.entry.js} +1 -1
- package/dist/dropi-ui/p-488a3113.entry.js +1 -0
- package/dist/dropi-ui/p-497e4eff.entry.js +1 -0
- package/dist/dropi-ui/p-4a72e4c8.entry.js +1 -0
- package/dist/dropi-ui/p-4b169817.entry.js +1 -0
- package/dist/dropi-ui/p-4d31eab8.entry.js +1 -0
- package/dist/dropi-ui/p-4e401fbc.entry.js +1 -0
- package/dist/dropi-ui/p-4f498d26.entry.js +1 -0
- package/dist/dropi-ui/p-508cfd38.entry.js +1 -0
- package/dist/dropi-ui/{p-581e548d.entry.js → p-50e851b7.entry.js} +1 -1
- package/dist/dropi-ui/{p-cc011b6a.entry.js → p-51028e22.entry.js} +1 -1
- package/dist/dropi-ui/p-510ad065.entry.js +1 -0
- package/dist/dropi-ui/{p-42d914c5.entry.js → p-532136cc.entry.js} +1 -1
- package/dist/dropi-ui/p-53a7a37d.entry.js +1 -0
- package/dist/dropi-ui/p-53d2905c.entry.js +1 -0
- package/dist/dropi-ui/p-54bfb072.entry.js +1 -0
- package/dist/dropi-ui/{p-5241c2ef.entry.js → p-5730ca4e.entry.js} +1 -1
- package/dist/dropi-ui/p-575e1951.entry.js +1 -0
- package/dist/dropi-ui/p-57c3b667.entry.js +1 -0
- package/dist/dropi-ui/p-5915d227.entry.js +1 -0
- package/dist/dropi-ui/p-5c0cd221.entry.js +1 -0
- package/dist/dropi-ui/{p-a085fc89.entry.js → p-5cee6721.entry.js} +1 -1
- package/dist/dropi-ui/{p-4c723992.entry.js → p-5e0da387.entry.js} +1 -1
- package/dist/dropi-ui/p-5eb75ddf.entry.js +1 -0
- package/dist/dropi-ui/p-5f5c0a5c.entry.js +1 -0
- package/dist/dropi-ui/p-5f735166.entry.js +1 -0
- package/dist/dropi-ui/{p-1f02fad2.entry.js → p-60901aa7.entry.js} +1 -1
- package/dist/dropi-ui/p-61f8905c.entry.js +1 -0
- package/dist/dropi-ui/{p-9c498aba.entry.js → p-62847b6f.entry.js} +1 -1
- package/dist/dropi-ui/{p-86449ef1.entry.js → p-647bab57.entry.js} +1 -1
- package/dist/dropi-ui/p-648e5340.entry.js +1 -0
- package/dist/dropi-ui/p-650a7679.entry.js +1 -0
- package/dist/dropi-ui/p-66d7d67b.entry.js +1 -0
- package/dist/dropi-ui/{p-44bbd5da.entry.js → p-673a5cfd.entry.js} +1 -1
- package/dist/dropi-ui/{p-0f743398.entry.js → p-67ba7d35.entry.js} +1 -1
- package/dist/dropi-ui/{p-ab803fe0.entry.js → p-68cae74b.entry.js} +1 -1
- package/dist/dropi-ui/p-692b665a.entry.js +1 -0
- package/dist/dropi-ui/{p-09c7790e.entry.js → p-69cf66c1.entry.js} +1 -1
- package/dist/dropi-ui/{p-11b83d87.entry.js → p-69f07cca.entry.js} +1 -1
- package/dist/dropi-ui/{p-44998336.entry.js → p-6a148627.entry.js} +1 -1
- package/dist/dropi-ui/{p-e272bfce.entry.js → p-6a51f80c.entry.js} +1 -1
- package/dist/dropi-ui/{p-8652ce1a.entry.js → p-6b925a36.entry.js} +1 -1
- package/dist/dropi-ui/{p-2c529f8f.entry.js → p-6c45c910.entry.js} +1 -1
- package/dist/dropi-ui/p-6cb6cfe0.entry.js +1 -0
- package/dist/dropi-ui/p-6dbce3d3.entry.js +1 -0
- package/dist/dropi-ui/{p-cfef0047.entry.js → p-6ef4affd.entry.js} +1 -1
- package/dist/dropi-ui/p-70f75e92.entry.js +1 -0
- package/dist/dropi-ui/p-7140309a.entry.js +1 -0
- package/dist/dropi-ui/p-719a01cb.entry.js +1 -0
- package/dist/dropi-ui/{p-383defa8.entry.js → p-721ef2b1.entry.js} +1 -1
- package/dist/dropi-ui/p-72c6e0c4.entry.js +1 -0
- package/dist/dropi-ui/p-72ec96d0.entry.js +1 -0
- package/dist/dropi-ui/p-7369b3b4.entry.js +1 -0
- package/dist/dropi-ui/p-7450d195.entry.js +1 -0
- package/dist/dropi-ui/{p-a1286aef.entry.js → p-754aed1c.entry.js} +1 -1
- package/dist/dropi-ui/p-7664b8f9.entry.js +1 -0
- package/dist/dropi-ui/p-76fa02a1.entry.js +1 -0
- package/dist/dropi-ui/p-770b0195.entry.js +1 -0
- package/dist/dropi-ui/{p-86f7a5a6.entry.js → p-774aab1a.entry.js} +1 -1
- package/dist/dropi-ui/p-77cd2fcb.entry.js +1 -0
- package/dist/dropi-ui/{p-68891c64.entry.js → p-7822b081.entry.js} +1 -1
- package/dist/dropi-ui/{p-3bc24b37.entry.js → p-78282471.entry.js} +1 -1
- package/dist/dropi-ui/p-78aa7fb3.entry.js +1 -0
- package/dist/dropi-ui/p-7a18b7a0.entry.js +1 -0
- package/dist/dropi-ui/p-7a25f595.entry.js +1 -0
- package/dist/dropi-ui/p-7bc18f39.entry.js +1 -0
- package/dist/dropi-ui/p-7c0f959f.entry.js +1 -0
- package/dist/dropi-ui/p-7c3aa4bc.entry.js +1 -0
- package/dist/dropi-ui/{p-a86eb425.entry.js → p-7c5ea4c5.entry.js} +1 -1
- package/dist/dropi-ui/{p-20418f9e.entry.js → p-7e526178.entry.js} +1 -1
- package/dist/dropi-ui/p-7e99d4c4.entry.js +1 -0
- package/dist/dropi-ui/p-7f02ae47.entry.js +1 -0
- package/dist/dropi-ui/p-7f0f828d.entry.js +1 -0
- package/dist/dropi-ui/{p-0cf0e9b8.entry.js → p-7fc195ee.entry.js} +1 -1
- package/dist/dropi-ui/p-80f0f6e6.entry.js +1 -0
- package/dist/dropi-ui/p-813678a2.entry.js +1 -0
- package/dist/dropi-ui/p-819d810e.entry.js +1 -0
- package/dist/dropi-ui/{p-cf7fa098.entry.js → p-82909f07.entry.js} +1 -1
- package/dist/dropi-ui/p-83887880.entry.js +1 -0
- package/dist/dropi-ui/p-83dbc407.entry.js +1 -0
- package/dist/dropi-ui/p-84019422.entry.js +1 -0
- package/dist/dropi-ui/{p-82b566d2.entry.js → p-84c63ece.entry.js} +1 -1
- package/dist/dropi-ui/{p-06953c99.entry.js → p-850b92f0.entry.js} +1 -1
- package/dist/dropi-ui/p-85444414.entry.js +1 -0
- package/dist/dropi-ui/p-85c637bd.entry.js +1 -0
- package/dist/dropi-ui/{p-2024ae1e.entry.js → p-85ee6d6a.entry.js} +1 -1
- package/dist/dropi-ui/p-86283e99.entry.js +1 -0
- package/dist/dropi-ui/p-87cc4dcd.entry.js +1 -0
- package/dist/dropi-ui/p-899089f0.entry.js +1 -0
- package/dist/dropi-ui/p-8b8dc399.entry.js +1 -0
- package/dist/dropi-ui/p-8c0ff5e6.entry.js +1 -0
- package/dist/dropi-ui/p-8c107dbe.entry.js +1 -0
- package/dist/dropi-ui/p-8cf27f13.entry.js +1 -0
- package/dist/dropi-ui/p-8d6313c0.entry.js +1 -0
- package/dist/dropi-ui/{p-b04fa246.entry.js → p-8dbc6bc8.entry.js} +1 -1
- package/dist/dropi-ui/p-8fc3dbcb.entry.js +1 -0
- package/dist/dropi-ui/{p-007ad183.entry.js → p-9032ba00.entry.js} +1 -1
- package/dist/dropi-ui/p-90abda79.entry.js +1 -0
- package/dist/dropi-ui/p-92291873.entry.js +1 -0
- package/dist/dropi-ui/p-928b59e8.entry.js +1 -0
- package/dist/dropi-ui/p-929bc2b6.entry.js +1 -0
- package/dist/dropi-ui/p-92c9e3c5.entry.js +1 -0
- package/dist/dropi-ui/p-94144382.entry.js +1 -0
- package/dist/dropi-ui/p-94a58087.entry.js +1 -0
- package/dist/dropi-ui/p-95808559.entry.js +1 -0
- package/dist/dropi-ui/p-95b7abf3.entry.js +1 -0
- package/dist/dropi-ui/p-9645d628.entry.js +1 -0
- package/dist/dropi-ui/p-96f72e50.entry.js +1 -0
- package/dist/dropi-ui/{p-89eb5eec.entry.js → p-9a569a4e.entry.js} +1 -1
- package/dist/dropi-ui/p-9ac8caea.entry.js +1 -0
- package/dist/dropi-ui/p-9b037086.entry.js +1 -0
- package/dist/dropi-ui/p-9b24e8fd.entry.js +1 -0
- package/dist/dropi-ui/p-9b288982.entry.js +1 -0
- package/dist/dropi-ui/{p-48d87efd.entry.js → p-9b55c8ad.entry.js} +1 -1
- package/dist/dropi-ui/p-9bcde3a5.entry.js +1 -0
- package/dist/dropi-ui/p-9c734a8f.entry.js +1 -0
- package/dist/dropi-ui/p-9c73b4ce.entry.js +1 -0
- package/dist/dropi-ui/p-9c7698ef.entry.js +1 -0
- package/dist/dropi-ui/p-9e0129cc.entry.js +1 -0
- package/dist/dropi-ui/p-9e62ff06.entry.js +1 -0
- package/dist/dropi-ui/p-9e8615de.entry.js +1 -0
- package/dist/dropi-ui/p-9ffec3f7.entry.js +1 -0
- package/dist/dropi-ui/p-B-h7fjQz.js +2 -0
- package/dist/dropi-ui/p-D5SAM1O2.js +2 -0
- package/dist/dropi-ui/p-a0ade2e7.entry.js +1 -0
- package/dist/dropi-ui/p-a2fb4CHk.js +2 -0
- package/dist/dropi-ui/p-a3b729fe.entry.js +1 -0
- package/dist/dropi-ui/{p-a348c40a.entry.js → p-a3c3e479.entry.js} +1 -1
- package/dist/dropi-ui/p-a3c4d677.entry.js +1 -0
- package/dist/dropi-ui/p-a3d602fd.entry.js +1 -0
- package/dist/dropi-ui/p-a457e8ca.entry.js +1 -0
- package/dist/dropi-ui/p-a470a24a.entry.js +1 -0
- package/dist/dropi-ui/p-a4e1df5e.entry.js +1 -0
- package/dist/dropi-ui/p-a50c8339.entry.js +1 -0
- package/dist/dropi-ui/p-a524ef3d.entry.js +1 -0
- package/dist/dropi-ui/p-a580e8c8.entry.js +1 -0
- package/dist/dropi-ui/p-a62c691f.entry.js +1 -0
- package/dist/dropi-ui/p-a745529a.entry.js +1 -0
- package/dist/dropi-ui/p-a8f24270.entry.js +1 -0
- package/dist/dropi-ui/p-a96c54ed.entry.js +1 -0
- package/dist/dropi-ui/p-a9f93e82.entry.js +1 -0
- package/dist/dropi-ui/p-aa0f5964.entry.js +1 -0
- package/dist/dropi-ui/p-aa48e5cb.entry.js +1 -0
- package/dist/dropi-ui/p-aadd5863.entry.js +1 -0
- package/dist/dropi-ui/p-ab3c52a4.entry.js +1 -0
- package/dist/dropi-ui/p-abd327ed.entry.js +1 -0
- package/dist/dropi-ui/p-ac79e805.entry.js +1 -0
- package/dist/dropi-ui/p-ac9d2149.entry.js +1 -0
- package/dist/dropi-ui/p-ad73631e.entry.js +1 -0
- package/dist/dropi-ui/p-ae35d538.entry.js +1 -0
- package/dist/dropi-ui/p-af1e778b.entry.js +1 -0
- package/dist/dropi-ui/p-b14f6889.entry.js +1 -0
- package/dist/dropi-ui/p-b20f7dde.entry.js +1 -0
- package/dist/dropi-ui/p-b25faf92.entry.js +1 -0
- package/dist/dropi-ui/p-b2623a5c.entry.js +1 -0
- package/dist/dropi-ui/p-b2e7cf4f.entry.js +1 -0
- package/dist/dropi-ui/{p-ad1b004e.entry.js → p-b2e8c0e2.entry.js} +1 -1
- package/dist/dropi-ui/{p-eb12e6dc.entry.js → p-b320ca5a.entry.js} +1 -1
- package/dist/dropi-ui/p-b325f7cf.entry.js +1 -0
- package/dist/dropi-ui/p-b3d3c72e.entry.js +1 -0
- package/dist/dropi-ui/p-b605d3d9.entry.js +1 -0
- package/dist/dropi-ui/p-b63f5d03.entry.js +1 -0
- package/dist/dropi-ui/p-b7748488.entry.js +1 -0
- package/dist/dropi-ui/p-b8050ef5.entry.js +1 -0
- package/dist/dropi-ui/p-b99fee29.entry.js +1 -0
- package/dist/dropi-ui/p-ba3779a2.entry.js +1 -0
- package/dist/dropi-ui/{p-75069b57.entry.js → p-baac546d.entry.js} +1 -1
- package/dist/dropi-ui/p-bb6a2bdd.entry.js +1 -0
- package/dist/dropi-ui/p-bbb5e0ae.entry.js +1 -0
- package/dist/dropi-ui/p-bbf374d6.entry.js +1 -0
- package/dist/dropi-ui/{p-ed4bd1cc.entry.js → p-bc6bb893.entry.js} +1 -1
- package/dist/dropi-ui/p-bd06eb80.entry.js +1 -0
- package/dist/dropi-ui/p-bd0d1a29.entry.js +1 -0
- package/dist/dropi-ui/p-bef43920.entry.js +1 -0
- package/dist/dropi-ui/{p-b04dfc40.entry.js → p-bfd43bdf.entry.js} +1 -1
- package/dist/dropi-ui/{p-e25218b6.entry.js → p-c08b8995.entry.js} +1 -1
- package/dist/dropi-ui/p-c173db8c.entry.js +1 -0
- package/dist/dropi-ui/{p-807dac7d.entry.js → p-c1d5d4ab.entry.js} +1 -1
- package/dist/dropi-ui/p-c218524f.entry.js +1 -0
- package/dist/dropi-ui/p-c4d2881d.entry.js +1 -0
- package/dist/dropi-ui/p-c4e24d47.entry.js +1 -0
- package/dist/dropi-ui/p-c4fbbb5a.entry.js +1 -0
- package/dist/dropi-ui/p-c51fcf75.entry.js +1 -0
- package/dist/dropi-ui/p-c662bce3.entry.js +1 -0
- package/dist/dropi-ui/{p-b4d949cc.entry.js → p-c6926604.entry.js} +1 -1
- package/dist/dropi-ui/p-c6ac1b6d.entry.js +1 -0
- package/dist/dropi-ui/{p-0f10ff36.entry.js → p-c8d0727a.entry.js} +1 -1
- package/dist/dropi-ui/p-ca2e462a.entry.js +1 -0
- package/dist/dropi-ui/p-ca90e108.entry.js +1 -0
- package/dist/dropi-ui/{p-b782bc0e.entry.js → p-caa6ba65.entry.js} +1 -1
- package/dist/dropi-ui/{p-1c3a5cee.entry.js → p-cb4ad8d2.entry.js} +1 -1
- package/dist/dropi-ui/p-cb87d3c7.entry.js +1 -0
- package/dist/dropi-ui/p-cbf5367e.entry.js +1 -0
- package/dist/dropi-ui/{p-44787a81.entry.js → p-cc954850.entry.js} +1 -1
- package/dist/dropi-ui/p-cf7cd408.entry.js +1 -0
- package/dist/dropi-ui/{p-d47d4b01.entry.js → p-d02dfc6a.entry.js} +1 -1
- package/dist/dropi-ui/p-d11524ca.entry.js +1 -0
- package/dist/dropi-ui/p-d1aeb373.entry.js +1 -0
- package/dist/dropi-ui/p-d384f4e9.entry.js +1 -0
- package/dist/dropi-ui/p-d3f3bb91.entry.js +1 -0
- package/dist/dropi-ui/p-d42d4ef7.entry.js +1 -0
- package/dist/dropi-ui/p-d46f3328.entry.js +1 -0
- package/dist/dropi-ui/p-d693bbb8.entry.js +1 -0
- package/dist/dropi-ui/p-d6b3784b.entry.js +1 -0
- package/dist/dropi-ui/p-d724ced4.entry.js +1 -0
- package/dist/dropi-ui/p-d813969b.entry.js +1 -0
- package/dist/dropi-ui/p-d886b045.entry.js +1 -0
- package/dist/dropi-ui/p-d899d4e1.entry.js +1 -0
- package/dist/dropi-ui/p-da038b5d.entry.js +1 -0
- package/dist/dropi-ui/p-db6af92e.entry.js +1 -0
- package/dist/dropi-ui/{p-6f8e779c.entry.js → p-db71d065.entry.js} +1 -1
- package/dist/dropi-ui/p-dc53a798.entry.js +1 -0
- package/dist/dropi-ui/p-dc920aff.entry.js +1 -0
- package/dist/dropi-ui/p-e1126498.entry.js +1 -0
- package/dist/dropi-ui/p-e163bf7f.entry.js +1 -0
- package/dist/dropi-ui/p-e1b3c9a3.entry.js +1 -0
- package/dist/dropi-ui/p-e1b40bda.entry.js +1 -0
- package/dist/dropi-ui/p-e22a3b45.entry.js +1 -0
- package/dist/dropi-ui/p-e36d5e9f.entry.js +1 -0
- package/dist/dropi-ui/p-e3c120ba.entry.js +1 -0
- package/dist/dropi-ui/p-e40db21a.entry.js +1 -0
- package/dist/dropi-ui/p-e524fed1.entry.js +1 -0
- package/dist/dropi-ui/p-e53b23dd.entry.js +1 -0
- package/dist/dropi-ui/p-e629fdc7.entry.js +1 -0
- package/dist/dropi-ui/p-e97d3704.entry.js +1 -0
- package/dist/dropi-ui/p-e9a64ecc.entry.js +1 -0
- package/dist/dropi-ui/p-ea13bfee.entry.js +1 -0
- package/dist/dropi-ui/{p-6fda2336.entry.js → p-eaa10fe8.entry.js} +1 -1
- package/dist/dropi-ui/p-ebaa1574.entry.js +1 -0
- package/dist/dropi-ui/p-ebb81172.entry.js +1 -0
- package/dist/dropi-ui/p-ec263862.entry.js +1 -0
- package/dist/dropi-ui/p-edcf5623.entry.js +1 -0
- package/dist/dropi-ui/{p-4e7ff518.entry.js → p-edeacd44.entry.js} +1 -1
- package/dist/dropi-ui/p-edef4506.entry.js +1 -0
- package/dist/dropi-ui/p-edf796ee.entry.js +1 -0
- package/dist/dropi-ui/p-eec49ea3.entry.js +1 -0
- package/dist/dropi-ui/p-f057bd98.entry.js +1 -0
- package/dist/dropi-ui/p-f0893459.entry.js +1 -0
- package/dist/dropi-ui/p-f0ace417.entry.js +1 -0
- package/dist/dropi-ui/p-f1e08f03.entry.js +1 -0
- package/dist/dropi-ui/p-f23e1df7.entry.js +1 -0
- package/dist/dropi-ui/p-f2527a45.entry.js +1 -0
- package/dist/dropi-ui/{p-9693bb64.entry.js → p-f3f27534.entry.js} +1 -1
- package/dist/dropi-ui/p-f426e0fc.entry.js +1 -0
- package/dist/dropi-ui/p-f4bd8568.entry.js +1 -0
- package/dist/dropi-ui/p-f6c9057d.entry.js +1 -0
- package/dist/dropi-ui/{p-471b2bc5.entry.js → p-f6ed3cbb.entry.js} +1 -1
- package/dist/dropi-ui/p-f7a605f8.entry.js +1 -0
- package/dist/dropi-ui/p-f7df0f43.entry.js +1 -0
- package/dist/dropi-ui/p-f7fd7832.entry.js +1 -0
- package/dist/dropi-ui/p-f80fa01d.entry.js +1 -0
- package/dist/dropi-ui/p-f9084a2c.entry.js +1 -0
- package/dist/dropi-ui/p-f9888cea.entry.js +1 -0
- package/dist/dropi-ui/p-f9af2041.entry.js +1 -0
- package/dist/dropi-ui/p-f9d05b69.entry.js +1 -0
- package/dist/dropi-ui/p-faa59cd8.entry.js +1 -0
- package/dist/dropi-ui/p-fb39dfdc.entry.js +1 -0
- package/dist/dropi-ui/{p-0ea55df0.entry.js → p-fb4856ea.entry.js} +1 -1
- package/dist/dropi-ui/p-fcba49ca.entry.js +1 -0
- package/dist/dropi-ui/p-fdbdedd0.entry.js +1 -0
- package/dist/dropi-ui/p-fea1be78.entry.js +1 -0
- package/dist/dropi-ui/p-fef3673d.entry.js +1 -0
- package/dist/dropi-ui/p-ff084c1c.entry.js +1 -0
- package/dist/dropi-ui/p-ffd415a2.entry.js +1 -0
- package/dist/esm/dropi-alert-modal.entry.js +30 -1
- package/dist/esm/dropi-date-picker-range.entry.js +136 -29
- package/dist/esm/dropi-ui.js +1 -1
- package/dist/esm/{index-Ci7eVebe.js → index-B-h7fjQz.js} +10 -45
- package/dist/esm/index-D5SAM1O2.js +2763 -0
- package/dist/esm/index-a2fb4CHk.js +2763 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dropi-alert-modal/dropi-alert-modal.d.ts +38 -0
- package/dist/types/components/dropi-date-picker-range/dropi-date-picker-range.d.ts +18 -5
- package/dist/types/components.d.ts +91 -10
- package/hydrate/index.js +186 -36
- package/hydrate/index.mjs +186 -36
- package/package.json +3 -2
- package/scripts/generate-lottie-map.js +0 -3
- package/dist/components/p-1u2h41fl.js +0 -1
- package/dist/components/p-7lGbTojq.js +0 -1
- package/dist/components/p-B3c6ZPh9.js +0 -1
- package/dist/components/p-BBtJlnY0.js +0 -1
- package/dist/components/p-BIAfpLva.js +0 -1
- package/dist/components/p-BJzJ1Wch.js +0 -1
- package/dist/components/p-Bp2-jUNL.js +0 -1
- package/dist/components/p-BwOjDv2h.js +0 -1
- package/dist/components/p-BxQ2iEWd.js +0 -1
- package/dist/components/p-BxY2GZpL.js +0 -1
- package/dist/components/p-C6EbAYsJ.js +0 -1
- package/dist/components/p-C9mRfQtW.js +0 -1
- package/dist/components/p-CL1y944C.js +0 -1
- package/dist/components/p-CMtyf9Em.js +0 -1
- package/dist/components/p-CebbBCKU.js +0 -1
- package/dist/components/p-CsZv3Tkb.js +0 -1
- package/dist/components/p-D7AQWDrY.js +0 -1
- package/dist/components/p-DGLfVHY2.js +0 -1
- package/dist/components/p-DSffXVlZ.js +0 -1
- package/dist/components/p-DTQFcg-H.js +0 -1
- package/dist/components/p-DWEoG5qY.js +0 -1
- package/dist/components/p-eOpeIETx.js +0 -1
- package/dist/components/p-fXJlOfAI.js +0 -1
- package/dist/components/p-kbHlk6pH.js +0 -1
- package/dist/components/p-oofWcbNe.js +0 -1
- package/dist/components/p-sfkbdPEo.js +0 -1
- package/dist/dropi-ui/index-CZu1AKUh.js.map +0 -1
- package/dist/dropi-ui/p-0086fbc8.entry.js +0 -1
- package/dist/dropi-ui/p-046354b8.entry.js +0 -1
- package/dist/dropi-ui/p-082a2fd7.entry.js +0 -1
- package/dist/dropi-ui/p-1c0d5c00.entry.js +0 -1
- package/dist/dropi-ui/p-2cab50f5.entry.js +0 -1
- package/dist/dropi-ui/p-3d7a3ea5.entry.js +0 -1
- package/dist/dropi-ui/p-3df9dd35.entry.js +0 -1
- package/dist/dropi-ui/p-430b7e6c.entry.js +0 -1
- package/dist/dropi-ui/p-47c1220f.entry.js +0 -1
- package/dist/dropi-ui/p-4d95a49c.entry.js +0 -1
- package/dist/dropi-ui/p-4fe80c82.entry.js +0 -1
- package/dist/dropi-ui/p-589c4efa.entry.js +0 -1
- package/dist/dropi-ui/p-664566f3.entry.js +0 -1
- package/dist/dropi-ui/p-88b9cca8.entry.js +0 -1
- package/dist/dropi-ui/p-97446f5e.entry.js +0 -1
- package/dist/dropi-ui/p-99305fc4.entry.js +0 -1
- package/dist/dropi-ui/p-99359271.entry.js +0 -1
- package/dist/dropi-ui/p-9d1feb88.entry.js +0 -1
- package/dist/dropi-ui/p-9e263286.entry.js +0 -1
- package/dist/dropi-ui/p-Ci7eVebe.js +0 -2
- package/dist/dropi-ui/p-a71694c6.entry.js +0 -1
- package/dist/dropi-ui/p-ae611e1b.entry.js +0 -1
- package/dist/dropi-ui/p-c1799d2a.entry.js +0 -1
- package/dist/dropi-ui/p-caffc973.entry.js +0 -1
- package/dist/dropi-ui/p-d2e033bc.entry.js +0 -1
- package/dist/dropi-ui/p-de4913da.entry.js +0 -1
- package/dist/dropi-ui/p-f034679a.entry.js +0 -1
- package/dist/dropi-ui/p-fa0cace7.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as a,H as e,c as i,h as s}from"./index.js";const r=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.startDateChange=i(this,"startDateChange"),this.endDateChange=i(this,"endDateChange"),this.dropiRangeChange=i(this,"dropiRangeChange")}startDate="";endDate="";showLabel=!0;placeholder="";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;startDateChange;endDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const a=new Date;return a.setDate(a.getDate()-t),a.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}selectShortcut(t){const a=this.shortcuts[t];this.start=a.start,this.end=a.end,this.activeRange=t,this.showWarning=!1,this.emit()}onStartChange(t){this.start=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}onEndChange(t){this.end=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}checkRange(){if(this.start&&this.end&&this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;this.showWarning=t>this.maxDaysRange}else this.showWarning=!1}emit(){this.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}render(){return this.loading?s("div",{class:"skeleton"}):s("div",{class:"date-picker-range"},this.showLabel&&s("div",{class:"label"},"Rango de fechas"),s("div",{class:"inputs-row"},s("div",{class:"input-group"},s("label",{class:"input-label"},"Desde"),s("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),s("span",{class:"separator"},"—"),s("div",{class:"input-group"},s("label",{class:"input-label"},"Hasta"),s("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),s("div",{class:"shortcuts"},this.shortcuts.map(((t,a)=>s("button",{key:a,class:"shortcut-btn"+(this.activeRange===a?" active":""),onClick:()=>this.selectShortcut(a)},t.label)))),this.showWarning&&s("div",{class:"warning-box"},s("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días.")))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}static get style(){return":host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:var(--font-weight-medium);color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-m)}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:var(--font-weight-regular)}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:var(--font-weight-semibold)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}"}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],start:[32],end:[32],activeRange:[32],showWarning:[32]},void 0,{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-date-picker-range"].forEach((a=>{"dropi-date-picker-range"===a&&(customElements.get(t(a))||customElements.define(t(a),r))}))}n();const o=r,d=n;export{o as DropiDatePickerRange,d as defineCustomElement}
|
|
1
|
+
import{t,p as e,H as r,c as a,h as i}from"./index.js";import{d as n}from"./p-DqAyyLAT.js";const o=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],s=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],d=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.startDateChange=a(this,"startDateChange"),this.endDateChange=a(this,"endDateChange"),this.dropiRangeChange=a(this,"dropiRangeChange")}startDate="";endDate="";showLabel=!0;placeholder="DD/MM/YYYY – DD/MM/YYYY";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;disabled=!1;startDateChange;endDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return this}onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}handleDocClick(t){this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const e=new Date;return e.setDate(e.getDate()-t),e.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}get displayValue(){const t=t=>t.split("-").reverse().join("/");return this.start&&this.end?`${t(this.start)} – ${t(this.end)}`:this.start?t(this.start):""}toggleOpen(){if(!this.disabled){if(!this.open&&this.start){const t=new Date(this.start);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}this.open=!this.open}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(t,e,r){return`${t}-${(e+1+"").padStart(2,"0")}-${(r+"").padStart(2,"0")}`}isInRange(t){const e=this.end||this.hoverDate;if(!this.start||!e)return!1;const[r,a]=this.start<=e?[this.start,e]:[e,this.start];return t>r&&t<a}selectDate(t){if(!this.start||this.start&&this.end)this.start=t,this.end="",this.activeRange=-1,this.showWarning=!1;else{if(t<this.start?(this.end=this.start,this.start=t):this.end=t,this.activeRange=-1,this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;if(this.showWarning=t>this.maxDaysRange,this.showWarning)return}this.open=!1,this.emit()}}selectShortcut(t){const e=this.shortcuts[t];this.start=e.start,this.end=e.end,this.activeRange=t,this.showWarning=!1,this.open=!1,this.emit()}emit(){this.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}buildDays(){const t=this.viewYear,e=this.viewMonth,r=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDate(),i=new Date(t,e,0).getDate(),n=[];for(let a=r-1;a>=0;a--){const r=i-a;n.push({iso:this.toISO(0===e?t-1:t,0===e?11:e-1,r),day:r,currentMonth:!1})}for(let r=1;r<=a;r++)n.push({iso:this.toISO(t,e,r),day:r,currentMonth:!0});const o=42-n.length;for(let r=1;r<=o;r++)n.push({iso:this.toISO(11===e?t+1:t,11===e?0:e+1,r),day:r,currentMonth:!1});return n}render(){if(this.loading)return i("div",{class:"skeleton"});const t=this.buildDays(),e=this.today;return i("div",{class:"dpr-wrap"},this.showLabel&&i("label",{class:"dpr-label"},"Rango de fechas"),i("button",{class:{"dpr-trigger":!0,"dpr-trigger--disabled":this.disabled},onClick:()=>this.toggleOpen(),disabled:this.disabled,type:"button"},i("dropi-icon",{name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),i("span",{class:{"dpr-trigger__value":!0,"dpr-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),i("dropi-icon",{name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"})),this.open&&i("div",{class:"dpr-popup"},i("div",{class:"dpr-calendar"},i("div",{class:"dp-nav"},i("button",{class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},i("dropi-icon",{name:"Arrow-Left-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),i("span",{class:"dp-nav__title"},i("span",null,o[this.viewMonth]),i("span",null,this.viewYear)),i("button",{class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},i("dropi-icon",{name:"Arrow-Right-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),i("div",{class:"dp-grid"},s.map((t=>i("div",{class:"dp-day-header"},t))),t.map((({iso:t,day:r,currentMonth:a})=>{const n=t===this.start,o=t===this.end,s=this.isInRange(t);return i("button",{class:{"dp-cell":!0,"dp-cell--other-month":!a,"dp-cell--today":t===e&&!n&&!o,"dp-cell--selected":n||o,"dp-cell--range-start":n,"dp-cell--range-end":o,"dp-cell--in-range":s},type:"button",onClick:()=>this.selectDate(t),onMouseEnter:()=>{this.start&&!this.end&&(this.hoverDate=t)},onMouseLeave:()=>this.hoverDate=""},r)}))),this.showWarning&&i("div",{class:"warning-box"},i("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días."))),i("div",{class:"dpr-divider"}),i("div",{class:"dpr-shortcuts"},this.shortcuts.map(((t,e)=>i("button",{key:e,class:{"shortcut-btn":!0,"shortcut-btn--active":this.activeRange===e},onClick:()=>this.selectShortcut(e),type:"button"},t.label))))))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}static get style(){return':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dpr-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:44px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}'}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],disabled:[4],start:[32],end:[32],activeRange:[32],showWarning:[32],open:[32],viewYear:[32],viewMonth:[32],hoverDate:[32]},[[4,"click","handleDocClick"]],{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-date-picker-range","dropi-icon"].forEach((e=>{switch(e){case"dropi-date-picker-range":customElements.get(t(e))||customElements.define(t(e),d);break;case"dropi-icon":customElements.get(t(e))||n()}}))}l();const h=d,p=l;export{h as DropiDatePickerRange,p as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as e,H as t,c as i,h as a}from"./index.js";import{d as o}from"./p-BtkDdEAq.js";const n={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},s={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},l=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClose=i(this,"dropiClose"),this.dropiButtonClick=i(this,"dropiButtonClick"),this.dropiLinkClick=i(this,"dropiLinkClick")}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?a("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&a("div",{class:"alert__icon"},a("dropi-icon",{name:n[this.state],iconWidth:"18px",iconHeight:"18px",color:s[this.state]})),a("div",{class:"alert__body"},a("span",{class:"alert__message"},this.message),this.anchorText&&a("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})))):null}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}"}},[513,"dropi-alert",{message:[1],type:[1],state:[1],dismissable:[4],showButton:[4,"show-button"],buttonText:[1,"button-text"],anchorText:[1,"anchor-text"],anchorUrl:[1,"anchor-url"],showAlert:[1028,"show-alert"],textLink:[1,"text-link"],linkUrl:[1,"link-url"],clickedText:[1,"clicked-text"]}]);function c(){"undefined"!=typeof customElements&&["dropi-alert","dropi-icon"].forEach((e=>{switch(e){case"dropi-alert":customElements.get(r(e))||customElements.define(r(e),l);break;case"dropi-icon":customElements.get(r(e))||o()}}))}c();export{l as D,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as a,p as e,H as i,c as t,h as r}from"./index.js";import{d as o}from"./p-BDYn1JDe.js";const n=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.pageChange=t(this,"pageChange",7)}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;pageChange;get pageNumbers(){const a=this.totalPages,e=this.currentPage,i=this.maxVisiblePages;if(a<=i)return Array.from({length:a},((a,e)=>e+1));const t=Math.floor(i/2);let r=Math.max(1,e-t),o=Math.min(a,r+i-1);o-r<i-1&&(r=Math.max(1,o-i+1));const n=[];r>1&&(n.push(1),r>2&&n.push("..."));for(let a=r;a<=o;a++)n.push(a);return o<a&&(o<a-1&&n.push("..."),n.push(a)),n}goTo(a){this.disabled||a<1||a>this.totalPages||a===this.currentPage||(this.currentPage=a,this.pageChange.emit(this.currentPage))}render(){const a=this.pageNumbers,e=this.currentPage<=1,i=this.currentPage>=this.totalPages;return r("div",{key:"b601f88e4f971f885835d81fe876303fe97027c7",class:"paginator"},r("div",{key:"988ffb7ed122d4a666af4525bc85159d8d36538a",class:"paginator-pages"},!e&&!this.noLabels&&r("button",{key:"920a1a407782bde436fb6560caeb39848e9c7e28",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},r("dropi-icon",{key:"249d4f2fc0a7ba2d790e3cf1c7a36a8d853a8cfe",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&r("button",{key:"7b3cbe1cbd33db77fe540b5e179ed759e2d515e9",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},r("dropi-icon",{key:"4f162e4df1573f5b6df40477099c3dc50347b738",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&r("span",{key:"a569b225a577e3dfb41466247be33846254ba1f6",class:"paginator-label"},"Anterior")),a.map(((a,e)=>"..."===a?r("span",{class:"paginator-ellipsis",key:`e${e}`},"…"):r("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.currentPage},onClick:()=>this.goTo(a),"aria-current":a===this.currentPage?"page":void 0,disabled:this.disabled},a))),!i&&r("button",{key:"ad51ec2f21741cf89e0e692cca2057c8cacea9f3",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&r("span",{key:"3eb463a7749ef9f419613c07975a87073df29ecf",class:"paginator-label"},"Siguiente"),r("dropi-icon",{key:"a6ece1855840a3ada48de22151bab4a43fd1972e",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&!this.noLabels&&r("button",{key:"4ac9168aba1221ad17a08f7463cc2f065ea1ce6f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},r("dropi-icon",{key:"9e3618334ec1d476ea59ea00a600499f47a45a9a",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}"}},[513,"dropi-paginator",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],disabled:[4],maxVisiblePages:[2,"max-visible-pages"],isNotTotalPages:[4,"is-not-total-pages"],noLabels:[4,"no-labels"]}]);function s(){"undefined"!=typeof customElements&&["dropi-paginator","dropi-icon"].forEach((e=>{switch(e){case"dropi-paginator":customElements.get(a(e))||customElements.define(a(e),n);break;case"dropi-icon":customElements.get(a(e))||o()}}))}s();export{n as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as i,p as t,H as e,h as s}from"./index.js";import{d as a}from"./p-BtkDdEAq.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Comment-round_info",warning:"Comment-round_info"}[i]||"Comment-round_info"}render(){return s("div",{key:"d7fa7fce7346d3496ae99c580dee9de5fea934b8",class:"dropi-ilustration"},"dropi"===this.type&&s("figure",{key:"faa5686e775ac3a373037b6e1f9bf32076cfb495",class:"dropi-ilustration__image"},s("img",{key:"209017a72b774b3e14c8e34f7e3bface75ba592b",src:`assets/icons/ilustration/${this.state&&"undefined"!==String(this.state)&&"null"!==String(this.state)?this.state:"default"}.svg`,alt:this.state??"default",onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&s("figure",{key:"75c82f5356c427d4ed35db3e9697d232e7f1b132",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&s("dropi-icon",{key:"86a371bef276d6c945959405d39cea3a8dcecde3",name:this.getIconName(this.state),iconWidth:"24px",iconHeight:"24px",color:"Neutral-White"})),"insignia"===this.type&&s("figure",{key:"c1bef5162ba49d8493a1c8d6b16d886543215046",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},s("img",{key:"8d1313457cda0f356f278f095b42d75d960a1c27",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&s("p",{key:"303cce4a3a632e9e36f8c7e6d186b56cec9c5ed6",class:`tag tag--${this.stateInsignia}`},s("span",{key:"3c2b051198e41dcfc2944aa7b1f869ba30e56c2a",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}static get style(){return":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #ffffff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #ffffff);padding:4px 8px 4px 18px;font-size:var(--font-size-xxs)}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}"}},[513,"dropi-ilustration-icon",{type:[1],state:[1],stateInsignia:[1,"state-insignia"],tagProduct:[4,"tag-product"]}]);function n(){"undefined"!=typeof customElements&&["dropi-ilustration-icon","dropi-icon"].forEach((t=>{switch(t){case"dropi-ilustration-icon":customElements.get(i(t))||customElements.define(i(t),r);break;case"dropi-icon":customElements.get(i(t))||a()}}))}n();export{r as D,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as r,H as i,c as t,h as o}from"./index.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=t(this,"onChange",7)}checked=!1;disabled=!1;onChange;changeState(){this.disabled||(this.checked=!this.checked,this.onChange.emit(this.checked))}render(){return o("div",{key:"fdc1c54733617c0dab1ae11050d90650dc3eba91",class:"container-dropi-checkbox",onClick:()=>this.changeState()},o("div",{key:"6329c1a53e8b9f85ea26ca01afb920583570e85f",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},o("svg",{key:"50b1ebd160e1ee6b28ef23651f1e12afc9406f8a",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},o("path",{key:"518070eaa2902d4cdc5e905f8a80d06b3d044f3d",d:"M20.5991 5.69251L9.08325 17.2075C9.00583 17.2852 8.91382 17.3469 8.8125 17.389C8.71118 17.4311 8.60255 17.4527 8.49283 17.4527C8.38312 17.4527 8.27449 17.4311 8.17317 17.389C8.07185 17.3469 7.97984 17.2852 7.90242 17.2075L3.44908 12.75C3.37166 12.6723 3.27965 12.6106 3.17833 12.5685C3.07701 12.5264 2.96838 12.5048 2.85867 12.5048C2.74896 12.5048 2.64032 12.5264 2.53901 12.5685C2.43769 12.6106 2.34568 12.6723 2.26825 12.75C2.19052 12.8274 2.12884 12.9194 2.08676 13.0208C2.04467 13.1221 2.02301 13.2307 2.02301 13.3404C2.02301 13.4501 2.04467 13.5588 2.08676 13.6601C2.12884 13.7614 2.19052 13.8534 2.26825 13.9308L6.72325 18.385C7.19321 18.8541 7.83008 19.1175 8.49408 19.1175C9.15809 19.1175 9.79496 18.8541 10.2649 18.385L21.7799 6.87251C21.8575 6.7951 21.9191 6.70314 21.9611 6.6019C22.0031 6.50065 22.0247 6.39212 22.0247 6.28251C22.0247 6.17289 22.0031 6.06436 21.9611 5.96312C21.9191 5.86188 21.8575 5.76992 21.7799 5.69251C21.7025 5.61478 21.6105 5.5531 21.5092 5.51101C21.4078 5.46893 21.2992 5.44727 21.1895 5.44727C21.0798 5.44727 20.9712 5.46893 20.8698 5.51101C20.7685 5.5531 20.6765 5.61478 20.5991 5.69251Z",fill:"#FFFFFF"}))))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-dropi-checkbox{display:inline-block}.check{width:20px;height:20px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background-color 0.3s ease-in-out, border-style 0.3s ease-in-out}.noCheck{border-style:solid;border-width:2px;border-color:var(--Gray-Gray-200, #c3c9d9);display:flex;justify-content:center;align-items:center}.noCheck svg{visibility:hidden}.isCheck{display:flex;background-color:var(--Primary-Primary-500, #f49a3d);justify-content:center;align-items:center}.disabled{background-color:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}"}},[577,"dropi-checkbox",{checked:[1540],disabled:[516]}]);function c(){"undefined"!=typeof customElements&&["dropi-checkbox"].forEach((r=>{"dropi-checkbox"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}c();export{s as D,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as e,h as n}from"./index.js";const o=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";iconWidth="20px";iconHeight="20px";color="currentColor";widthChanged(){this.updateHostStyles()}heightChanged(){this.updateHostStyles()}colorChanged(){this.applyColor()}componentWillLoad(){this.applyColor(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}updateHostStyles(){this.el.style.width=this.iconWidth,this.el.style.height=this.iconHeight}applyColor(){if(!this.color)return;const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return n("svg",{key:"7185e1861c44aafcec2117f53f61ce18992388ad",width:this.iconWidth,height:this.iconHeight,class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},n("use",{key:"b7913bfbf0bbb6bfa35f848f9fee19e09646004d",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);overflow:hidden}svg{fill:inherit;display:block;width:100%;height:100%;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],color:[1]},void 0,{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}]}]);function s(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((i=>{"dropi-icon"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}s();export{o as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e,o){const t=!!e;t!==!!o&&(console.log("[DropiModal] visibleChanged:",t),t?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&s("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),s("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&s("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},s("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&s("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},s("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as r,H as i,c,h as t}from"./index.js";const o=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=c(this,"dropiChange")}checked=!1;disabled=!1;dropiChange;changeState(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return t("div",{key:"eed4032b9864c51d779601e076190fc6be9f492d",class:"container-dropi-checkbox",onClick:()=>this.changeState()},t("div",{key:"b81f64424eac2e0efe5c4fb0631768032de7263c",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},t("svg",{key:"e0d6e9b85c4dcea819bcab7632d5dee7c4e92570",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},t("path",{key:"8fcc02f7bc0ffadb8a8f52a54956f9f37d38dcad",d:"M20.5991 5.69251L9.08325 17.2075C9.00583 17.2852 8.91382 17.3469 8.8125 17.389C8.71118 17.4311 8.60255 17.4527 8.49283 17.4527C8.38312 17.4527 8.27449 17.4311 8.17317 17.389C8.07185 17.3469 7.97984 17.2852 7.90242 17.2075L3.44908 12.75C3.37166 12.6723 3.27965 12.6106 3.17833 12.5685C3.07701 12.5264 2.96838 12.5048 2.85867 12.5048C2.74896 12.5048 2.64032 12.5264 2.53901 12.5685C2.43769 12.6106 2.34568 12.6723 2.26825 12.75C2.19052 12.8274 2.12884 12.9194 2.08676 13.0208C2.04467 13.1221 2.02301 13.2307 2.02301 13.3404C2.02301 13.4501 2.04467 13.5588 2.08676 13.6601C2.12884 13.7614 2.19052 13.8534 2.26825 13.9308L6.72325 18.385C7.19321 18.8541 7.83008 19.1175 8.49408 19.1175C9.15809 19.1175 9.79496 18.8541 10.2649 18.385L21.7799 6.87251C21.8575 6.7951 21.9191 6.70314 21.9611 6.6019C22.0031 6.50065 22.0247 6.39212 22.0247 6.28251C22.0247 6.17289 22.0031 6.06436 21.9611 5.96312C21.9191 5.86188 21.8575 5.76992 21.7799 5.69251C21.7025 5.61478 21.6105 5.5531 21.5092 5.51101C21.4078 5.46893 21.2992 5.44727 21.1895 5.44727C21.0798 5.44727 20.9712 5.46893 20.8698 5.51101C20.7685 5.5531 20.6765 5.61478 20.5991 5.69251Z",fill:"#FFFFFF"}))))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-dropi-checkbox{display:inline-block}.check{width:20px;height:20px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background-color 0.3s ease-in-out, border-style 0.3s ease-in-out}.noCheck{border-style:solid;border-width:2px;border-color:var(--Gray-Gray-200, #c3c9d9);display:flex;justify-content:center;align-items:center}.noCheck svg{visibility:hidden}.isCheck{display:flex;background-color:var(--Primary-Primary-500, #f49a3d);justify-content:center;align-items:center}.disabled{background-color:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}"}},[577,"dropi-checkbox",{checked:[1540],disabled:[516]}]);function s(){"undefined"!=typeof customElements&&["dropi-checkbox"].forEach((r=>{"dropi-checkbox"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}s();export{o as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onShow=a(this,"onShow",5),this.onHide=a(this,"onHide",5),this.visibleChange=a(this,"visibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;onShow;onHide;visibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;visibleChanged(e,o){const t=!0===e||"true"===String(e);t!==(!0===o||"true"===String(o))&&(console.log("[DropiModal] visibleChanged:",t),t?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){(!0===this.visible||"true"===String(this.visible))&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async hide(){this.visible=!1,this.visibleChange.emit(!1),this.startClose()}async show(){this.visible=!0,this.visibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.onShow.emit()})))),this.addKeyHandler(),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.onHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.hide()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"1aee093f108c54540005a6cb2f48bef700f05d63",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`,style:{display:this.mounted||this.isClosing?"flex":"none"}},(this.modal??!0)&&s("div",{key:"06ebd29da0c7dc699e7c16769476e310336ab149",class:"modal-mask",onClick:()=>this.dismissable&&this.hide()}),s("div",{key:"87cb9bbd4c1c6c27a6a7d09f561ea781c1571803",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"86f22ef920b7a7437825f4c5f9ccff23b591c499",class:"modal-header"},this.header&&s("span",{key:"2ae7c9b879ee6c025b6b42977bad643ff4d28370",class:"modal-title"},this.header),s("slot",{key:"85a0a54691ca191719202c8fea6b30ffff30aacc",name:"header"}),this.showCloseIcon&&s("button",{key:"dc1f570830d22535a39c9e9fbf0bccdb8e4bfcf7",class:"modal-close",onClick:()=>this.hide(),"aria-label":"Cerrar"},"×")),s("div",{key:"ceca42f33ff7d4762c79b2d133e23bc7cedb3cb3",class:"modal-content"},s("slot",{key:"14a82735c521c45deda61e8a69ae8673ad754b3d"})),this.showFooter&&s("div",{key:"e71a5393c19de696247502abd09d26a38cd1b979",class:"modal-footer"},s("slot",{key:"1364eed1b66e82d321d06d13d9d34615c7634ce0",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:1100}.modal-root--open{opacity:1;pointer-events:auto}.modal-root--closing{opacity:1;pointer-events:none}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1544],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],hide:[64],show:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as a,H as o,c as e,h as n}from"./index.js";import{d as t}from"./p-B9rJd-Rf.js";const i=a(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClick=e(this,"dropiClick")}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.dropiClick.emit(r)}renderLoadingSpinner(){return n("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==(this.text??""),o=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),e="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return n("button",{key:"eefda6c7ac5090173a545d67e72073dc410ff05c",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&n("dropi-icon",{key:"869ee8fc34dee93de0381a86db643c0fa9dc6918",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&n("span",{key:"927ef142b4c549d01b087722e9f6759cff44e6b2",class:"text"},this.text),o&&n("dropi-icon",{key:"cda1f5d0fa59a87abc1d3d73a87d4390f05f79eb",name:e,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),n("slot",{key:"c83dd79efe5d858361815878192c0c554a9234ca"}))}static get style(){return":host{display:inline-block;border:0}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:none !important;box-shadow:none !important;color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{background:var(--Gray-Gray-50, #f5f6f8);box-shadow:none !important;color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:none !important;color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[769,"dropi-button",{type:[1],severity:[1],size:[1],state:[1],fullWidth:[516,"full-width"],preIcon:[1,"pre-icon"],postIcon:[1,"post-icon"],customIconColor:[1,"custom-icon-color"],text:[1]}]);function c(){"undefined"!=typeof customElements&&["dropi-button","dropi-icon"].forEach((a=>{switch(a){case"dropi-button":customElements.get(r(a))||customElements.define(r(a),i);break;case"dropi-icon":customElements.get(r(a))||t()}}))}c();export{i as D,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as i,p as t,H as e,h as s}from"./index.js";import{d as a}from"./p-BDYn1JDe.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Comment-round_info",warning:"Comment-round_info"}[i]||"Comment-round_info"}render(){return s("div",{key:"d7fa7fce7346d3496ae99c580dee9de5fea934b8",class:"dropi-ilustration"},"dropi"===this.type&&s("figure",{key:"faa5686e775ac3a373037b6e1f9bf32076cfb495",class:"dropi-ilustration__image"},s("img",{key:"209017a72b774b3e14c8e34f7e3bface75ba592b",src:`assets/icons/ilustration/${this.state&&"undefined"!==String(this.state)&&"null"!==String(this.state)?this.state:"default"}.svg`,alt:this.state??"default",onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&s("figure",{key:"75c82f5356c427d4ed35db3e9697d232e7f1b132",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&s("dropi-icon",{key:"86a371bef276d6c945959405d39cea3a8dcecde3",name:this.getIconName(this.state),iconWidth:"24px",iconHeight:"24px",color:"Neutral-White"})),"insignia"===this.type&&s("figure",{key:"c1bef5162ba49d8493a1c8d6b16d886543215046",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},s("img",{key:"8d1313457cda0f356f278f095b42d75d960a1c27",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&s("p",{key:"303cce4a3a632e9e36f8c7e6d186b56cec9c5ed6",class:`tag tag--${this.stateInsignia}`},s("span",{key:"3c2b051198e41dcfc2944aa7b1f869ba30e56c2a",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}static get style(){return":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #ffffff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #ffffff);padding:4px 8px 4px 18px;font-size:var(--font-size-xxs)}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}"}},[513,"dropi-ilustration-icon",{type:[1],state:[1],stateInsignia:[1,"state-insignia"],tagProduct:[4,"tag-product"]}]);function n(){"undefined"!=typeof customElements&&["dropi-ilustration-icon","dropi-icon"].forEach((t=>{switch(t){case"dropi-ilustration-icon":customElements.get(i(t))||customElements.define(i(t),r);break;case"dropi-icon":customElements.get(i(t))||a()}}))}n();export{r as D,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,c as o,h as r}from"./index.js";import{d as s}from"./p-BtkDdEAq.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiInput=o(this,"dropiInput"),this.dropiChange=o(this,"dropiChange"),this.dropiFocus=o(this,"dropiFocus"),this.dropiBlur=o(this,"dropiBlur"),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let e=t.target.value;this.isNumericInput&&(e=this.filterNumbers(e)),this.isLettersOnly&&(e=this.filterLetters(e)),(this.isMoneyInput||this.isThousandSeparator)&&(e=this.formatThousands(e,this.isMoneyInput)),this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,e){const i=t.replace(/[^0-9.]/g,""),[o,r]=i.split("."),s=o.replace(/\B(?=(\d{3})+(?!\d))/g,","),a=void 0!==r?`${s}.${r}`:s;return e?`$${a}`:a}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,e=!!this.icon;return r("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&r("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&r("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),r("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},r("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":e}},e&&r("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&r("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),r("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":e,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&r("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&r("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&r("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&r("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:40px}.input-container--has-icon label.label-bottom{left:40px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}"}},[577,"dropi-input",{inputId:[1025,"input-id"],name:[1],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],disabled:[516],required:[516],showObligatoryAsterisk:[1028,"show-obligatory-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1025,"input-mode"],passwordInput:[1028,"password-input"],isMoneyInput:[1028,"is-money-input"],isThousandSeparator:[1028,"is-thousand-separator"],isNumericInput:[1028,"is-numeric-input"],allowDecimals:[1028,"allow-decimals"],isLettersOnly:[1028,"is-letters-only"],icon:[1025],iconColor:[1025,"icon-color"],hasError:[1028,"has-error"],textHelper:[1025,"text-helper"],showHelperOnlyOnError:[1028,"show-helper-only-on-error"],inputProperties:[8,"input-properties"],showPassword:[32],touched:[32]},void 0,{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((e=>{switch(e){case"dropi-input":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();export{a as D,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as a,H as e,h as i}from"./index.js";import{d as r}from"./p-BtkDdEAq.js";const s=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"dot"===this.variant?"secondary"===this.type?"var(--Gray-Gray-500)":"var(--Gray-Gray-700)":"primary"===this.type&&"tag"===this.variant?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return i("div",{key:"907c6317f1304cfa137a70d9b7bdabf4c2dfadc0",class:"container-chips"},i("div",{key:"636a4a5d712c9f77089a4d20a399c1b895e02442",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor}},"dot"===this.variant&&i("div",{key:"0b9cf11c1fad08f4f282ec00b48fd1ca5af0dd4b",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),"tag"===this.variant&&this.showIcon&&this.icon&&i("dropi-icon",{key:"a91aff55385e0e23f70ae334d2567904223c0945",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"7c88edd401d87f55a504c340865a090bc7135119"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{variant:[513],type:[513],state:[513],showIcon:[4,"show-icon"],icon:[513],text:[513]},void 0,{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag","dropi-icon"].forEach((a=>{switch(a){case"dropi-tag":customElements.get(t(a))||customElements.define(t(a),s);break;case"dropi-icon":customElements.get(t(a))||r()}}))}o();export{s as D,o as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&s("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),s("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&s("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},s("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&s("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},s("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"95847ba48baae69b93888cb59ecaa9d2130ae17a",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"78acc3c2f1b7327b6fc1770a9536cdf0c2c57f99",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"63906a7ed0432879c3256a659ddd9773099244bc",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true",style:this.maxWidth?{maxWidth:this.maxWidth,width:"100%"}:{}},this.showHeader&&s("div",{key:"7d960505ea8fd7804ac67ceb88b9195e6ad1998d",class:"modal-header"},this.header&&s("span",{key:"fed4b8a2e6c89fca39a8766d0e843db7c184be59",class:"modal-title"},this.header),s("slot",{key:"b2c6c5cc1f019229c3ad5028e42b1fd887494abd",name:"header"}),this.showCloseIcon&&s("button",{key:"24fc8ff422ea5c7e6a8c0737acbb29c1d7467f40",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"472a7dfe704b0b8d129b00bc88204602ead66403",class:"modal-content"},s("slot",{key:"6b3e6fdefca0c6510d4fdbbccce53a5efa52e4c8"})),this.showFooter&&s("div",{key:"5bd3c15d4d1fb2ebffad79c9314d03d1d72dae29",class:"modal-footer"},s("slot",{key:"1980d019b142e2a00f55a3a755e9e08d0393c5e5",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer,.modal-panel.size-xs .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container),.modal-panel.size-xs .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-panel.size-xs{width:320px;padding:24px;gap:16px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}d();export{l as D,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as i,h as r}from"./index.js";import{d as a}from"./p-
|
|
1
|
+
import{t,p as e,H as i,h as r}from"./index.js";import{d as a}from"./p-BtkDdEAq.js";const s=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return r("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},r("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&r("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&r("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&r("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{variant:[513],type:[513],state:[513],showIcon:[4,"show-icon"],icon:[513],text:[513]},void 0,{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag","dropi-icon"].forEach((e=>{switch(e){case"dropi-tag":customElements.get(t(e))||customElements.define(t(e),s);break;case"dropi-icon":customElements.get(t(e))||a()}}))}o();export{s as D,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as i,h as r}from"./index.js";import{d as
|
|
1
|
+
import{t,p as e,H as i,h as r}from"./index.js";import{d as s}from"./p-BtkDdEAq.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return r("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},r("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&r("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&r("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&r("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{variant:[513],type:[513],state:[513],showIcon:[4,"show-icon"],icon:[513],text:[513]},void 0,{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag","dropi-icon"].forEach((e=>{switch(e){case"dropi-tag":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||s()}}))}o();export{a as D,o as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,h as s}from"./index.js";import{d as r}from"./p-ETg0qC-7.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return s("div",{key:"1736efc48b3ccaf5f3ca85ad29622f42b4fb3c8d",class:"container-chips"},s("div",{key:"96c2b0e9d22881ca71c58488dcd622a1eef1a120",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&s("dropi-icon",{key:"4c94cf3fcabd31b6b50fc711815472f8b12e43d9",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&s("span",{key:"26f06b85d085e58aa854533a9fd238e70957212b"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{type:[513],state:[513],showIcon:[4,"show-icon"],icon:[513],text:[513]},void 0,{type:[{propsChanged:0}],state:[{propsChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag","dropi-icon"].forEach((e=>{switch(e){case"dropi-tag":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||r()}}))}o();export{a as D,o as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as e,h as n}from"./index.js";const o=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";iconWidth="20px";iconHeight="20px";color="currentColor";widthChanged(){this.updateHostStyles()}heightChanged(){this.updateHostStyles()}colorChanged(){this.applyColor()}componentWillLoad(){this.applyColor(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}updateHostStyles(){this.el.style.width=this.iconWidth,this.el.style.height=this.iconHeight}applyColor(){if(!this.color)return;const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return n("svg",{key:"02fd17551c6b5442c5054b28ac8cc97dcfe2e2ef",width:this.iconWidth,height:this.iconHeight,class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},n("use",{key:"1ed0268e53fd99d7520f8c429750efa695dcc6a1",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);stroke:var(--icon-fill, currentColor);overflow:hidden}svg{fill:inherit;stroke:inherit;display:block;width:100%;height:100%;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],color:[1]},void 0,{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}]}]);function s(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((i=>{"dropi-icon"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}s();export{o as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as a,p as e,H as i,c as t,h as r}from"./index.js";import{d as o}from"./p-BDYn1JDe.js";const n=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.pageChange=t(this,"pageChange",7)}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;pageChange;get pageNumbers(){const a=this.totalPages,e=this.currentPage,i=this.maxVisiblePages;if(a<=i)return Array.from({length:a},((a,e)=>e+1));const t=Math.floor(i/2);let r=Math.max(1,e-t),o=Math.min(a,r+i-1);o-r<i-1&&(r=Math.max(1,o-i+1));const n=[];r>1&&(n.push(1),r>2&&n.push("..."));for(let a=r;a<=o;a++)n.push(a);return o<a&&(o<a-1&&n.push("..."),n.push(a)),n}goTo(a){this.disabled||a<1||a>this.totalPages||a===this.currentPage||(this.currentPage=a,this.pageChange.emit(this.currentPage))}render(){const a=this.pageNumbers,e=this.currentPage<=1,i=this.currentPage>=this.totalPages;return r("div",{key:"c42b835513237a88c601932d4d8aaa346507670b",class:"paginator"},r("div",{key:"b32937747ceda8d7290a697965e41c8bf5b57bce",class:"paginator-pages"},!e&&!this.noLabels&&r("button",{key:"cf7a6b03c12ad8eb1a7851a971b202a6755e372a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},r("dropi-icon",{key:"2bcedf3df3b4317b7c48bbf517282329911aa4d9",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&r("button",{key:"60a91aef346b701edc2cbcfecce416a6748c0152",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},r("dropi-icon",{key:"04eb4bd4299488f5003ec633c9c63f9220a34ac9",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&r("span",{key:"233c636f3c89c2b0b4d2824326842955a959ceab",class:"paginator-label"},"Anterior")),a.map(((a,e)=>"..."===a?r("span",{class:"paginator-ellipsis",key:`e${e}`},"…"):r("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.currentPage},onClick:()=>this.goTo(a),"aria-current":a===this.currentPage?"page":void 0,disabled:this.disabled},a))),!i&&r("button",{key:"56eec3905c063ef17f95d01eea058bc23cc2a458",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&r("span",{key:"795e55c7d2d7e0dac8eca3c2ab481ee4bbee7e2c",class:"paginator-label"},"Siguiente"),r("dropi-icon",{key:"d5ecbb940a77704dcf84af331c3bec31ea0a9852",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&!this.noLabels&&r("button",{key:"e582dd65473f141981ac5049b3e284ea219b56fb",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},r("dropi-icon",{key:"085c86639f1313299eb6e5fffc215a31fc5d8554",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}"}},[513,"dropi-paginator",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],disabled:[4],maxVisiblePages:[2,"max-visible-pages"],isNotTotalPages:[4,"is-not-total-pages"],noLabels:[4,"no-labels"]}]);function s(){"undefined"!=typeof customElements&&["dropi-paginator","dropi-icon"].forEach((e=>{switch(e){case"dropi-paginator":customElements.get(a(e))||customElements.define(a(e),n);break;case"dropi-icon":customElements.get(a(e))||o()}}))}s();export{n as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as e,H as t,c as i,h as a}from"./index.js";import{d as o}from"./p-BDYn1JDe.js";const n={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},s={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},l=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClose=i(this,"dropiClose"),this.dropiButtonClick=i(this,"dropiButtonClick"),this.dropiLinkClick=i(this,"dropiLinkClick")}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?a("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&a("div",{class:"alert__icon"},a("dropi-icon",{name:n[this.state],iconWidth:"18px",iconHeight:"18px",color:s[this.state]})),a("div",{class:"alert__body"},a("span",{class:"alert__message"},this.message),this.anchorText&&a("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})))):null}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}"}},[513,"dropi-alert",{message:[1],type:[1],state:[1],dismissable:[4],showButton:[4,"show-button"],buttonText:[1,"button-text"],anchorText:[1,"anchor-text"],anchorUrl:[1,"anchor-url"],showAlert:[1028,"show-alert"],textLink:[1,"text-link"],linkUrl:[1,"link-url"],clickedText:[1,"clicked-text"]}]);function c(){"undefined"!=typeof customElements&&["dropi-alert","dropi-icon"].forEach((e=>{switch(e){case"dropi-alert":customElements.get(r(e))||customElements.define(r(e),l);break;case"dropi-icon":customElements.get(r(e))||o()}}))}c();export{l as D,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,c as s,h as o}from"./index.js";const r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange")}isChecked=!1;disabled=!1;dropiChange;onToggleChange(t){this.isChecked=t.target.checked,this.dropiChange.emit(this.isChecked)}render(){return o("label",{key:"977f209e9d6411bf386637c1073dca0f5d1c72f3",class:"toggle-switch"},o("input",{key:"8deef7c0c079d8d5662bd05372eb74d5cc68429f",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),o("span",{key:"2f6dd3b87996271d0c6abddc86697791de4da9b1",class:"slider"}))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}"}},[577,"dropi-switch",{isChecked:[1540,"is-checked"],disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["dropi-switch"].forEach((e=>{"dropi-switch"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}d();export{r as D,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"7fa6bcd669e1c552e621bf2ec93313e5327612f5",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3363bee96747cd96871a889c596a4e1c9d97cc",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"9ac2ebbc8d18e6c8f3b0c27a5abf3d19f0c357f9",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"e9e9c5b1e2d96fa47f407667afe07b8cb69e1935",class:"modal-header"},this.header&&s("span",{key:"340172eda7d569f6af8050f49244112acbc89b39",class:"modal-title"},this.header),s("slot",{key:"b4d72d2c6252a50f71e6d77e525025e53ac1489e",name:"header"}),this.showCloseIcon&&s("button",{key:"f6bc921522c10074342bd54c618df9288b53a8e3",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"8a1d1782852ff912f7be4aa4c347ec85826e858f",class:"modal-content"},s("slot",{key:"c24b1f9306519c18e04a7d3e40ff68b9171f2158"})),this.showFooter&&s("div",{key:"47e7a0595a66819fae4c95974bf64b90d4831ceb",class:"modal-footer"},s("slot",{key:"c32a4599dcdc9051560bd2a3ef63ded4e3e49de1",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as a,H as o,c as e,h as n}from"./index.js";import{d as t}from"./p-BDYn1JDe.js";const i=a(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClick=e(this,"dropiClick")}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.dropiClick.emit(r)}renderLoadingSpinner(){return n("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==(this.text??""),o=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),e="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return n("button",{key:"eefda6c7ac5090173a545d67e72073dc410ff05c",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&n("dropi-icon",{key:"869ee8fc34dee93de0381a86db643c0fa9dc6918",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&n("span",{key:"927ef142b4c549d01b087722e9f6759cff44e6b2",class:"text"},this.text),o&&n("dropi-icon",{key:"cda1f5d0fa59a87abc1d3d73a87d4390f05f79eb",name:e,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),n("slot",{key:"c83dd79efe5d858361815878192c0c554a9234ca"}))}static get style(){return":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[769,"dropi-button",{type:[1],severity:[1],size:[1],state:[1],fullWidth:[516,"full-width"],preIcon:[1,"pre-icon"],postIcon:[1,"post-icon"],customIconColor:[1,"custom-icon-color"],text:[1]}]);function c(){"undefined"!=typeof customElements&&["dropi-button","dropi-icon"].forEach((a=>{switch(a){case"dropi-button":customElements.get(r(a))||customElements.define(r(a),i);break;case"dropi-icon":customElements.get(r(a))||t()}}))}c();export{i as D,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,c as o,h as r}from"./index.js";import{d as s}from"./p-ETg0qC-7.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiInput=o(this,"dropiInput"),this.dropiChange=o(this,"dropiChange"),this.dropiFocus=o(this,"dropiFocus"),this.dropiBlur=o(this,"dropiBlur"),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let e=t.target.value;this.isNumericInput&&(e=this.filterNumbers(e)),this.isLettersOnly&&(e=this.filterLetters(e)),(this.isMoneyInput||this.isThousandSeparator)&&(e=this.formatThousands(e,this.isMoneyInput)),this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,e){const i=t.replace(/[^0-9.]/g,""),[o,r]=i.split("."),s=o.replace(/\B(?=(\d{3})+(?!\d))/g,","),a=void 0!==r?`${s}.${r}`:s;return e?`$${a}`:a}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,e=!!this.icon;return r("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&r("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&r("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),r("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},r("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":e}},e&&r("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&r("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),r("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":e,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&r("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&r("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&r("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&r("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:40px}.input-container--has-icon label.label-bottom{left:40px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}"}},[577,"dropi-input",{inputId:[1025,"input-id"],name:[1],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],disabled:[516],required:[516],showObligatoryAsterisk:[1028,"show-obligatory-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1025,"input-mode"],passwordInput:[1028,"password-input"],isMoneyInput:[1028,"is-money-input"],isThousandSeparator:[1028,"is-thousand-separator"],isNumericInput:[1028,"is-numeric-input"],allowDecimals:[1028,"allow-decimals"],isLettersOnly:[1028,"is-letters-only"],icon:[1025],iconColor:[1025,"icon-color"],hasError:[1028,"has-error"],textHelper:[1025,"text-helper"],showHelperOnlyOnError:[1028,"show-helper-only-on-error"],inputProperties:[8,"input-properties"],showPassword:[32],touched:[32]},void 0,{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((e=>{switch(e){case"dropi-input":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();export{a as D,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as o,p as e,H as t,c as a,B as i,h as s}from"./index.js";const l=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"084a3feecc511d3d33f15a70cbe0ca35971b7cec",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"15140f5a43b39677ac59992ed62ce184e9fe9471",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"7ac1084378a4357ba738b505c58dea4044f0b89e",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"a39703362f56a38571c8ddb3b28f3ffd7351999c",class:"modal-header"},this.header&&s("span",{key:"001e7afbf3f3d4d3b269440d931689141555d501",class:"modal-title"},this.header),s("slot",{key:"783d6fd3bc56fe268f313647d35bbd9d425a7124",name:"header"}),this.showCloseIcon&&s("button",{key:"72d8f925bd0dce00f050058b240d9a3bc0684d7d",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"73f322ca07b5c2898a22a58d9387e253451634d9",class:"modal-content"},s("slot",{key:"149ab610f362b85a21ef36b0c37e0c5f74aa824a"})),this.showFooter&&s("div",{key:"5d8a0e86f24351a55a2f78056b4ea17fc14b05b4",class:"modal-footer"},s("slot",{key:"e24df27b8c5056969e0ff62dba91b085f9f689aa",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((e=>{"dropi-modal"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))}r();export{l as D,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,c as s,h as o}from"./index.js";const r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onChange=s(this,"onChange",7)}isChecked=!1;disabled=!1;onChange;onToggleChange(t){this.isChecked=t.target.checked,this.onChange.emit(this.isChecked)}render(){return o("label",{key:"c12214e051cfd7ca50d0df9fb3374ee9f3b72c1a",class:"toggle-switch"},o("input",{key:"2821a935d4614447900d35028261b5c6620c104f",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),o("span",{key:"1370a1ea4b9bb48849f9d998eac3a36ac3fa75b6",class:"slider"}))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}"}},[577,"dropi-switch",{isChecked:[1540,"is-checked"],disabled:[516]}]);function a(){"undefined"!=typeof customElements&&["dropi-switch"].forEach((e=>{"dropi-switch"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}a();export{r as D,a as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as r,H as i,c as t,h as c}from"./index.js";const o=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=t(this,"dropiChange")}checked=!1;disabled=!1;dropiChange;changeState(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return c("div",{key:"071505574decbf6b138256f73affe101c01080ef",class:"container-dropi-checkbox",onClick:()=>this.changeState()},c("div",{key:"03e7ec24a87e22c4a5fe1d94cc4ca1fe349d6e6f",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},c("svg",{key:"c56f01268919995cc7aac0173edf44a01a62e13e",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},c("path",{key:"575f863c9e82e862ea7049bf633b0d86ba374bb2",d:"M20.5991 5.69251L9.08325 17.2075C9.00583 17.2852 8.91382 17.3469 8.8125 17.389C8.71118 17.4311 8.60255 17.4527 8.49283 17.4527C8.38312 17.4527 8.27449 17.4311 8.17317 17.389C8.07185 17.3469 7.97984 17.2852 7.90242 17.2075L3.44908 12.75C3.37166 12.6723 3.27965 12.6106 3.17833 12.5685C3.07701 12.5264 2.96838 12.5048 2.85867 12.5048C2.74896 12.5048 2.64032 12.5264 2.53901 12.5685C2.43769 12.6106 2.34568 12.6723 2.26825 12.75C2.19052 12.8274 2.12884 12.9194 2.08676 13.0208C2.04467 13.1221 2.02301 13.2307 2.02301 13.3404C2.02301 13.4501 2.04467 13.5588 2.08676 13.6601C2.12884 13.7614 2.19052 13.8534 2.26825 13.9308L6.72325 18.385C7.19321 18.8541 7.83008 19.1175 8.49408 19.1175C9.15809 19.1175 9.79496 18.8541 10.2649 18.385L21.7799 6.87251C21.8575 6.7951 21.9191 6.70314 21.9611 6.6019C22.0031 6.50065 22.0247 6.39212 22.0247 6.28251C22.0247 6.17289 22.0031 6.06436 21.9611 5.96312C21.9191 5.86188 21.8575 5.76992 21.7799 5.69251C21.7025 5.61478 21.6105 5.5531 21.5092 5.51101C21.4078 5.46893 21.2992 5.44727 21.1895 5.44727C21.0798 5.44727 20.9712 5.46893 20.8698 5.51101C20.7685 5.5531 20.6765 5.61478 20.5991 5.69251Z",fill:"#FFFFFF"}))))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-dropi-checkbox{display:inline-block}.check{width:20px;height:20px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background-color 0.3s ease-in-out, border-style 0.3s ease-in-out}.noCheck{border-style:solid;border-width:2px;border-color:var(--Gray-Gray-200, #c3c9d9);display:flex;justify-content:center;align-items:center}.noCheck svg{visibility:hidden}.isCheck{display:flex;background-color:var(--Primary-Primary-500, #f49a3d);justify-content:center;align-items:center}.disabled{background-color:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}"}},[577,"dropi-checkbox",{checked:[1540],disabled:[516]}]);function s(){"undefined"!=typeof customElements&&["dropi-checkbox"].forEach((r=>{"dropi-checkbox"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}s();export{o as D,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as a,H as o,c as e,h as n}from"./index.js";import{d as t}from"./p-BtkDdEAq.js";const i=a(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClick=e(this,"dropiClick")}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.dropiClick.emit(r)}renderLoadingSpinner(){return n("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==(this.text??""),o=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),e="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return n("button",{key:"eefda6c7ac5090173a545d67e72073dc410ff05c",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&n("dropi-icon",{key:"869ee8fc34dee93de0381a86db643c0fa9dc6918",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&n("span",{key:"927ef142b4c549d01b087722e9f6759cff44e6b2",class:"text"},this.text),o&&n("dropi-icon",{key:"cda1f5d0fa59a87abc1d3d73a87d4390f05f79eb",name:e,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),n("slot",{key:"c83dd79efe5d858361815878192c0c554a9234ca"}))}static get style(){return":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[769,"dropi-button",{type:[1],severity:[1],size:[1],state:[1],fullWidth:[516,"full-width"],preIcon:[1,"pre-icon"],postIcon:[1,"post-icon"],customIconColor:[1,"custom-icon-color"],text:[1]}]);function c(){"undefined"!=typeof customElements&&["dropi-button","dropi-icon"].forEach((a=>{switch(a){case"dropi-button":customElements.get(r(a))||customElements.define(r(a),i);break;case"dropi-icon":customElements.get(r(a))||t()}}))}c();export{i as D,c as d}
|