@dropi/ui 0.1.18 → 0.1.20
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/assets/icons/ilustration/bg-warning.svg +3 -0
- package/assets/icons/ilustration/default.svg +4 -0
- package/assets/icons/ilustration/error.svg +10 -0
- package/assets/icons/ilustration/exclusive.svg +9 -0
- package/assets/icons/ilustration/info.svg +10 -0
- package/assets/icons/ilustration/loading.svg +4 -0
- package/assets/icons/ilustration/love.svg +9 -0
- package/assets/icons/ilustration/premium-new.svg +14 -0
- package/assets/icons/ilustration/premium.svg +5 -0
- package/assets/icons/ilustration/sorry.svg +4 -0
- package/assets/icons/ilustration/success.svg +11 -0
- package/assets/icons/ilustration/verified-new.svg +9 -0
- package/assets/icons/ilustration/verified.svg +4 -0
- package/assets/icons/ilustration/warning.svg +9 -0
- package/assets/lottie-files/loading.json +1 -0
- package/dist/cjs/dropi-accordion.cjs.entry.js +3 -3
- package/dist/cjs/dropi-alert-modal.cjs.entry.js +72 -0
- package/dist/cjs/dropi-alert.cjs.entry.js +58 -0
- package/dist/cjs/dropi-avatars.cjs.entry.js +31 -0
- package/dist/cjs/dropi-badge.cjs.entry.js +2 -2
- package/dist/cjs/dropi-banner-external.cjs.entry.js +47 -0
- package/dist/cjs/dropi-breadcrumb.cjs.entry.js +48 -0
- package/dist/cjs/dropi-button.cjs.entry.js +7 -5
- package/dist/cjs/dropi-card-checkbox.cjs.entry.js +45 -0
- package/dist/cjs/dropi-card-product.cjs.entry.js +59 -0
- package/dist/cjs/dropi-card-section.cjs.entry.js +38 -0
- package/dist/cjs/dropi-carousel.cjs.entry.js +83 -0
- package/dist/cjs/dropi-checkbox-selection-list.cjs.entry.js +71 -0
- package/dist/cjs/dropi-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/dropi-chips.cjs.entry.js +30 -0
- package/dist/cjs/dropi-city-selector.cjs.entry.js +85 -0
- package/dist/cjs/dropi-color-picker.cjs.entry.js +69 -0
- package/dist/cjs/dropi-country-flags.cjs.entry.js +37 -0
- package/dist/cjs/dropi-country-selector.cjs.entry.js +164 -0
- package/dist/cjs/dropi-date-picker-range.cjs.entry.js +115 -0
- package/dist/cjs/dropi-date-picker.cjs.entry.js +205 -0
- package/dist/cjs/dropi-drawer.cjs.entry.js +50 -0
- package/dist/cjs/dropi-dropdown.cjs.entry.js +58 -0
- package/dist/cjs/dropi-empty-state.cjs.entry.js +9 -5
- package/dist/cjs/dropi-favorite-button.cjs.entry.js +27 -0
- package/dist/cjs/dropi-file-upload-progress-bar.cjs.entry.js +52 -0
- package/dist/cjs/dropi-file-upload.cjs.entry.js +84 -0
- package/dist/cjs/dropi-icon.cjs.entry.js +2 -2
- package/dist/cjs/dropi-ilustration-icon.cjs.entry.js +39 -0
- package/dist/cjs/dropi-image-miniature.cjs.entry.js +44 -0
- package/dist/cjs/dropi-image-overlay.cjs.entry.js +62 -0
- package/dist/cjs/dropi-input.cjs.entry.js +10 -10
- package/dist/cjs/dropi-languages-selector.cjs.entry.js +57 -0
- package/dist/cjs/dropi-logo.cjs.entry.js +27 -0
- package/dist/cjs/dropi-lottie-loader.cjs.entry.js +27 -0
- package/dist/cjs/dropi-media-player.cjs.entry.js +102 -0
- package/dist/cjs/dropi-modal.cjs.entry.js +12 -9
- package/dist/cjs/dropi-navbar.cjs.entry.js +52 -0
- package/dist/cjs/dropi-otp-send-code.cjs.entry.js +92 -0
- package/dist/cjs/dropi-paginator.cjs.entry.js +7 -5
- package/dist/cjs/dropi-phone-input.cjs.entry.js +84 -0
- package/dist/cjs/dropi-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/dropi-radio-selection-list.cjs.entry.js +56 -0
- package/dist/cjs/dropi-read-more.cjs.entry.js +36 -0
- package/dist/cjs/dropi-search.cjs.entry.js +110 -0
- package/dist/cjs/dropi-select.cjs.entry.js +7 -7
- package/dist/cjs/dropi-sidebar.cjs.entry.js +67 -0
- package/dist/cjs/dropi-simple-stepper.cjs.entry.js +51 -0
- package/dist/cjs/dropi-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/dropi-steps.cjs.entry.js +50 -0
- package/dist/cjs/dropi-switch.cjs.entry.js +3 -3
- package/dist/cjs/dropi-table.cjs.entry.js +124 -0
- package/dist/cjs/dropi-tabs.cjs.entry.js +3 -3
- package/dist/cjs/dropi-tag-type-product.cjs.entry.js +19 -0
- package/dist/cjs/dropi-tag.cjs.entry.js +3 -3
- package/dist/cjs/dropi-text-area.cjs.entry.js +8 -8
- package/dist/cjs/dropi-time-line.cjs.entry.js +34 -0
- package/dist/cjs/dropi-toast.cjs.entry.js +2 -2
- package/dist/cjs/dropi-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/dropi-ui.cjs.js +2 -2
- package/dist/cjs/dropi-vertical-steps.cjs.entry.js +55 -0
- package/dist/cjs/dropi-youtube-lazy-video.cjs.entry.js +33 -0
- package/dist/cjs/{index-B6R6Ojma.js → index-DcOH2ZjX.js} +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +44 -1
- package/dist/collection/components/dropi-accordion/dropi-accordion.js +1 -1
- package/dist/collection/components/dropi-alert/dropi-alert.css +134 -0
- package/dist/collection/components/dropi-alert/dropi-alert.js +305 -0
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.css +73 -0
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js +395 -0
- package/dist/collection/components/dropi-avatars/dropi-avatars.css +55 -0
- package/dist/collection/components/dropi-avatars/dropi-avatars.js +126 -0
- package/dist/collection/components/dropi-badge/dropi-badge.js +1 -1
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.css +56 -0
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.js +179 -0
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.css +69 -0
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.js +171 -0
- package/dist/collection/components/dropi-button/dropi-button.css +4 -2
- package/dist/collection/components/dropi-button/dropi-button.js +24 -2
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.css +90 -0
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.js +219 -0
- package/dist/collection/components/dropi-card-product/dropi-card-product.css +158 -0
- package/dist/collection/components/dropi-card-product/dropi-card-product.js +353 -0
- package/dist/collection/components/dropi-card-section/dropi-card-section.css +42 -0
- package/dist/collection/components/dropi-card-section/dropi-card-section.js +178 -0
- package/dist/collection/components/dropi-carousel/dropi-carousel.css +103 -0
- package/dist/collection/components/dropi-carousel/dropi-carousel.js +277 -0
- package/dist/collection/components/dropi-checkbox/dropi-checkbox.js +2 -2
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.css +44 -0
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js +245 -0
- package/dist/collection/components/dropi-chips/dropi-chips.css +68 -0
- package/dist/collection/components/dropi-chips/dropi-chips.js +169 -0
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.css +156 -0
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.js +213 -0
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.css +183 -0
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.js +235 -0
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.css +30 -0
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.js +129 -0
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.css +164 -0
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +327 -0
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.css +150 -0
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.js +434 -0
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.css +143 -0
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js +327 -0
- package/dist/collection/components/dropi-drawer/dropi-drawer.css +107 -0
- package/dist/collection/components/dropi-drawer/dropi-drawer.js +198 -0
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.css +51 -0
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.js +184 -0
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.css +1 -0
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.js +45 -1
- package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.css +24 -0
- package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.js +78 -0
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.css +66 -0
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.js +257 -0
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.css +111 -0
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.js +198 -0
- package/dist/collection/components/dropi-icon/dropi-icon.js +1 -1
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.css +91 -0
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js +150 -0
- package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.css +45 -0
- package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.js +150 -0
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.css +123 -0
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.js +155 -0
- package/dist/collection/components/dropi-input/dropi-input.css +11 -0
- package/dist/collection/components/dropi-input/dropi-input.js +4 -4
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.css +79 -0
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js +154 -0
- package/dist/collection/components/dropi-logo/dropi-logo.css +26 -0
- package/dist/collection/components/dropi-logo/dropi-logo.js +96 -0
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.css +50 -0
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.js +116 -0
- package/dist/collection/components/dropi-media-player/dropi-media-player.css +127 -0
- package/dist/collection/components/dropi-media-player/dropi-media-player.js +294 -0
- package/dist/collection/components/dropi-modal/dropi-modal.css +9 -3
- package/dist/collection/components/dropi-modal/dropi-modal.js +10 -7
- package/dist/collection/components/dropi-navbar/dropi-navbar.css +166 -0
- package/dist/collection/components/dropi-navbar/dropi-navbar.js +286 -0
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.css +67 -0
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.js +221 -0
- package/dist/collection/components/dropi-paginator/dropi-paginator.css +15 -12
- package/dist/collection/components/dropi-paginator/dropi-paginator.js +24 -2
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.css +152 -0
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.js +272 -0
- package/dist/collection/components/dropi-radio-button/dropi-radio-button.js +1 -1
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.css +64 -0
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js +209 -0
- package/dist/collection/components/dropi-read-more/dropi-read-more.css +28 -0
- package/dist/collection/components/dropi-read-more/dropi-read-more.js +110 -0
- package/dist/collection/components/dropi-search/dropi-search.css +112 -0
- package/dist/collection/components/dropi-search/dropi-search.js +392 -0
- package/dist/collection/components/dropi-select/dropi-select.js +1 -1
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.css +117 -0
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.js +233 -0
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.css +94 -0
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js +172 -0
- package/dist/collection/components/dropi-steps/dropi-steps.css +95 -0
- package/dist/collection/components/dropi-steps/dropi-steps.js +145 -0
- package/dist/collection/components/dropi-switch/dropi-switch.js +1 -1
- package/dist/collection/components/dropi-table/dropi-table.css +80 -0
- package/dist/collection/components/dropi-table/dropi-table.js +333 -0
- package/dist/collection/components/dropi-tabs/dropi-tabs.js +1 -1
- package/dist/collection/components/dropi-tag/dropi-tag.css +1 -2
- package/dist/collection/components/dropi-tag/dropi-tag.js +1 -1
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.css +14 -0
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.js +48 -0
- package/dist/collection/components/dropi-text-area/dropi-text-area.css +2 -2
- package/dist/collection/components/dropi-text-area/dropi-text-area.js +2 -2
- package/dist/collection/components/dropi-time-line/dropi-time-line.css +108 -0
- package/dist/collection/components/dropi-time-line/dropi-time-line.js +69 -0
- package/dist/collection/components/dropi-toast/dropi-toast.js +1 -1
- package/dist/collection/components/dropi-tooltip/dropi-tooltip.js +1 -1
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.css +95 -0
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js +167 -0
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css +73 -0
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js +110 -0
- package/dist/components/dropi-accordion.js +1 -1
- package/dist/components/dropi-alert-modal.d.ts +11 -0
- package/dist/components/dropi-alert-modal.js +1 -0
- package/dist/components/dropi-alert.d.ts +11 -0
- package/dist/components/dropi-alert.js +1 -0
- package/dist/components/dropi-avatars.d.ts +11 -0
- package/dist/components/dropi-avatars.js +1 -0
- package/dist/components/dropi-badge.js +1 -1
- package/dist/components/dropi-banner-external.d.ts +11 -0
- package/dist/components/dropi-banner-external.js +1 -0
- package/dist/components/dropi-breadcrumb.d.ts +11 -0
- package/dist/components/dropi-breadcrumb.js +1 -0
- package/dist/components/dropi-button.js +1 -1
- package/dist/components/dropi-card-checkbox.d.ts +11 -0
- package/dist/components/dropi-card-checkbox.js +1 -0
- package/dist/components/dropi-card-product.d.ts +11 -0
- package/dist/components/dropi-card-product.js +1 -0
- package/dist/components/dropi-card-section.d.ts +11 -0
- package/dist/components/dropi-card-section.js +1 -0
- package/dist/components/dropi-carousel.d.ts +11 -0
- package/dist/components/dropi-carousel.js +1 -0
- package/dist/components/dropi-checkbox-selection-list.d.ts +11 -0
- package/dist/components/dropi-checkbox-selection-list.js +1 -0
- package/dist/components/dropi-checkbox.js +1 -1
- package/dist/components/dropi-chips.d.ts +11 -0
- package/dist/components/dropi-chips.js +1 -0
- package/dist/components/dropi-city-selector.d.ts +11 -0
- package/dist/components/dropi-city-selector.js +1 -0
- package/dist/components/dropi-color-picker.d.ts +11 -0
- package/dist/components/dropi-color-picker.js +1 -0
- package/dist/components/dropi-country-flags.d.ts +11 -0
- package/dist/components/dropi-country-flags.js +1 -0
- package/dist/components/dropi-country-selector.d.ts +11 -0
- package/dist/components/dropi-country-selector.js +1 -0
- package/dist/components/dropi-date-picker-range.d.ts +11 -0
- package/dist/components/dropi-date-picker-range.js +1 -0
- package/dist/components/dropi-date-picker.d.ts +11 -0
- package/dist/components/dropi-date-picker.js +1 -0
- package/dist/components/dropi-drawer.d.ts +11 -0
- package/dist/components/dropi-drawer.js +1 -0
- package/dist/components/dropi-dropdown.d.ts +11 -0
- package/dist/components/dropi-dropdown.js +1 -0
- package/dist/components/dropi-empty-state.js +1 -1
- package/dist/components/dropi-favorite-button.d.ts +11 -0
- package/dist/components/dropi-favorite-button.js +1 -0
- package/dist/components/dropi-file-upload-progress-bar.d.ts +11 -0
- package/dist/components/dropi-file-upload-progress-bar.js +1 -0
- package/dist/components/dropi-file-upload.d.ts +11 -0
- package/dist/components/dropi-file-upload.js +1 -0
- package/dist/components/dropi-icon.js +1 -1
- package/dist/components/dropi-ilustration-icon.d.ts +11 -0
- package/dist/components/dropi-ilustration-icon.js +1 -0
- package/dist/components/dropi-image-miniature.d.ts +11 -0
- package/dist/components/dropi-image-miniature.js +1 -0
- package/dist/components/dropi-image-overlay.d.ts +11 -0
- package/dist/components/dropi-image-overlay.js +1 -0
- package/dist/components/dropi-input.js +1 -1
- package/dist/components/dropi-languages-selector.d.ts +11 -0
- package/dist/components/dropi-languages-selector.js +1 -0
- package/dist/components/dropi-logo.d.ts +11 -0
- package/dist/components/dropi-logo.js +1 -0
- package/dist/components/dropi-lottie-loader.d.ts +11 -0
- package/dist/components/dropi-lottie-loader.js +1 -0
- package/dist/components/dropi-media-player.d.ts +11 -0
- package/dist/components/dropi-media-player.js +1 -0
- package/dist/components/dropi-modal.js +1 -1
- package/dist/components/dropi-navbar.d.ts +11 -0
- package/dist/components/dropi-navbar.js +1 -0
- package/dist/components/dropi-otp-send-code.d.ts +11 -0
- package/dist/components/dropi-otp-send-code.js +1 -0
- package/dist/components/dropi-paginator.js +1 -1
- package/dist/components/dropi-phone-input.d.ts +11 -0
- package/dist/components/dropi-phone-input.js +1 -0
- package/dist/components/dropi-radio-button.js +1 -1
- package/dist/components/dropi-radio-selection-list.d.ts +11 -0
- package/dist/components/dropi-radio-selection-list.js +1 -0
- package/dist/components/dropi-read-more.d.ts +11 -0
- package/dist/components/dropi-read-more.js +1 -0
- package/dist/components/dropi-search.d.ts +11 -0
- package/dist/components/dropi-search.js +1 -0
- package/dist/components/dropi-select.js +1 -1
- package/dist/components/dropi-sidebar.d.ts +11 -0
- package/dist/components/dropi-sidebar.js +1 -0
- package/dist/components/dropi-simple-stepper.d.ts +11 -0
- package/dist/components/dropi-simple-stepper.js +1 -0
- package/dist/components/dropi-steps.d.ts +11 -0
- package/dist/components/dropi-steps.js +1 -0
- package/dist/components/dropi-switch.js +1 -1
- package/dist/components/dropi-table.d.ts +11 -0
- package/dist/components/dropi-table.js +1 -0
- package/dist/components/dropi-tabs.js +1 -1
- package/dist/components/dropi-tag-type-product.d.ts +11 -0
- package/dist/components/dropi-tag-type-product.js +1 -0
- package/dist/components/dropi-tag.js +1 -1
- package/dist/components/dropi-text-area.js +1 -1
- package/dist/components/dropi-time-line.d.ts +11 -0
- package/dist/components/dropi-time-line.js +1 -0
- package/dist/components/dropi-toast.js +1 -1
- package/dist/components/dropi-tooltip.js +1 -1
- package/dist/components/dropi-vertical-steps.d.ts +11 -0
- package/dist/components/dropi-vertical-steps.js +1 -0
- package/dist/components/dropi-youtube-lazy-video.d.ts +11 -0
- package/dist/components/dropi-youtube-lazy-video.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-BY_J-4Sm.js +1 -0
- package/dist/components/p-CYCV-5qV.js +1 -0
- package/dist/components/p-D0ZJcRZn.js +1 -0
- package/dist/components/p-DUPOnSiL.js +1 -0
- package/dist/components/p-DUX_WvqW.js +1 -0
- package/dist/components/{p-ChOXWKmI.js → p-wO1yy0Zr.js} +1 -1
- package/dist/dropi-ui/dropi-ui.esm.js +1 -1
- package/dist/dropi-ui/p-053ebb91.entry.js +1 -0
- package/dist/dropi-ui/p-0acd32e6.entry.js +1 -0
- package/dist/dropi-ui/p-0e88a543.entry.js +1 -0
- package/dist/dropi-ui/p-0f2f5f75.entry.js +1 -0
- package/dist/dropi-ui/p-131d87ac.entry.js +1 -0
- package/dist/dropi-ui/p-1af4719d.entry.js +1 -0
- package/dist/dropi-ui/p-1e8f6d4a.entry.js +1 -0
- package/dist/dropi-ui/p-22132b1a.entry.js +1 -0
- package/dist/dropi-ui/p-2c1aaf6f.entry.js +1 -0
- package/dist/dropi-ui/p-2e9b87a9.entry.js +1 -0
- package/dist/dropi-ui/p-3414a414.entry.js +1 -0
- package/dist/dropi-ui/p-34ad54a1.entry.js +1 -0
- package/dist/dropi-ui/p-3531378b.entry.js +1 -0
- package/dist/dropi-ui/p-3983a7aa.entry.js +1 -0
- package/dist/dropi-ui/p-40e91337.entry.js +1 -0
- package/dist/dropi-ui/{p-42179ae4.entry.js → p-4a8646e5.entry.js} +1 -1
- package/dist/dropi-ui/p-4be64bf0.entry.js +1 -0
- package/dist/dropi-ui/p-4ec17510.entry.js +1 -0
- package/dist/dropi-ui/p-5023eef0.entry.js +1 -0
- package/dist/dropi-ui/p-51a97b1a.entry.js +1 -0
- package/dist/dropi-ui/p-52796d84.entry.js +1 -0
- package/dist/dropi-ui/p-53a5bd7b.entry.js +1 -0
- package/dist/dropi-ui/p-5425f941.entry.js +1 -0
- package/dist/dropi-ui/p-58d0bf7a.entry.js +1 -0
- package/dist/dropi-ui/p-59d3bd9b.entry.js +1 -0
- package/dist/dropi-ui/p-5e957631.entry.js +1 -0
- package/dist/dropi-ui/p-64cbf4ea.entry.js +1 -0
- package/dist/dropi-ui/p-68080534.entry.js +1 -0
- package/dist/dropi-ui/{p-e44242e2.entry.js → p-6da6b97e.entry.js} +1 -1
- package/dist/dropi-ui/p-6df57f25.entry.js +1 -0
- package/dist/dropi-ui/p-7c916570.entry.js +1 -0
- package/dist/dropi-ui/p-7e95462a.entry.js +1 -0
- package/dist/dropi-ui/{p-6031ac9d.entry.js → p-80089042.entry.js} +1 -1
- package/dist/dropi-ui/p-8768bb11.entry.js +1 -0
- package/dist/dropi-ui/p-896f2900.entry.js +1 -0
- package/dist/dropi-ui/p-89ac1ff2.entry.js +1 -0
- package/dist/dropi-ui/p-8ce79c69.entry.js +1 -0
- package/dist/dropi-ui/p-8e809670.entry.js +1 -0
- package/dist/dropi-ui/p-93b207b7.entry.js +1 -0
- package/dist/dropi-ui/p-983f72ad.entry.js +1 -0
- package/dist/dropi-ui/p-98babb78.entry.js +1 -0
- package/dist/dropi-ui/p-9fc53d50.entry.js +1 -0
- package/dist/dropi-ui/p-Tbza12Gt.js +2 -0
- package/dist/dropi-ui/p-a20705fe.entry.js +1 -0
- package/dist/dropi-ui/p-a72da98f.entry.js +1 -0
- package/dist/dropi-ui/p-a876d57c.entry.js +1 -0
- package/dist/dropi-ui/p-b1b0f938.entry.js +1 -0
- package/dist/dropi-ui/p-b2e176b1.entry.js +1 -0
- package/dist/dropi-ui/p-b41c8a6c.entry.js +1 -0
- package/dist/dropi-ui/p-b890fd5b.entry.js +1 -0
- package/dist/dropi-ui/p-bf5a53ef.entry.js +1 -0
- package/dist/dropi-ui/{p-4d582d58.entry.js → p-c0677661.entry.js} +1 -1
- package/dist/dropi-ui/p-c2562a1c.entry.js +1 -0
- package/dist/dropi-ui/p-c2b5d0fb.entry.js +1 -0
- package/dist/dropi-ui/p-c4d4396b.entry.js +1 -0
- package/dist/dropi-ui/p-c9ebd31b.entry.js +1 -0
- package/dist/dropi-ui/p-cecfb68e.entry.js +1 -0
- package/dist/dropi-ui/p-d0b47e2e.entry.js +1 -0
- package/dist/dropi-ui/p-dcefef51.entry.js +1 -0
- package/dist/dropi-ui/p-e4b7e15f.entry.js +1 -0
- package/dist/dropi-ui/{p-b0d3442e.entry.js → p-e7f4ed25.entry.js} +1 -1
- package/dist/dropi-ui/p-f1d69b15.entry.js +1 -0
- package/dist/esm/dropi-accordion.entry.js +3 -3
- package/dist/esm/dropi-alert-modal.entry.js +70 -0
- package/dist/esm/dropi-alert.entry.js +56 -0
- package/dist/esm/dropi-avatars.entry.js +29 -0
- package/dist/esm/dropi-badge.entry.js +2 -2
- package/dist/esm/dropi-banner-external.entry.js +45 -0
- package/dist/esm/dropi-breadcrumb.entry.js +46 -0
- package/dist/esm/dropi-button.entry.js +7 -5
- package/dist/esm/dropi-card-checkbox.entry.js +43 -0
- package/dist/esm/dropi-card-product.entry.js +57 -0
- package/dist/esm/dropi-card-section.entry.js +36 -0
- package/dist/esm/dropi-carousel.entry.js +81 -0
- package/dist/esm/dropi-checkbox-selection-list.entry.js +69 -0
- package/dist/esm/dropi-checkbox.entry.js +4 -4
- package/dist/esm/dropi-chips.entry.js +28 -0
- package/dist/esm/dropi-city-selector.entry.js +83 -0
- package/dist/esm/dropi-color-picker.entry.js +67 -0
- package/dist/esm/dropi-country-flags.entry.js +35 -0
- package/dist/esm/dropi-country-selector.entry.js +162 -0
- package/dist/esm/dropi-date-picker-range.entry.js +113 -0
- package/dist/esm/dropi-date-picker.entry.js +203 -0
- package/dist/esm/dropi-drawer.entry.js +48 -0
- package/dist/esm/dropi-dropdown.entry.js +56 -0
- package/dist/esm/dropi-empty-state.entry.js +9 -5
- package/dist/esm/dropi-favorite-button.entry.js +25 -0
- package/dist/esm/dropi-file-upload-progress-bar.entry.js +50 -0
- package/dist/esm/dropi-file-upload.entry.js +82 -0
- package/dist/esm/dropi-icon.entry.js +2 -2
- package/dist/esm/dropi-ilustration-icon.entry.js +37 -0
- package/dist/esm/dropi-image-miniature.entry.js +42 -0
- package/dist/esm/dropi-image-overlay.entry.js +60 -0
- package/dist/esm/dropi-input.entry.js +10 -10
- package/dist/esm/dropi-languages-selector.entry.js +55 -0
- package/dist/esm/dropi-logo.entry.js +25 -0
- package/dist/esm/dropi-lottie-loader.entry.js +25 -0
- package/dist/esm/dropi-media-player.entry.js +100 -0
- package/dist/esm/dropi-modal.entry.js +12 -9
- package/dist/esm/dropi-navbar.entry.js +50 -0
- package/dist/esm/dropi-otp-send-code.entry.js +90 -0
- package/dist/esm/dropi-paginator.entry.js +7 -5
- package/dist/esm/dropi-phone-input.entry.js +82 -0
- package/dist/esm/dropi-radio-button.entry.js +3 -3
- package/dist/esm/dropi-radio-selection-list.entry.js +54 -0
- package/dist/esm/dropi-read-more.entry.js +34 -0
- package/dist/esm/dropi-search.entry.js +108 -0
- package/dist/esm/dropi-select.entry.js +7 -7
- package/dist/esm/dropi-sidebar.entry.js +65 -0
- package/dist/esm/dropi-simple-stepper.entry.js +49 -0
- package/dist/esm/dropi-skeleton.entry.js +1 -1
- package/dist/esm/dropi-steps.entry.js +48 -0
- package/dist/esm/dropi-switch.entry.js +3 -3
- package/dist/esm/dropi-table.entry.js +122 -0
- package/dist/esm/dropi-tabs.entry.js +3 -3
- package/dist/esm/dropi-tag-type-product.entry.js +17 -0
- package/dist/esm/dropi-tag.entry.js +3 -3
- package/dist/esm/dropi-text-area.entry.js +8 -8
- package/dist/esm/dropi-time-line.entry.js +32 -0
- package/dist/esm/dropi-toast.entry.js +2 -2
- package/dist/esm/dropi-tooltip.entry.js +2 -2
- package/dist/esm/dropi-ui.js +3 -3
- package/dist/esm/dropi-vertical-steps.entry.js +53 -0
- package/dist/esm/dropi-youtube-lazy-video.entry.js +31 -0
- package/dist/esm/{index-Twbb5MNM.js → index-Tbza12Gt.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/dropi-alert/dropi-alert.d.ts +35 -0
- package/dist/types/components/dropi-alert-modal/dropi-alert-modal.d.ts +48 -0
- package/dist/types/components/dropi-avatars/dropi-avatars.d.ts +17 -0
- package/dist/types/components/dropi-banner-external/dropi-banner-external.d.ts +30 -0
- package/dist/types/components/dropi-breadcrumb/dropi-breadcrumb.d.ts +31 -0
- package/dist/types/components/dropi-button/dropi-button.d.ts +2 -0
- package/dist/types/components/dropi-card-checkbox/dropi-card-checkbox.d.ts +33 -0
- package/dist/types/components/dropi-card-product/dropi-card-product.d.ts +39 -0
- package/dist/types/components/dropi-card-section/dropi-card-section.d.ts +22 -0
- package/dist/types/components/dropi-carousel/dropi-carousel.d.ts +40 -0
- package/dist/types/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.d.ts +37 -0
- package/dist/types/components/dropi-chips/dropi-chips.d.ts +23 -0
- package/dist/types/components/dropi-city-selector/dropi-city-selector.d.ts +46 -0
- package/dist/types/components/dropi-color-picker/dropi-color-picker.d.ts +31 -0
- package/dist/types/components/dropi-country-flags/dropi-country-flags.d.ts +19 -0
- package/dist/types/components/dropi-country-selector/dropi-country-selector.d.ts +39 -0
- package/dist/types/components/dropi-date-picker/dropi-date-picker.d.ts +47 -0
- package/dist/types/components/dropi-date-picker-range/dropi-date-picker-range.d.ts +50 -0
- package/dist/types/components/dropi-drawer/dropi-drawer.d.ts +25 -0
- package/dist/types/components/dropi-dropdown/dropi-dropdown.d.ts +28 -0
- package/dist/types/components/dropi-empty-state/dropi-empty-state.d.ts +4 -0
- package/dist/types/components/dropi-favorite-button/dropi-favorite-button.d.ts +14 -0
- package/dist/types/components/dropi-file-upload/dropi-file-upload.d.ts +37 -0
- package/dist/types/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.d.ts +25 -0
- package/dist/types/components/dropi-ilustration-icon/dropi-ilustration-icon.d.ts +24 -0
- package/dist/types/components/dropi-image-miniature/dropi-image-miniature.d.ts +23 -0
- package/dist/types/components/dropi-image-overlay/dropi-image-overlay.d.ts +26 -0
- package/dist/types/components/dropi-languages-selector/dropi-languages-selector.d.ts +31 -0
- package/dist/types/components/dropi-logo/dropi-logo.d.ts +14 -0
- package/dist/types/components/dropi-lottie-loader/dropi-lottie-loader.d.ts +15 -0
- package/dist/types/components/dropi-media-player/dropi-media-player.d.ts +44 -0
- package/dist/types/components/dropi-navbar/dropi-navbar.d.ts +40 -0
- package/dist/types/components/dropi-otp-send-code/dropi-otp-send-code.d.ts +33 -0
- package/dist/types/components/dropi-paginator/dropi-paginator.d.ts +2 -0
- package/dist/types/components/dropi-phone-input/dropi-phone-input.d.ts +34 -0
- package/dist/types/components/dropi-radio-selection-list/dropi-radio-selection-list.d.ts +34 -0
- package/dist/types/components/dropi-read-more/dropi-read-more.d.ts +17 -0
- package/dist/types/components/dropi-search/dropi-search.d.ts +51 -0
- package/dist/types/components/dropi-sidebar/dropi-sidebar.d.ts +35 -0
- package/dist/types/components/dropi-simple-stepper/dropi-simple-stepper.d.ts +20 -0
- package/dist/types/components/dropi-steps/dropi-steps.d.ts +21 -0
- package/dist/types/components/dropi-table/dropi-table.d.ts +57 -0
- package/dist/types/components/dropi-tag-type-product/dropi-tag-type-product.d.ts +9 -0
- package/dist/types/components/dropi-time-line/dropi-time-line.d.ts +18 -0
- package/dist/types/components/dropi-vertical-steps/dropi-vertical-steps.d.ts +24 -0
- package/dist/types/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.d.ts +19 -0
- package/dist/types/components.d.ts +5705 -874
- package/package.json +1 -1
- package/scripts/setup.js +2 -0
- package/dist/components/p-NCyvfOs2.js +0 -1
- package/dist/dropi-ui/p-082b7039.entry.js +0 -1
- package/dist/dropi-ui/p-09c38a49.entry.js +0 -1
- package/dist/dropi-ui/p-1739d20c.entry.js +0 -1
- package/dist/dropi-ui/p-26dbae0d.entry.js +0 -1
- package/dist/dropi-ui/p-63e969da.entry.js +0 -1
- package/dist/dropi-ui/p-65fa8558.entry.js +0 -1
- package/dist/dropi-ui/p-6d15d32f.entry.js +0 -1
- package/dist/dropi-ui/p-79466fec.entry.js +0 -1
- package/dist/dropi-ui/p-Twbb5MNM.js +0 -2
- package/dist/dropi-ui/p-a5650d8f.entry.js +0 -1
- package/dist/dropi-ui/p-eb7f9a57.entry.js +0 -1
- package/dist/dropi-ui/p-ecda6e19.entry.js +0 -1
- package/dist/dropi-ui/p-f0e1e0f6.entry.js +0 -1
- package/dist/dropi-ui/p-f283f41d.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as t}from"./p-Tbza12Gt.js";const r=class{constructor(t){e(this,t),this.dropiInput=i(this,"dropiInput",7),this.dropiBlur=i(this,"dropiBlur",7),this.dropiKeyEnter=i(this,"dropiKeyEnter",7),this.dropiClear=i(this,"dropiClear",7),this.dropiChange=i(this,"dropiChange",7)}placeholder="Buscar...";value="";maxlength;showClear=!0;options=[];labelKey="name";multiSelect=!1;dropdownHeight="240px";label="";open=!1;selected=[];parsedOptions=[];dropiInput;dropiBlur;dropiKeyEnter;dropiClear;dropiChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.value)return this.parsedOptions;const e=this.value.toLowerCase();return this.parsedOptions.filter((i=>String(i[this.labelKey]??"").toLowerCase().includes(e)))}handleInput(e){this.value=e.target.value,this.open=this.parsedOptions.length>0,this.dropiInput.emit(this.value)}handleKeyDown(e){"Enter"===e.key&&this.dropiKeyEnter.emit(this.value),"Escape"===e.key&&(this.open=!1)}handleClear(){this.value="",this.open=!1,this.dropiClear.emit(),this.dropiInput.emit("")}isSelected(e){return this.selected.some((i=>i[this.labelKey]===e[this.labelKey]))}selectOption(e){this.multiSelect?this.selected=this.isSelected(e)?this.selected.filter((i=>i[this.labelKey]!==e[this.labelKey])):[...this.selected,e]:(this.value=e[this.labelKey]??"",this.selected=[e],this.open=!1),this.dropiChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return t("div",{key:"f7b5b5256a42dc534286dd02248b419fddd74d39",class:"search-wrap"},this.label&&t("label",{key:"721b09602381aad6f1f72acdc1029556222144c8",class:"search-label"},this.label),t("div",{key:"a6c9cff477367a5a6e3653ddd2ae56066acc9236",class:"search-input-row"},t("dropi-icon",{key:"95a51114f701aa87c258e620ccd60e2282830554",class:"search-icon",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),t("input",{key:"fc0f13786b69d08a1fa71accf5316ca98d6e3823",class:"search-input",type:"text",placeholder:this.placeholder,value:this.value,maxLength:this.maxlength,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>{this.parsedOptions.length&&(this.open=!0)},onBlur:()=>{setTimeout((()=>this.open=!1),150),this.dropiBlur.emit()}}),this.showClear&&this.value&&t("button",{key:"e16e8746a1800927966aec5268c73bf8c4c10275",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},t("dropi-icon",{key:"691106cf972751b909d1a0a467268098e3ff02e8",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"}))),e&&t("div",{key:"41f2d2f38dbe9d5fb1c48e1b960888fb8cc5738b",class:"search-dropdown",style:{"--dropdown-height":this.dropdownHeight}},0===this.filtered.length?t("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,i)=>t("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:i,onMouseDown:i=>{i.preventDefault(),this.selectOption(e)}},this.multiSelect&&t("dropi-checkbox",{checked:this.isSelected(e)}),t("span",{class:"search-option__label"},e[this.labelKey]))))))}static get watchers(){return{options:[{optionsChanged:0}]}}};r.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.search-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.search-input-row{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:10px;pointer-events:none;z-index:1}.search-input{width:100%;height:40px;padding:0 36px 0 34px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none;transition:border-color 0.2s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{position:absolute;right:10px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--dropdown-height, 240px);overflow-y:auto;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);z-index:100}.search-option{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.search-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.search-option--selected{background:var(--Primary-Primary-50, #fff5eb)}.search-option__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}";export{r as dropi_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as a}from"./p-Tbza12Gt.js";const e=class{constructor(a){t(this,a),this.dropiToggleFavorite=r(this,"dropiToggleFavorite",7)}isFavorite=!1;dropiToggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.dropiToggleFavorite.emit(this.isFavorite)}render(){return a("button",{key:"1911efe67d8e0ab2f7531e01a844880054fdf693",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":String(this.isFavorite)},a("dropi-icon",{key:"be817f295f9e3e36ca86027f487781f07ae1561d",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}};e.style=":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}";export{e as dropi_favorite_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,h as r}from"./p-Tbza12Gt.js";const e=class{constructor(r){t(this,r),this.dropiSlideChange=a(this,"dropiSlideChange",7)}images=[];altPrefix="Imagen";showArrows=!0;showDots=!0;showThumbs=!1;autoplay=0;activeIndex=0;objectFit="cover";parsedImages=[];current=0;timer;dropiSlideChange;imagesChanged(t){this.parsedImages="string"==typeof t?JSON.parse(t):t||[]}activeIndexChanged(t){this.current=t}componentWillLoad(){this.imagesChanged(this.images),this.current=this.activeIndex}componentDidLoad(){this.autoplay>0&&this.startAutoplay()}disconnectedCallback(){this.stopAutoplay()}startAutoplay(){this.timer=setInterval((()=>this.next()),this.autoplay)}stopAutoplay(){this.timer&&clearInterval(this.timer)}go(t){const a=this.parsedImages.length;this.current=(t%a+a)%a,this.activeIndex=this.current,this.dropiSlideChange.emit(this.current)}prev(){this.go(this.current-1)}next(){this.go(this.current+1)}render(){const t=this.parsedImages;return t.length?r("div",{class:"carousel"},r("div",{class:"carousel__stage"},t.map(((t,a)=>r("div",{class:{carousel__slide:!0,"carousel__slide--active":a===this.current},"aria-hidden":a!==this.current},r("img",{class:"carousel__img",src:t,alt:`${this.altPrefix} ${a+1}`,style:{objectFit:this.objectFit},loading:"lazy"})))),this.showArrows&&t.length>1&&r("button",{class:"carousel__nav carousel__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},r("dropi-icon",{name:"Arrow-Left-2",width:"20px",height:"20px",color:"Neutral-White"})),this.showArrows&&t.length>1&&r("button",{class:"carousel__nav carousel__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},r("dropi-icon",{name:"Arrow-Right-2",width:"20px",height:"20px",color:"Neutral-White"}))),this.showDots&&t.length>1&&r("div",{class:"carousel__dots"},t.map(((t,a)=>r("button",{class:{carousel__dot:!0,"carousel__dot--active":a===this.current},onClick:()=>this.go(a),"aria-label":`Ir a diapositiva ${a+1}`})))),this.showThumbs&&t.length>1&&r("div",{class:"carousel__thumbs"},t.map(((t,a)=>r("img",{class:{carousel__thumb:!0,"carousel__thumb--active":a===this.current},src:t,alt:`${this.altPrefix} ${a+1}`,onClick:()=>this.go(a),loading:"lazy"}))))):null}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{activeIndexChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.carousel{display:flex;flex-direction:column;gap:var(--Size-2, 8px);width:100%}.carousel__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--Border-2, 8px);background:var(--Gray-Gray-100, #eceef4)}.carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity 0.4s ease;pointer-events:none}.carousel__slide--active{opacity:1;pointer-events:all}.carousel__img{width:100%;height:100%}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.4);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;z-index:1}.carousel__nav:hover{background:rgba(0,0,0,0.65)}.carousel__nav--prev{left:var(--Size-2, 8px)}.carousel__nav--next{right:var(--Size-2, 8px)}.carousel__dots{display:flex;justify-content:center;gap:var(--Size-1, 4px)}.carousel__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--Gray-Gray-300, #a0a9c0);cursor:pointer;padding:0;transition:background 0.2s, transform 0.2s}.carousel__dot--active{background:var(--Primary-Primary-500, #f49a3d);transform:scale(1.3)}.carousel__thumbs{display:flex;gap:var(--Size-2, 8px);overflow-x:auto;padding-bottom:2px}.carousel__thumbs::-webkit-scrollbar{height:4px}.carousel__thumbs::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:2px}.carousel__thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--Border-1, 4px);cursor:pointer;flex-shrink:0;opacity:0.5;border:2px solid transparent;transition:opacity 0.15s, border-color 0.15s}.carousel__thumb:hover{opacity:0.8}.carousel__thumb--active{opacity:1;border-color:var(--Primary-Primary-500, #f49a3d)}";export{e as dropi_carousel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(r){e(this,r),this.dropiSidebarItemClick=i(this,"dropiSidebarItemClick",7),this.dropiCollapse=i(this,"dropiCollapse",7)}items=[];activeId="";collapsed=!1;showToggle=!0;logoUrl="";width="240px";expandedIds=new Set;dropiSidebarItemClick;dropiCollapse;get parsedItems(){const e=this.items;return"string"==typeof e?JSON.parse(e):e||[]}toggleExpand(e){this.expandedIds.has(e)?this.expandedIds.delete(e):this.expandedIds.add(e),this.expandedIds=new Set(this.expandedIds)}renderItem(e,i=0){const a=e.children&&e.children.length>0,t=this.expandedIds.has(e.id),s=e.id===this.activeId;return r("li",null,r("button",{class:{sidebar__item:!0,"sidebar__item--active":s,"sidebar__item--depth1":1===i},style:{paddingLeft:i>0?12+12*i+"px":void 0},onClick:()=>{a?this.toggleExpand(e.id):this.dropiSidebarItemClick.emit(e.id)},type:"button",title:this.collapsed?e.label:void 0},e.icon&&r("dropi-icon",{name:e.icon,width:"18px",height:"18px",color:s?"Primary-Primary-500":"Gray-Gray-600"}),!this.collapsed&&r("span",{class:"sidebar__item-label"},e.label),!this.collapsed&&null!=e.badge&&"0"!==String(e.badge)&&r("span",{class:"sidebar__badge"},e.badge),!this.collapsed&&a&&r("dropi-icon",{name:t?"Arrow-Up-2":"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),a&&t&&!this.collapsed&&r("ul",{class:"sidebar__sub"},e.children.map((e=>this.renderItem(e,i+1)))))}render(){const e=this.parsedItems;return r("aside",{key:"97c46e8c84a9e389fb67b34364321c35b0c5ebf2",class:{sidebar:!0,"sidebar--collapsed":this.collapsed},style:{width:this.collapsed?"56px":this.width}},this.logoUrl&&r("div",{key:"211e43514bcdd6b613aa1001ef630e5b9629091a",class:"sidebar__logo-wrap"},r("img",{key:"ce6b7a3b9ce26f4caa1eafd4821f5a2fa70e4dda",class:"sidebar__logo",src:this.logoUrl,alt:"Logo"})),this.showToggle&&r("button",{key:"ba66d7664b76ecdea519f9d128e998331106da8f",class:"sidebar__toggle",onClick:()=>{this.collapsed=!this.collapsed,this.dropiCollapse.emit(this.collapsed)},"aria-label":this.collapsed?"Expandir":"Colapsar",type:"button"},r("dropi-icon",{key:"3a362cb657dfa881523ae29c1e677e6cc16afb61",name:this.collapsed?"Arrow-Right-2":"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-400"})),r("nav",{key:"02152d2e92f7802daa1192bd9d00d21c13619de4",class:"sidebar__nav"},r("ul",{key:"9e90a7d2d25a63885713b881c6d091528027ec57",class:"sidebar__list"},e.map((e=>this.renderItem(e))))),r("div",{key:"b70d89a324de1b56e022ec66b52ecb2b01031d34",class:"sidebar__footer"},r("slot",{key:"6ead0e515e6a59194cd3495bd691ae9acdb0dd05",name:"footer"})))}};a.style=":host{display:block;height:100%}*,*::before,*::after{box-sizing:border-box}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--Neutral-White, #fff);border-right:1px solid var(--Gray-Gray-100, #eceef4);transition:width 0.25s ease;overflow:hidden;flex-shrink:0}.sidebar__logo-wrap{display:flex;align-items:center;justify-content:center;padding:var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4)}.sidebar__logo{height:28px;object-fit:contain;max-width:100%}.sidebar__toggle{align-self:flex-end;margin:var(--Size-2, 8px);background:none;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-1, 4px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;flex-shrink:0}.sidebar__toggle:hover{background:var(--Gray-Gray-50, #f7f8fa)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--Size-2, 8px) 0}.sidebar__list,.sidebar__sub{list-style:none;margin:0;padding:0}.sidebar__item{width:100%;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);background:none;border:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;text-align:left;transition:background 0.15s, color 0.15s;white-space:nowrap;overflow:hidden}.sidebar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.sidebar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.sidebar__item--depth1{font-size:var(--font-size-xs, 10px)}.sidebar__item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.sidebar__sub{padding-left:0}.sidebar__footer{padding:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.sidebar__footer:empty{display:none}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--Size-2, 8px)}";export{a as dropi_sidebar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){e(this,a),this.dropiCancel=r(this,"dropiCancel",7)}fileName="";fileSize="";progress=0;status="uploading";errorMessage="Error al cargar el archivo";showCancel=!0;dropiCancel;get clampedProgress(){return Math.min(100,Math.max(0,this.progress))}get iconName(){switch(this.status){case"success":return"Check-circle";case"error":return"Close-circle";case"paused":return"Pause-circle";default:return"Document"}}get iconColor(){switch(this.status){case"success":return"Success-Success-500";case"error":return"Error-Error-500";case"paused":return"Warning-Warning-500";default:return"Primary-Primary-500"}}render(){const e=this.clampedProgress;return a("div",{key:"1a7e98a56a7f60be4f9934f6e124ed9b78d815a2",class:`upload-item upload-item--${this.status}`},a("div",{key:"a3bd11ec50244ba045361e015202bf895e74ef54",class:"upload-item__icon"},a("dropi-icon",{key:"0cbd181eb3cebab1feff8bc21748a62c66a4a38f",name:this.iconName,width:"24px",height:"24px",color:this.iconColor})),a("div",{key:"fde507232d8105da36820a2dcd5e555ef28da37e",class:"upload-item__content"},a("div",{key:"6d800c22fe3c659bfe39bf8b75f62668cfda6195",class:"upload-item__header"},a("span",{key:"cec4dc4b7c0658bf2f086742cc53caea655ef493",class:"upload-item__name"},this.fileName),this.fileSize&&a("span",{key:"9c523619ef47586b4236de2f21f9e483c6c100fc",class:"upload-item__size"},this.fileSize)),"error"===this.status?a("p",{class:"upload-item__error"},this.errorMessage):a("div",{class:"upload-item__bar-wrap"},a("div",{class:"upload-item__bar"},a("div",{class:"upload-item__bar-fill",style:{width:`${e}%`}})),a("span",{class:"upload-item__pct"},e,"%"))),this.showCancel&&a("button",{key:"375c0fb876e6d2073ae55a96a2fe9654f399870e",class:"upload-item__cancel",onClick:()=>this.dropiCancel.emit(),"aria-label":"Cancelar"},a("dropi-icon",{key:"84dc8576cabe8846b7759411ad57fe7bab218ec2",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"})))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.upload-item--success{border-color:var(--Success-Success-200, #a7edbb)}.upload-item--error{border-color:var(--Error-Error-200, #f9b4b4)}.upload-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--Gray-Gray-50, #f7f8fa);border-radius:var(--Border-1, 4px)}.upload-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-2, 8px)}.upload-item__name{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-item__size{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.upload-item__bar-wrap{display:flex;align-items:center;gap:var(--Size-2, 8px)}.upload-item__bar{flex:1;height:6px;background:var(--Gray-Gray-100, #eceef4);border-radius:100px;overflow:hidden}.upload-item__bar-fill{height:100%;background:var(--Primary-Primary-500, #f49a3d);border-radius:100px;transition:width 0.3s ease}.upload-item--success .upload-item__bar-fill{background:var(--Success-Success-500, #34c55a)}.upload-item--error .upload-item__bar-fill{background:var(--Error-Error-500, #f46a6b)}.upload-item--paused .upload-item__bar-fill{background:var(--Warning-Warning-500, #f49a3d)}.upload-item__pct{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);width:32px;text-align:right;flex-shrink:0}.upload-item__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.upload-item__cancel{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;border-radius:var(--Border-1, 4px);transition:background 0.15s}.upload-item__cancel:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{i as dropi_file_upload_progress_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i}from"./p-Tbza12Gt.js";const s=class{constructor(i){t(this,i)}country="";flagStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.flagStyle?`https://hatscripts.github.io/circle-flags/flags/${t.toLowerCase()}.svg`:`https://flagsapi.com/${t}/flat/64.png`}render(){const t={};return this.width&&(t.width=this.width.includes("px")?this.width:`${this.width}px`),this.height&&(t.height=this.height.includes("px")?this.height:`${this.height}px`),i("figure",{key:"a0e00a2c47e205b0ddd565726a9aff1945cfad2e",class:`flag ${this.flagStyle}`},i("img",{key:"4048129356b4d43ae761f7dd7858483dd008f2b9",src:this.src,style:t,alt:`flag-${this.country}`}))}};s.style=":host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}";export{s as dropi_country_flags}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a}from"./p-Tbza12Gt.js";const r=class{constructor(a){t(this,a)}label="VARIABLE";render(){return a("div",{key:"7002748963348a2361665d0d307f4d8eb3a24e3a",class:"type-variation"},this.label)}};r.style=":host{display:inline-block}.type-variation{border-radius:4px;background:#f1b44c;padding:2px 6px;font-size:12px;color:#fff;text-transform:capitalize;font-weight:400;width:fit-content}";export{r as dropi_tag_type_product}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}text="";maxWords=20;showSeeLess=!0;expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")+"…"}render(){const e=this.needsTruncation&&(!this.expanded||this.showSeeLess);return r("div",{key:"82c3554cc4488391be3b70c5e3bbb5a38a957ec8",class:"read-more"},r("p",{key:"48287caef84486c77d8e8f36080c59c32c90cd00",class:"read-more__text"},this.displayText),e&&r("button",{key:"b808d8cf10d65381e16cdda460db8ceb4d8467c0",class:"read-more__toggle",onClick:()=>this.expanded=!this.expanded},this.expanded?"Ver menos":"Ver más"))}};t.style=":host{display:block}.read-more__text{margin:0 0 4px;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1a2033);line-height:1.5}.read-more__toggle{background:none;border:none;padding:0;margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}";export{t as dropi_read_more}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-Tbza12Gt.js";const a=class{constructor(t){e(this,t)}state="pending";stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?t("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return t("div",{key:"5fe86b98326a2bc1b6916421ff51204fe307e7b7",class:`tag-state ${this.state}`},this.renderIcon(),t("p",{key:"887a979f44c1128a3e78f01be2f20750aab9b276"},this.stateText[this.state]))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}";export{a as dropi_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as a,h as t}from"./p-Tbza12Gt.js";const o=class{constructor(t){r(this,t),this.dropiInput=a(this,"dropiInput",7),this.dropiChange=a(this,"dropiChange",7),this.dropiFocus=a(this,"dropiFocus",7),this.dropiBlur=a(this,"dropiBlur",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder="";value="";maxlength;minlength=0;rows=4;resize="vertical";disabled=!1;required=!1;showAsterisk=!1;helperText="";invalid=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(r){const a=r.target.value;this.value=a,this.internals.setFormValue(a),this.dropiInput.emit(a)}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}get resolvedId(){return this.inputId||this.label}get isInvalid(){return this.invalid&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.helperText||this.isInvalid;return t("div",{key:"ea3be8cb6a7316f6c7e7b41b51e14db24654db7a",class:"textarea-wrapper"},this.label&&t("label",{key:"d6b48ca844611e26ac378070863334a481179cd5",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showAsterisk&&!this.disabled&&t("span",{key:"a3f28346716188fd46ae411e54a64242856c9ec1",class:"asterisk"}," *")),t("div",{key:"c0532ad518a267ff14884c687e49b005ff39c381",class:"textarea-container"},t("textarea",{key:"3bdd909fb0b1710bba23d348fe46058414a0f244",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxlength,minLength:this.minlength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxlength>0&&t("div",{key:"7c4f136b776dd9d5d930d690401d422d856139d1",class:"char-counter"},this.charCount,"/",this.maxlength)),r&&t("div",{key:"e72f689564b1c58cb706b5ad607044ec7cc267e7",class:"form-control-helper"},this.isInvalid&&t("dropi-icon",{key:"93308a1c97c96da20dd246ecc23c10ed6fd656a8",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),t("span",{key:"18df68d1cb37302d3bfeb5742432bf89806e0d98",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.helperText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};o.style=":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative}textarea.form-control{box-sizing:border-box;width:100%;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.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}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.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}";export{o as dropi_text_area}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as r}from"./p-Tbza12Gt.js";const a=[{name:"Colombia",code:"CO",dial:"+57",maxLength:10},{name:"Ecuador",code:"EC",dial:"+593",maxLength:9},{name:"México",code:"MX",dial:"+52",maxLength:10},{name:"Perú",code:"PE",dial:"+51",maxLength:9},{name:"Chile",code:"CL",dial:"+56",maxLength:9},{name:"Argentina",code:"AR",dial:"+54",maxLength:10},{name:"Venezuela",code:"VE",dial:"+58",maxLength:10},{name:"Brasil",code:"BR",dial:"+55",maxLength:11},{name:"Estados Unidos",code:"US",dial:"+1",maxLength:10},{name:"España",code:"ES",dial:"+34",maxLength:9}],n=class{constructor(r){e(this,r),this.dropiCodeChange=o(this,"dropiCodeChange",7),this.dropiPhoneChange=o(this,"dropiPhoneChange",7)}codArea="+57";value="";placeholder="Número de teléfono";disabled=!1;isValid=!0;errorMessage="Número inválido";label="";open=!1;search="";dropiCodeChange;dropiPhoneChange;codAreaChanged(){this.value=""}get selectedCountry(){return a.find((e=>e.dial===this.codArea))??a[0]}get filtered(){if(!this.search)return a;const e=this.search.toLowerCase();return a.filter((o=>o.name.toLowerCase().includes(e)||o.dial.includes(e)))}selectCountry(e){this.codArea=e.dial,this.open=!1,this.search="",this.dropiCodeChange.emit(e.dial)}handleInput(e){const o=e.target.value.replace(/\D/g,"");this.value=o.slice(0,this.selectedCountry.maxLength),e.target.value=this.value,this.dropiPhoneChange.emit(this.value)}render(){const e=this.selectedCountry;return r("div",{key:"8a22ead8fdf5d8916dd6d5376600ded1528f23e3",class:"phone-wrap"},this.label&&r("label",{key:"5d531f606de5691eeb608a3a32b71bd1b7925ae1",class:"phone-label"},this.label),r("div",{key:"97d858e4dd57114e63bb460970ea5e0a22e3a4a7",class:{"phone-row":!0,"phone-row--error":!this.isValid,"phone-row--disabled":this.disabled}},r("button",{key:"2f18bc35a7698d9c5f24dad68458ff27161c1b9d",type:"button",class:"phone-selector",disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},"aria-haspopup":"listbox","aria-expanded":this.open},r("span",{key:"e0e5c9c22eab18335ce75ba273bf98934ad2fec0",class:"phone-selector__flag"},e.code),r("span",{key:"9494233c07ed5f5fe6f6ad71f1f9d4c2b94be249",class:"phone-selector__dial"},e.dial),r("dropi-icon",{key:"721e47d92b5dc9f973a5ce08b383a87371fdb736",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),r("div",{key:"93183e161f42b12cd42daa488c49318b2c378351",class:"phone-divider"}),r("input",{key:"d9b4254f760cf967b2e0ca27946968d2cfc0ca86",class:"phone-input",type:"tel",inputmode:"numeric",placeholder:this.placeholder,value:this.value,disabled:this.disabled,maxLength:e.maxLength,onInput:e=>this.handleInput(e)})),!this.isValid&&r("p",{key:"62a89722bdab5c9b3a67c444543679acfc91f4e9",class:"phone-error"},this.errorMessage),this.open&&r("div",{key:"d51d4d3a43eb6d823dd9039d534f97e6a456b343",class:"phone-dropdown"},r("div",{key:"d3f5912e02d62fdbec2b8a859b49c80b94047a2c",class:"phone-dropdown__search-wrap"},r("input",{key:"2349669feca48b0760277a4288420f2680eb41c4",class:"phone-dropdown__search",type:"text",placeholder:"Buscar país...",value:this.search,onInput:e=>this.search=e.target.value})),0===this.filtered.length?r("div",{class:"phone-dropdown__empty"},"Sin resultados"):this.filtered.map((e=>r("div",{class:{"phone-dropdown__item":!0,"phone-dropdown__item--active":e.dial===this.codArea},onMouseDown:o=>{o.preventDefault(),this.selectCountry(e)}},r("span",{class:"phone-dropdown__code"},e.code),r("span",{class:"phone-dropdown__name"},e.name),r("span",{class:"phone-dropdown__dial"},e.dial))))))}static get watchers(){return{codArea:[{codAreaChanged:0}]}}};n.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-row{display:flex;align-items:center;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);height:40px;overflow:hidden;transition:border-color 0.2s}.phone-row:focus-within{border-color:var(--Info-Info-500, #50a5f1)}.phone-row--error{border-color:var(--Error-Error-500, #f46a6b)}.phone-row--disabled{background:var(--Gray-Gray-50, #f7f8fa);opacity:0.6;pointer-events:none}.phone-selector{display:flex;align-items:center;gap:4px;padding:0 var(--Size-2, 8px);background:none;border:none;cursor:pointer;height:100%;flex-shrink:0}.phone-selector:disabled{cursor:default}.phone-selector__flag{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);letter-spacing:0.5px}.phone-selector__dial{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.phone-divider{width:1px;height:20px;background:var(--Gray-Gray-200, #c3c9d9);flex-shrink:0}.phone-input{flex:1;height:100%;padding:0 var(--Size-2, 8px);border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.phone-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.phone-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:200;max-height:240px;overflow-y:auto}.phone-dropdown__search-wrap{padding:var(--Size-2, 8px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);position:sticky;top:0;background:var(--Neutral-White, #fff)}.phone-dropdown__search{width:100%;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none}.phone-dropdown__search:focus{border-color:var(--Info-Info-500, #50a5f1)}.phone-dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.phone-dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.phone-dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.phone-dropdown__code{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);width:28px;flex-shrink:0}.phone-dropdown__name{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-dropdown__dial{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.phone-dropdown__empty{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}";export{n as dropi_phone_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t),this.dropiStepClick=r(this,"dropiStepClick",7)}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;dropiStepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return t("div",{key:"ec06949df14eae6937921d930e37cf7638454263",class:"vertical-steps"},e.map(((r,i)=>{const s=this.resolveState(i,r),a=i===e.length-1,c=this.clickable&&"completed"===s;return t("div",{class:{"v-step":!0,"v-step--clickable":c},key:i,onClick:()=>c&&this.dropiStepClick.emit(i+1)},t("div",{class:"v-step__indicator"},t("div",{class:{"v-step__circle":!0,[`v-step__circle--${s}`]:!0}},"completed"===s&&this.showCheckIcon?t("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):t("span",{class:"v-step__number"},i+1)),!a&&t("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),t("span",{class:{"v-step__label":!0,[`v-step__label--${s}`]:!0}},r.label))})))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1a2033);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_vertical_steps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,a as i,h as r}from"./p-
|
|
1
|
+
import{r as t,a as i,h as r}from"./p-Tbza12Gt.js";const s=class{constructor(i){t(this,i)}get el(){return i(this)}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return r("svg",{key:"2ddcab388d4a4aa5eeb4068160210581977f270d",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},r("use",{key:"cf485e8fb45231b2ad43b069f3d0d69047f7bc9c",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{s as dropi_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){r(this,a),this.dropiCityChange=e(this,"dropiCityChange",7)}options=[];selectedCities=[];placeholder="Selecciona ciudades";disabled=!1;dropiCityChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r}selectedChanged(r){this.selected="string"==typeof r?JSON.parse(r):[...r]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const r=this.searchTerm.toLowerCase();return this.parsedOptions.map((e=>({...e,items:e.items.filter((e=>e.label.toLowerCase().includes(r)))}))).filter((r=>r.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(r){this.selected=this.selected.includes(r)?this.selected.filter((e=>e!==r)):[...this.selected,r],this.dropiCityChange.emit([...this.selected])}removeCity(r,e){e.stopPropagation(),this.selected=this.selected.filter((e=>e!==r)),this.dropiCityChange.emit([...this.selected])}getLabel(r){for(const e of this.parsedOptions){const a=e.items.find((e=>e.value==r));if(a)return a.label}return String(r)}render(){return a("div",{key:"53650ed7717099d343115c539d6ee7de6fd7a415",class:"city-selector"+(this.disabled?" disabled":"")},a("div",{key:"03bdc026a711321c6719745521e5fabad900c1dc",class:"selector-trigger",onClick:()=>this.toggle()},a("div",{key:"e59a7625b10181bf92c5680b86119b91d0d497ae",class:"chips-area"},0===this.selected.length&&a("span",{key:"a7521c4285660c2ef5ac9d4df19466a3322b0873",class:"placeholder"},this.placeholder),this.selected.map((r=>a("span",{class:"chip",key:String(r)},this.getLabel(r),a("button",{class:"chip-remove","aria-label":"Quitar",onClick:e=>this.removeCity(r,e)},"×"))))),a("dropi-icon",{key:"1ee96f23ca167c420d1ad24b6d6cbd27e331f378",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"cb6ab864645c9dea1d9b2b5eedcafe22596c623d",class:"dropdown"},a("div",{key:"8cdfc3b52a59f5e6501cf577444cad6272056bf6",class:"search-wrap"},a("input",{key:"33e96a874c4ef2b257ae934e5eeb66f128e6a21d",class:"search-input",type:"text",placeholder:"Buscar ciudad...",value:this.searchTerm,onInput:r=>{this.searchTerm=r.target.value}})),a("div",{key:"e163afcf9a1d5ad61527828ed935b840cf4b04ef",class:"options-list"},0===this.filtered.length&&a("div",{key:"c4b35559a86cc0f36563c74824afe9f2ad8df781",class:"no-results"},"Sin resultados"),this.filtered.map((r=>a("div",{key:r.value,class:"group"},a("div",{class:"group-label"},r.label),r.items.map((r=>a("div",{key:String(r.value),class:"city-option"+(this.selected.includes(r.value)?" selected":""),onClick:()=>this.toggleCity(r.value)},a("span",{class:"check-mark"},this.selected.includes(r.value)?"✓":""),r.label)))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.city-selector.disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}.selector-trigger{min-height:40px;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color 0.15s ease}.selector-trigger:hover:not(.disabled *){border-color:var(--Gray-Gray-300, #a3abbf)}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:24px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:4px;padding:2px 6px;font-size:var(--font-size-xs, 11px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0;color:var(--Primary-Primary-500, #f49a3d);display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:200;overflow:hidden}.search-wrap{padding:8px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-input{width:100%;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);outline:none}.search-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.options-list{max-height:240px;overflow-y:auto}.group-label{padding:6px 12px 2px;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--Gray-Gray-400, #858ea6);text-transform:uppercase;letter-spacing:0.5px;background:var(--Gray-Gray-50, #f7f8fa);border-top:1px solid var(--Gray-Gray-100, #e6eaf2)}.city-option{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);transition:background 0.1s ease}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option.selected{color:var(--Primary-Primary-600, #d97c1a);background:var(--Primary-Primary-50, #fff8f0)}.check-mark{width:16px;font-size:12px;color:var(--Primary-Primary-500, #f49a3d);font-weight:bold}.no-results{padding:16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}";export{i as dropi_city_selector}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as a}from"./p-Tbza12Gt.js";const o=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose",7)}open=!1;position="right";drawerTitle="";width="400px";height="50vh";closeOnBackdrop=!0;dropiClose;openChanged(e){"undefined"!=typeof document&&(document.body.style.overflow=e?"hidden":"")}close(){this.open=!1,this.dropiClose.emit()}render(){const e="left"===this.position||"right"===this.position;return a("div",{key:"49b9f893c2c05018301b67234142d4ad2e38a511",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"4a2263c0ffe74bdb53e1ff4992d3b04f39a55856",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"d2cf49005f3b8a970361fdd725d9903b212abd37",class:`drawer-panel drawer-panel--${this.position}`,style:e?{width:this.width}:{height:this.height},role:"dialog","aria-modal":"true"},a("div",{key:"4f04806b747df0e079e01a27ba307f1625679a08",class:"drawer-header"},a("span",{key:"211b77262547ac3b45e97966e6cc6b18dbf92b39",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"1a18631b15de75687cab1e21869c8948461716d7",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"94c49ce2bc26e65be60d0bb7fb0d05c3e4d260e6",name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"}))),a("div",{key:"900cafee62e4dd5b4e6dd89aec680bd19bb44bd8",class:"drawer-body"},a("slot",{key:"ef7d81f315b0aaea94bd68048d133a8026685a66"})),a("div",{key:"d4e6058b84c1fe015b66c540bb1951666bafb35e",class:"drawer-footer"},a("slot",{key:"e66380715a41bc41310ff4b3241e868c5e2609b1",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}]}}};o.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #fff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header__title{font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}.drawer-header__close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:var(--Border-1, 4px);transition:background 0.15s}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px)}.drawer-footer{flex-shrink:0;padding:var(--Size-3, 12px) var(--Size-4, 16px);border-top:1px solid var(--Gray-Gray-100, #eceef4)}.drawer-footer:empty{display:none}";export{o as dropi_drawer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as a}from"./p-Tbza12Gt.js";const t=class{constructor(a){i(this,a)}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:"Info",warning:"Info"}[i]||"Info"}render(){return a("div",{key:"1acaca4fb04f69aa08d582f77912daf20bc810a0",class:"dropi-ilustration"},"dropi"===this.type&&a("figure",{key:"926b2097628ed235167c996440cf1324ad915f10",class:"dropi-ilustration__image"},a("img",{key:"ca44d2ac9abf55255554d0f332f93e5663125307",src:`assets/icons/ilustration/${this.state}.svg`,alt:this.state,onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&a("figure",{key:"f47a3b50f13c75d9637482120df85c8a7654a0d5",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&a("dropi-icon",{key:"ccd33ef7664a7474333e3af1bfe8b4718d714268",name:this.getIconName(this.state),width:"24px",height:"24px",color:"Neutral-White"})),"insignia"===this.type&&a("figure",{key:"24d7552d743a7fc5abbb1fc85e37c46025cd6860",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},a("img",{key:"bbc80f0b9ae663dc0f01600d338ad5297ab3f6ce",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&a("p",{key:"b5efd7dc951609a478524e0861f26a0dd6780d7c",class:`tag tag--${this.stateInsignia}`},a("span",{key:"09dbe7100e081804eff89f7e45cd4770be434d7b",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}};t.style=":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, #fff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #fff);padding:4px 8px 4px 18px;font-size:10px}.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%)}";export{t as dropi_ilustration_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as a}from"./p-Tbza12Gt.js";const t=class{constructor(a){e(this,a),this.dropiClose=i(this,"dropiClose",7)}visible=!1;images=[];activeIndex=0;current=0;parsedImages=[];dropiClose;imagesChanged(e){this.parsedImages="string"==typeof e?JSON.parse(e):e||[]}indexChanged(e){this.current=e}visibleChanged(e){e&&(this.current=this.activeIndex)}componentWillLoad(){this.imagesChanged(this.images),this.current=this.activeIndex}close(){this.visible=!1,this.dropiClose.emit()}prev(){this.current=(this.current-1+this.parsedImages.length)%this.parsedImages.length}next(){this.current=(this.current+1)%this.parsedImages.length}handleError(e){e.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMzAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzFhMjAzMyIvPjx0ZXh0IHg9IjIwMCIgeT0iMTU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNDc1MDY2IiBmb250LXNpemU9IjE0Ij5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){if(!this.visible)return null;const e=this.parsedImages,i=e.length>1;return a("div",{class:"overlay",onClick:()=>this.close()},a("button",{class:"overlay__close",onClick:e=>{e.stopPropagation(),this.close()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-large",width:"24px",height:"24px",color:"Neutral-White"})),a("div",{class:{overlay__body:!0,"overlay__body--single":!i},onClick:e=>e.stopPropagation()},i&&a("div",{class:"overlay__thumbs"},e.map(((e,i)=>a("div",{key:i,class:{"overlay__thumb-box":!0,"overlay__thumb-box--active":i===this.current},onClick:()=>this.current=i},a("img",{src:e,alt:`miniatura ${i+1}`,class:"overlay__thumb-img",onError:e=>this.handleError(e)}))))),a("div",{class:"overlay__content"},i&&a("button",{class:"overlay__nav overlay__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},a("dropi-icon",{name:"Dropdown-left",width:"18px",height:"18px",color:"Gray-Gray-500"})),a("img",{class:"overlay__main-image",src:e[this.current],alt:`imagen ${this.current+1}`,onError:e=>this.handleError(e)}),i&&a("button",{class:"overlay__nav overlay__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},a("dropi-icon",{name:"Dropdown-Right",width:"18px",height:"18px",color:"Gray-Gray-500"})))))}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}}};t.style=":host{display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.92);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fade-in 0.3s ease-out}.overlay__close{position:absolute;top:24px;right:24px;background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10010;transition:background 0.15s}.overlay__close:hover{background:rgba(255, 255, 255, 0.2)}.overlay__body{display:flex;width:90%;height:80%;max-width:1200px;gap:32px;align-items:center}.overlay__body--single{justify-content:center}.overlay__thumbs{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding-right:8px;width:100px;flex-shrink:0}.overlay__thumbs::-webkit-scrollbar{width:4px}.overlay__thumbs::-webkit-scrollbar-thumb{background:#475066;border-radius:4px}.overlay__thumb-box{width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color 0.2s}.overlay__thumb-box--active{border-color:var(--Primary-Primary-500, #f49a3d)}.overlay__thumb-img{width:100%;height:100%;object-fit:cover}.overlay__content{flex:1;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.overlay__main-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);animation:scale-up 0.3s ease-out}.overlay__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:5}.overlay__nav:hover{background:rgba(255, 255, 255, 0.2)}.overlay__nav--prev{left:-24px}.overlay__nav--next{right:-24px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes scale-up{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}";export{t as dropi_image_overlay}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){e(this,a),this.dropiNavigate=r(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return a("nav",{key:"03396956a168feaa860265e9962d9c5cbca8b23f",class:"breadcrumb","aria-label":"Breadcrumb"},a("div",{key:"88e05f4ea225b26a9686bc9f1a01e8e3710806dc",class:"crumb-list"},a("div",{key:"54e0dfc3bbef05a3041d187cd9ec0536f69c34e3",class:"crumb-home"},a("a",{key:"31c971efc13b5122ff2775ee2f79b25c06a01b0f",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},a("dropi-icon",{key:"8a436c3d254884e4479713a9c6981929bb91df55",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),e.length>0&&a("dropi-icon",{key:"f57beceaa6dab5ed00a2c1c38ff43ea6bce040f5",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),e.map(((r,i)=>{const o=i===e.length-1;return a("div",{class:"crumb",key:i},!o||this.lastItemClickable?a("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):a("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&a("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}";export{i as dropi_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t)}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return t("div",{key:"df20b4b0098b3283f266b012d56d3a0377a46420",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"43b76b1e6d85da93b97ec0441331b82d567d2abe",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"3719d3c151b9242f32b313047ccee4fc9b83f990",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"81c578b338b65168920cf38fb4dbc4ef82e6a1a7",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"ce505abe0eae58cf7d24eda6527168267e3412ea",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"bf25278bda2376f3de5776057223a139e8112d33",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}};i.style=":host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}";export{i as dropi_youtube_lazy_video}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(r){i(this,r),this.dropiClose=e(this,"dropiClose",7)}chipStyle="filters";type="text";urlImg="";showIcon=!0;icon="";dropiClose;render(){return r("div",{key:"44be034581ddeffb27fb90fec61dd6275dc5998a",class:{chip:!0,[`chip--${this.chipStyle}`]:!0}},"avatar"===this.type&&this.urlImg&&r("img",{key:"3312f3d54aab3d6546ddde9820569251eb1faaa3",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&r("dropi-icon",{key:"bf035db87cbe2b8ba9639d3c72b6b9dd706138e9",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),r("span",{key:"cf634d59c25b1ad5590bf2bc19f55cdc50b67a66",class:"chip__text"},r("slot",{key:"5534b85253e0f2d91c2b901b97c1e90b5c5c4b32"})),this.showIcon&&r("button",{key:"70723641a9ef1c8b9e412fc7442156d604fcc6d0",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},r("dropi-icon",{key:"beeefbb7aaec6af0762c1f4611d3fb88e6ef8bd1",name:"Close-small",width:"14px",height:"14px",color:"currentColor"})))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}";export{a as dropi_chips}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){i(this,e),this.dropiChange=t(this,"dropiChange",7),this.dropiClick=t(this,"dropiClick",7)}sectionTitle="";description="";typeElement="switch";type="medium";isChecked=!1;dropiChange;dropiClick;render(){return e("div",{key:"f2653804e3d325fb6859d5cc096c893c8fb08ed8",class:"card-section"},e("div",{key:"25fb5e34a9abcdc6a2761adf7053256cb431304d",class:"card-section__text"},"important"===this.type?e("h5",{class:"card-section__title card-section__title--important"},this.sectionTitle):e("h6",{class:"card-section__title"},this.sectionTitle),this.description&&e("p",{key:"fbfb5509a685f39053aa787b57df7c9f2ba1b6eb",class:"card-section__desc"},this.description)),e("div",{key:"f5e6a3d27b08cd6d8be791d9d8bb007c2859d9d2",class:"card-section__control"},"switch"===this.typeElement?e("dropi-switch",{isChecked:this.isChecked,onDropiChange:i=>{this.isChecked=i.detail,this.dropiChange.emit(i.detail)}}):e("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},e("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}";export{r as dropi_card_section}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as r,h as e}from"./p-Tbza12Gt.js";const o=class{constructor(e){a(this,e),this.dropiFilesSelected=r(this,"dropiFilesSelected",7),this.dropiFileError=r(this,"dropiFileError",7)}accept="";multiple=!1;maxSizeMb=10;disabled=!1;label="";helperText="Arrastra o haz clic para subir un archivo";dragging=!1;errors=[];inputRef;dropiFilesSelected;dropiFileError;async readFiles(a){const r=[],e=[];for(let o=0;o<a.length;o++){const i=a[o];if(this.maxSizeMb&&i.size>1024*this.maxSizeMb*1024){const a=`"${i.name}" supera el tamaño máximo de ${this.maxSizeMb} MB`;r.push(a),this.dropiFileError.emit(a);continue}const d=await new Promise((a=>{const r=new FileReader;r.onload=()=>a(r.result),r.readAsDataURL(i)}));e.push({name:i.name,size:i.size,type:i.type,dataUrl:d})}this.errors=r,e.length&&this.dropiFilesSelected.emit(e)}handleDrop(a){a.preventDefault(),this.dragging=!1,!this.disabled&&a.dataTransfer?.files.length&&this.readFiles(a.dataTransfer.files)}handleInputChange(a){const r=a.target;r.files?.length&&this.readFiles(r.files),r.value=""}render(){return e("div",{key:"5498c6aa5d81a5265bf4e954e7674f4db8c5c538",class:"upload-wrap"},this.label&&e("label",{key:"94cd8bcaf7dba51e9d7861412d6a509841518367",class:"upload-label"},this.label),e("div",{key:"c3b5417103abab569b8a883967d567a4ec6ab483",class:{"upload-zone":!0,"upload-zone--dragging":this.dragging,"upload-zone--disabled":this.disabled},onClick:()=>{this.disabled||this.inputRef.click()},onDragOver:a=>{a.preventDefault(),this.disabled||(this.dragging=!0)},onDragLeave:()=>this.dragging=!1,onDrop:a=>this.handleDrop(a)},e("dropi-icon",{key:"436802ec23dc677807ecac36947cd58f9d253e4d",name:"Upload",width:"32px",height:"32px",color:"Primary-Primary-500"}),e("p",{key:"c80ed3536466ae22dcd96fabf353a736515e5bab",class:"upload-zone__text"},this.helperText),this.maxSizeMb&&e("p",{key:"26defe6cece9a9ba6e9d7e2a1913a65607a20036",class:"upload-zone__hint"},"Tamaño máximo: ",this.maxSizeMb," MB"),e("input",{key:"00f7657bfc1646f01dfbc0339df6ed9f04a71ab0",ref:a=>this.inputRef=a,type:"file",accept:this.accept,multiple:this.multiple,class:"upload-hidden",onChange:a=>this.handleInputChange(a)})),this.errors.map((a=>e("p",{class:"upload-error"},a))))}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-wrap{display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-2, 8px);padding:var(--Size-6, 32px) var(--Size-4, 16px);border:2px dashed var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;transition:border-color 0.2s, background 0.2s;text-align:center}.upload-zone:hover:not(.upload-zone--disabled){border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--dragging{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.upload-zone__text{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.upload-zone__hint{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.upload-hidden{display:none}.upload-error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}";export{o as dropi_file_upload}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=()=>{},n=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}";function t(e,n,t){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,n);if(r&&(!t||r.get))return r;e=Object.getPrototypeOf(e)}}var r,o=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o||32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},i=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,n)=>{n&&(e.__stencil__getHostRef=()=>n,n.l=e,512&n.o.u&&o(e,n))},a=(e,n)=>n in e,s=(e,n)=>(0,console.error)(e,n),c=new Map,f=new Map,u=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},h={u:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,r)=>e.addEventListener(n,t,r),rel:(e,n,t,r)=>e.removeEventListener(n,t,r),ce:(e,n)=>new CustomEvent(e,n)},p=e=>Promise.resolve(e),y=(()=>{try{return!!d.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),g=!!y&&(()=>!!d.document&&Object.getOwnPropertyDescriptor(d.document.adoptedStyleSheets,"length").writable)(),v=!1,m=[],b=[],x=(e,n)=>t=>{e.push(t),v||(v=!0,n&&4&h.u?z(S):h.raf(S))},w=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){s(e)}e.length=0},S=()=>{w(m),w(b),(v=m.length>0)&&h.raf(S)},z=e=>p().then(e),G=x(b,!0);function $(){var e;const t=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(e=function(e){if(!y)return;const n=new CSSStyleSheet;return n.replaceSync(e),n}(n))?e:null),r)g?t.adoptedStyleSheets.push(r):t.adoptedStyleSheets=[...t.adoptedStyleSheets,r];else if(!y){const e=document.createElement("style");e.innerHTML=n,t.prepend(e)}}function E(e){var n,t,r;return null!=(r=null==(t=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?r:void 0}var j,O=new WeakMap,P=e=>"sc-"+e.p,k=e=>"object"==(e=typeof e)||"function"===e,W=(e,n,...t)=>{let r=null,o=null,i=!1,l=!1;const a=[],s=n=>{for(let t=0;t<n.length;t++)r=n[t],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!k(r))&&(r+=""),i&&l?a[a.length-1].v+=r:a.push(i?C(null,r):r),l=i)};if(s(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const c=C(e,null);return c.m=n,a.length>0&&(c.S=a),c.G=o,c},C=(e,n)=>({u:0,$:e,v:null!=n?n:null,j:null,S:null,m:null,G:null}),I={},M=(e,n,t)=>null==e||k(e)?e:4&n?(t&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&n?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&n?e+"":e,L=e=>{var n;return null==(n=i(e))?void 0:n.$hostElement$},B=(e,n,t)=>{const r=L(e);return{emit:e=>R(r,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},R=(e,n,t)=>{const r=h.ce(n,t);return e.dispatchEvent(r),r},N=(e,n,t,r,o,l)=>{if(t===r)return;let s=a(e,n),c=n.toLowerCase();if("class"===n){const n=e.classList,o=A(t);let i=A(r);n.remove(...o.filter((e=>e&&!i.includes(e)))),n.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)r&&null!=r[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in r)t&&r[n]===t[n]||(n.includes("-")?e.style.setProperty(n,r[n]):e.style[n]=r[n])}else if("key"===n);else if("ref"===n)r&&ne(r,e);else if(s||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const t=n.slice(5);let o;{const n=i(e);if(n&&n.o&&n.o.t){const e=n.o.t[t];e&&e[1]&&(o=e[1])}}return o||(o=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(o)||e.removeAttribute(o):e.setAttribute(o,!0===r?"":r))}if("p"===n[0]&&n.startsWith("prop:")){const t=n.slice(5);try{e[t]=r}catch(e){}return}{const i=k(r);if((s||i&&null!==r)&&!o)try{if(e.tagName.includes("-"))e[n]!==r&&(e[n]=r);else{const o=null==r?"":r;"list"===n?s=!1:null!=t&&e[n]===o||("function"==typeof e.__lookupSetter__(n)?e[n]=o:e.setAttribute(n,o))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(n)||e.removeAttribute(n):(!s||4&l||o)&&!i&&1===e.nodeType&&e.setAttribute(n,r=!0===r?"":r)}}else if(n="-"===n[2]?n.slice(3):a(d,c)?c.slice(2):c[2]+n.slice(3),t||r){const o=n.endsWith(D);n=n.replace(U,""),t&&h.rel(e,n,t,o),r&&h.ael(e,n,r,o)}},T=/\s/,A=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(T):[]),D="Capture",U=RegExp(D+"$"),H=(e,n,t)=>{const r=11===n.j.nodeType&&n.j.host?n.j.host:n.j,o=e&&e.m||{},i=n.m||{};for(const e of F(Object.keys(o)))e in i||N(r,e,o[e],void 0,t,n.u);for(const e of F(Object.keys(i)))N(r,e,o[e],i[e],t,n.u)};function F(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,q=!1,Y=[],Z=[],_=(e,n,t)=>{const r=n.S[t];let o,i,l=0;if(null!=r.v)o=r.j=d.document.createTextNode(r.v);else{if(q||(q="svg"===r.$),!d.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.j=d.document.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.$),q&&"foreignObject"===r.$&&(q=!1),H(null,r,q),r.S){const n="template"===r.$?o.content:o;for(l=0;l<r.S.length;++l)i=_(e,r,l),i&&n.appendChild(i)}"svg"===r.$?q=!1:"foreignObject"===o.tagName&&(q=!0)}return o["s-hn"]=j,o},J=(e,n,t,r,o,i)=>{let l,a=e;for(a.shadowRoot&&a.tagName===j&&(a=a.shadowRoot),"template"===t.$&&(a=a.content);o<=i;++o)r[o]&&(l=_(null,t,o),l&&(r[o].j=l,te(a,l,n)))},K=(e,n,t)=>{for(let r=n;r<=t;++r){const n=e[r];if(n){const e=n.j;ee(n),e&&e.remove()}}},Q=(e,n,t=!1)=>e.$===n.$&&(t?(t&&!e.G&&n.G&&(e.G=n.G),!0):e.G===n.G),X=(e,n,t=!1)=>{const r=n.j=e.j,o=e.S,i=n.S,l=n.$,a=n.v;null==a?(q="svg"===l||"foreignObject"!==l&&q,"slot"!==l||V||e.O!==n.O&&(n.j["s-sn"]=n.O||"",(e=>{h.u|=1;const n=e.closest(j.toLowerCase());if(null!=n){const t=Array.from(n.__childNodes||n.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of t?r.reverse():r)null!=e["s-sh"]&&(te(n,e,null!=t?t:null),e["s-sh"]=void 0)}h.u&=-2})(n.j.parentElement)),H(e,n,q),null!==o&&null!==i?((e,n,t,r,o=!1)=>{let i,l,a=0,s=0,c=0,f=0,u=n.length-1,d=n[0],h=n[u],p=r.length-1,y=r[0],g=r[p];const v="template"===t.$?e.content:e;for(;a<=u&&s<=p;)if(null==d)d=n[++a];else if(null==h)h=n[--u];else if(null==y)y=r[++s];else if(null==g)g=r[--p];else if(Q(d,y,o))X(d,y,o),d=n[++a],y=r[++s];else if(Q(h,g,o))X(h,g,o),h=n[--u],g=r[--p];else if(Q(d,g,o))X(d,g,o),te(v,d.j,h.j.nextSibling),d=n[++a],g=r[--p];else if(Q(h,y,o))X(h,y,o),te(v,h.j,d.j),h=n[--u],y=r[++s];else{for(c=-1,f=a;f<=u;++f)if(n[f]&&null!==n[f].G&&n[f].G===y.G){c=f;break}c>=0?(l=n[c],l.$!==y.$?i=_(n&&n[s],t,c):(X(l,y,o),n[c]=void 0,i=l.j),y=r[++s]):(i=_(n&&n[s],t,s),y=r[++s]),i&&te(d.j.parentNode,i,d.j)}a>u?J(e,null==r[p+1]?null:r[p+1].j,t,r,s,p):s>p&&K(n,a,u)})(r,o,n,i,t):null!==i?(null!==e.v&&(r.textContent=""),J(r,null,n,i,0,i.length-1)):!t&&null!==o&&K(o,0,o.length-1),q&&"svg"===l&&(q=!1)):e.v!==a&&(r.data=a)},ee=e=>{e.m&&e.m.ref&&Y.push((()=>e.m.ref(null))),e.S&&e.S.map(ee)},ne=(e,n)=>{Z.push((()=>e(n)))},te=(e,n,t)=>e.__insertBefore?e.__insertBefore(n,t):null==e?void 0:e.insertBefore(n,t),re=(e,n)=>{if(n&&!e.P&&n["s-p"]){const t=n["s-p"].push(new Promise((r=>e.P=()=>{n["s-p"].splice(t-1,1),r()})))}},oe=(e,n)=>{if(e.u|=16,4&e.u)return void(e.u|=512);re(e,e.k);const t=()=>ie(e,n);if(!n)return G(t);queueMicrotask((()=>{t()}))},ie=(e,n)=>{const t=e.$hostElement$,r=e.l;if(!r)throw Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return n?(e.u|=256,e.W&&(e.W.map((([e,n])=>de(r,e,n,t))),e.W=void 0),e.C.length&&e.C.forEach((e=>e(t))),o=de(r,"componentWillLoad",void 0,t)):o=de(r,"componentWillUpdate",void 0,t),o=le(o,(()=>de(r,"componentWillRender",void 0,t))),le(o,(()=>se(e,r,n)))},le=(e,n)=>ae(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),ae=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,n,t)=>{var r;const o=e.$hostElement$,i=o["s-rc"];t&&(e=>{const n=e.o,t=e.$hostElement$,r=n.u,o=((e,n)=>{var t,r,o;const i=P(n),l=f.get(i);if(!d.document)return i;if(e=11===e.nodeType?e:d.document,l)if("string"==typeof l){let o,a=O.get(e=e.head||e);if(a||O.set(e,a=new Set),!a.has(i)){o=d.document.createElement("style"),o.textContent=l;const s=null!=(t=h.I)?t:E(d.document);if(null!=s&&o.setAttribute("nonce",s),!(1&n.u))if("HEAD"===e.nodeName){const n=e.querySelectorAll("link[rel=preconnect]"),t=n.length>0?n[n.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(null==t?void 0:t.parentNode)===e?t:null)}else if("host"in e)if(y){const n=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(l),g?e.adoptedStyleSheets.unshift(n):e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}else{const n=e.querySelector("style");n?n.textContent=l+n.textContent:e.prepend(o)}else e.append(o);1&n.u&&e.insertBefore(o,null),4&n.u&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),a&&a.add(i)}}else{let n=O.get(e);if(n||O.set(e,n=new Set),!n.has(i)){const t=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(l.constructor===t.CSSStyleSheet)r=l;else{r=new t.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)r.insertRule(l.cssRules[e].cssText,e)}g?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],n.add(i)}}return i})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&r&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);ce(e,n,o,t),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const n=null!=(r=o["s-p"])?r:[],t=()=>fe(e);0===n.length?t():(Promise.all(n).then(t).catch(t),e.u|=4,n.length=0)}},ce=(e,n,t,r)=>{try{n=n.render(),e.u&=-17,e.u|=2,((e,n,t=!1)=>{const r=e.$hostElement$,o=e.o,i=e.M||C(null,null),l=(e=>e&&e.$===I)(n)?n:W(null,null,n);if(j=r.tagName,o.L&&(l.m=l.m||{},o.L.forEach((([e,n])=>{l.m[n]=r[e]}))),t&&l.m)for(const e of Object.keys(l.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.m[e]=r[e]);l.$=null,l.u|=4,e.M=l,l.j=i.j=r.shadowRoot||r,V=!(!(1&o.u)||128&o.u),X(i,l,t),Y.forEach((e=>e())),Y.length=0,Z.forEach((e=>e())),Z.length=0})(e,n,r)}catch(n){s(n,e.$hostElement$)}return null},fe=e=>{const n=e.$hostElement$,t=e.l,r=e.k;de(t,"componentDidRender",void 0,n),64&e.u?de(t,"componentDidUpdate",void 0,n):(e.u|=64,he(n),de(t,"componentDidLoad",void 0,n),e.B(n),r||ue()),e.R(n),e.P&&(e.P(),e.P=void 0),512&e.u&&z((()=>oe(e,!1))),e.u&=-517},ue=()=>{z((()=>R(d,"appload",{detail:{namespace:"dropi-ui"}})))},de=(e,n,t,r)=>{if(e&&e[n])try{return e[n](t)}catch(e){s(e,r)}},he=e=>e.classList.add("hydrated"),pe=(e,n,t,r)=>{const o=i(e);if(!o)return;if(!o)throw Error(`Couldn't find host element for "${r.p}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=o.$hostElement$,a=o.i.get(n),c=o.u,f=o.l;if(t=M(t,r.t[n][0],!!(64&r.u)),!(8&c&&void 0!==a||t===a||Number.isNaN(a)&&Number.isNaN(t))){if(o.i.set(n,t),r.N){const e=r.N[n];e&&e.map((e=>{try{const[[r,i]]=Object.entries(e);(128&c||1&i)&&(f?f[r](t,a,n):o.C.push((()=>{o.l[r](t,a,n)})))}catch(e){s(e,l)}}))}if(2&c){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(t,a,n)&&!(16&c))return;16&c||oe(o,!1)}}},ye=(e,n,r)=>{var o,l;const a=e.prototype;64&n.u&&1&r&&u.forEach((e=>{Object.defineProperty(a,e,{value(...n){var t;const r=i(this),o=null==r?void 0:r.l;if(o){const t=o[e];"function"==typeof t&&t.call(o,...n)}else null==(t=null==r?void 0:r.T)||t.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.N&&(n.N=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.D&&(n.D=e.serializers);const s=Object.entries(null!=(o=n.t)?o:{});if(s.map((([e,[o]])=>{if(31&o||2&r&&32&o){const{get:l,set:s}=t(a,e)||{};l&&(n.t[e][0]|=2048),s&&(n.t[e][0]|=4096),(1&r||!l)&&Object.defineProperty(a,e,{get(){{if(!(2048&n.t[e][0]))return((e,n)=>i(this).i.get(n))(0,e);const t=i(this),r=t?t.l:a;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(a,e,{set(t){const l=i(this);if(l){if(s)return void 0===(32&o?this[e]:l.$hostElement$[e])&&l.i.get(e)&&(t=l.i.get(e)),s.call(this,M(t,o,!!(64&n.u))),void pe(this,e,t=32&o?this[e]:l.$hostElement$[e],n);{if(!(1&r&&4096&n.t[e][0]))return pe(this,e,t,n),void(1&r&&!l.l&&l.C.push((()=>{4096&n.t[e][0]&&l.l[e]!==l.i.get(e)&&(l.l[e]=t)})));const i=()=>{const r=l.l[e];!l.i.get(e)&&r&&l.i.set(e,r),l.l[e]=M(t,o,!!(64&n.u)),pe(this,e,l.l[e],n)};l.l?i():l.C.push((()=>{i()}))}}}})}else 1&r&&64&o&&Object.defineProperty(a,e,{value(...n){var t;const r=i(this);return null==(t=null==r?void 0:r.U)?void 0:t.then((()=>{var t;return null==(t=r.l)?void 0:t[e](...n)}))}})})),1&r){const t=new Map;a.attributeChangedCallback=function(e,r,o){h.jmp((()=>{var l;const c=t.get(e),f=i(this);if(this.hasOwnProperty(c)&&(o=this[c],delete this[c]),a.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const t=null==f?void 0:f.u;if(f&&t&&!(8&t)&&o!==r){const i=f.l,a=null==(l=n.N)?void 0:l[e];null==a||a.forEach((n=>{const[[l,a]]=Object.entries(n);null!=i[l]&&(128&t||1&a)&&i[l].call(i,o,r,e)}))}return}const u=s.find((([e])=>e===c));u&&4&u[1][0]&&(o=null!==o&&"false"!==o);const d=Object.getOwnPropertyDescriptor(a,c);o==this[c]||d.get&&!d.set||(this[c]=o)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.N)?l:{}),...s.filter((([e,n])=>31&n[0])).map((([e,r])=>{var o;const i=r[1]||e;return t.set(i,e),512&r[0]&&(null==(o=n.L)||o.push([e,i])),i}))]))}}return e},ge=(e,n)=>{de(e,"connectedCallback",void 0,n)},ve=(e,n)=>{de(e,"disconnectedCallback",void 0,n||e)},me=(e,n={})=>{var t;if(!d.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],o=n.exclude||[],l=d.customElements,a=d.document.head,u=a.querySelector("meta[charset]"),p=d.document.createElement("style"),g=[];let v,m=!0;if(Object.assign(h,n),h.h=new URL(n.resourcesUrl||"./",d.document.baseURI).href,e.map((e=>{e[1].map((n=>{var t,a,u;const d={u:n[0],p:n[1],t:n[2],H:n[3]};d.t=n[2],d.H=n[3],d.L=[],d.N=null!=(t=n[4])?t:{},d.D=null!=(a=n[5])?a:{},d.A=null!=(u=n[6])?u:{};const p=d.p,b=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,n)=>{const t={u:0,$hostElement$:e,o:n,i:new Map,F:new Map};t.U=new Promise((e=>t.R=e)),t.T=new Promise((e=>t.B=e)),e["s-p"]=[],e["s-rc"]=[],t.C=[];const r=t;e.__stencil__getHostRef=()=>r})(e=this,d),1&d.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${d.p}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else $.call(e,d)}connectedCallback(){const e=i(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,be(this,e,d.H)),v&&(clearTimeout(v),v=null),m?g.push(this):h.jmp((()=>(e=>{if(!(1&h.u)){const n=i(e);if(!n)return;const t=n.o,r=()=>{};if(1&n.u)be(e,n,t.H),(null==n?void 0:n.l)?ge(n.l,e):(null==n?void 0:n.T)&&n.T.then((()=>ge(n.l,e)));else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){re(n,n.k=t);break}}t.t&&Object.entries(t.t).map((([n,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let r;try{if(!(32&n.u)){if(n.u|=32,t.V){const o=((e,n)=>{const t=e.p.replace(/-/g,"_"),r=e.V;if(!r)return;const o=c.get(r);return o?o[t]:import(`./${r}.entry.js`).then((e=>(c.set(r,e),e[t])),(e=>{s(e,n.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,n);if(o&&"then"in o){const e=()=>{};r=await o,e()}else r=o;if(!r)throw Error(`Constructor for "${t.p}#${n.q}" was not found`);r.isProxied||(t.N=r.watchers,t.D=r.serializers,t.A=r.deserializers,ye(r,t,2),r.isProxied=!0);const i=()=>{};n.u|=8;try{new r(n)}catch(n){s(n,e)}n.u&=-9,n.u|=128,i(),ge(n.l,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>n.u|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const n=P(t);if(!f.has(n)){const r=()=>{};((e,n,t)=>{let r=f.get(e);y&&t?(r=r||new CSSStyleSheet,"string"==typeof r?r=n:r.replaceSync(n)):r=n,f.set(e,r)})(n,e,!!(1&t.u)),r()}}}const o=n.k,i=()=>oe(n,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(t){s(t,e),n.P&&(n.P(),n.P=void 0),n.B&&n.B(e)}})(e,n,t)}r()}})(this))))}disconnectedCallback(){h.jmp((()=>(async e=>{if(!(1&h.u)){const n=i(e);(null==n?void 0:n.Y)&&(n.Y.map((e=>e())),n.Y=void 0),(null==n?void 0:n.l)?ve(n.l,e):(null==n?void 0:n.T)&&n.T.then((()=>ve(n.l,e)))}O.has(e)&&O.delete(e),e.shadowRoot&&O.has(e.shadowRoot)&&O.delete(e.shadowRoot)})(this))),h.raf((()=>{var e;const n=i(this);if(!n)return;const t=g.findIndex((e=>e===this));t>-1&&g.splice(t,1),(null==(e=null==n?void 0:n.M)?void 0:e.j)instanceof Node&&!n.M.j.isConnected&&delete n.M.j}))}componentOnReady(){var e;return null==(e=i(this))?void 0:e.T}};64&d.u&&(b.formAssociated=!0),d.V=e[0],o.includes(p)||l.get(p)||(r.push(p),l.define(p,ye(b,d,1)))}))})),r.length>0&&(p.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const e=null!=(t=h.I)?t:E(d.document);null!=e&&p.setAttribute("nonce",e),a.insertBefore(p,u?u.nextSibling:a.firstChild)}m=!1,g.length?g.map((e=>e.connectedCallback())):h.jmp((()=>v=setTimeout(ue,30)))},be=(e,n,t)=>{t&&d.document&&t.map((([t,r,o])=>{const i=we(d.document,e,t),l=xe(n,o),a=Se(t);h.ael(i,r,l,a),(n.Y=n.Y||[]).push((()=>h.rel(i,r,l,a)))}))},xe=(e,n)=>t=>{var r;try{256&e.u?null==(r=e.l)||r[n](t):(e.W=e.W||[]).push([n,t])}catch(n){s(n,e.$hostElement$)}},we=(e,n,t)=>4&t?e:n,Se=e=>({passive:!!(1&e),capture:!!(2&e)}),ze=e=>h.I=e;export{L as a,me as b,B as c,e as g,W as h,p,l as r,ze as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as i}from"./p-Tbza12Gt.js";const t=class{constructor(i){e(this,i),this.dropiChange=r(this,"dropiChange",7)}label="";name="radio";inputId="radioButton";checked=!1;resetTrigger=!1;dropiChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.dropiChange.emit(e)}render(){return i("div",{key:"50ae300b1dc5972c7c8979f7711edd5f59109653",class:"dropi-radio-button"},i("label",{key:"c91a4ee63c63fe9ae437f344fa1b249db227a4cb",htmlFor:this.inputId},i("input",{key:"ad993a1748315909539f512c09176713693a99d9",id:this.inputId,type:"radio",name:this.name,checked:this.checked,onChange:e=>this.handleChange(e)}),this.label))}static get formAssociated(){return!0}static get watchers(){return{resetTrigger:[{onResetTrigger:0}]}}};t.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.dropi-radio-button{display:flex;align-items:center;justify-content:flex-start;gap:20px}label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5}input[type='radio']{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--Gray-Gray-200, #c3c9d9);border-radius:50%;background-color:transparent;position:relative;cursor:pointer;outline:none;flex-shrink:0;align-self:center;vertical-align:middle;margin:0}input[type='radio']::before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:var(--Primary-Primary-400, #f7b46f);border-radius:50%;display:none}input[type='radio']:checked{border:2px solid var(--Primary-Primary-500, #f49a3d)}input[type='radio']:checked::before{display:block}";export{t as dropi_radio_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){a(this,t),this.dropiPageChange=e(this,"dropiPageChange",7)}total=0;pageSize=10;page=1;maxPages=5;noLabels=!1;showPageSizeSelector=!1;pageSizeOptions=[10,25,50,100];dropiPageChange;parsedOptions=[10,25,50,100];optionsChanged(a){this.parsedOptions="string"==typeof a?JSON.parse(a):a}componentWillLoad(){this.optionsChanged(this.pageSizeOptions)}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get pageNumbers(){const a=this.totalPages,e=this.page,t=this.maxPages;if(a<=t)return Array.from({length:a},((a,e)=>e+1));const i=Math.floor(t/2);let r=Math.max(1,e-i),o=Math.min(a,r+t-1);o-r<t-1&&(r=Math.max(1,o-t+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){a<1||a>this.totalPages||a===this.page||(this.page=a,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize}))}onPageSizeChange(a){this.pageSize=Number(a.target.value),this.page=1,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize})}render(){const a=this.pageNumbers,e=this.page<=1,i=this.page>=this.totalPages;return t("div",{key:"23b6e4c63f01a484e61cea9fb6188382848cf675",class:"paginator"},this.showPageSizeSelector&&t("div",{key:"0cfb3aea09339b51e65b2314b1da9915b384c92a",class:"paginator-size"},t("span",{key:"bef7700fdd17d4aaa5d800ad117f90b34e56381a",class:"paginator-size-label"},"Por página:"),t("select",{key:"c25162f2ce42bbc00125a28d707e72fc214b4864",class:"paginator-size-select",onChange:a=>this.onPageSizeChange(a)},this.parsedOptions.map((a=>t("option",{value:a,selected:a===this.pageSize},a))))),t("div",{key:"f8fd71442442725779786ea3f2334cccf82d237f",class:"paginator-pages"},!e&&!this.noLabels&&t("button",{key:"899e629c0922baa0b71646912e4eed6e6c44536b",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página"},t("dropi-icon",{key:"0e847019e80d9e6c8d448b904691518a87a3afff",name:"Arrow-double-small-left",width:"16px",height:"16px",color:"Gray-Gray-600"})),!e&&t("button",{key:"606e96d5e1495c17ac86d66d560116574f2aa962",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page-1),"aria-label":"Anterior"},t("dropi-icon",{key:"695bbfc36e42040c530b4338c9118d9b1da4c1ea",name:"Dropdown-left",width:"16px",height:"16px",color:"Gray-Gray-600"}),!this.noLabels&&t("span",{key:"c3bc6d3c292f07b782aba6672715163d50907d93",class:"paginator-label"},"Anterior")),a.map(((a,e)=>"..."===a?t("span",{class:"paginator-ellipsis",key:`e${e}`},"…"):t("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.page},onClick:()=>this.goTo(a),"aria-current":a===this.page?"page":void 0},a))),!i&&t("button",{key:"83b89c14ca3fc63679839a4bcb3b416412ebcb01",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page+1),"aria-label":"Siguiente"},!this.noLabels&&t("span",{key:"e896eb8dd2bbabd932014a100a138af89fdfd2f4",class:"paginator-label"},"Siguiente"),t("dropi-icon",{key:"2f9ba001d0ca94f8330b910a6dd952d940c622c8",name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-600"})),!i&&!this.noLabels&&t("button",{key:"6531b71b3767ae872464605bad8ce8e1a5d609d1",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página"},t("dropi-icon",{key:"9411fdbec9291cf3a3418152efc6ce951e6c4006",name:"Arrow-double-small-right",width:"16px",height:"16px",color:"Gray-Gray-600"}))))}static get watchers(){return{pageSizeOptions:[{optionsChanged:0}]}}};i.style=":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, #fff);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, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";export{i as dropi_paginator}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as a}from"./p-Tbza12Gt.js";const n=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],c=class{constructor(a){e(this,a),this.dropiCountryChange=o(this,"dropiCountryChange",7)}label="";placeholder="Selecciona un país";value="";disabled=!1;showObligatory=!1;invalid=!1;dropiCountryChange;isOpen=!1;selected=null;searchTerm="";searchInputRef;valueChanged(e){this.selected=n.find((o=>o.code===e))||null}componentWillLoad(){this.value&&this.valueChanged(this.value)}get filtered(){if(!this.searchTerm)return n;const e=this.searchTerm.toLowerCase();return n.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.value=e.code,this.dropiCountryChange.emit(e)}render(){return a("div",{key:"95320129f76f5d802d62cb282172af97607ed15b",class:"custom-select"},this.label&&a("label",{key:"7310600a9ac9a4482240ae6452db11ea2f083ea5"},this.label,this.showObligatory&&a("span",{key:"8ff5f89823f308366fa9f9ab680d7716e136eec5",class:"required"},"*")),a("button",{key:"cf73602134c204051e196a2fdce9192377e6c1dc",type:"button",class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.invalid},disabled:this.disabled,onClick:()=>this.open()},a("div",{key:"29afa9af6fd5b314e38f75c496e3f6f529a795b2",class:"selected-content"},this.selected?a("span",{class:"selected-option"},a("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):a("span",{class:"placeholder-text"},this.placeholder)),a("dropi-icon",{key:"722dcee79149526a9879e339279128aa23f513cc",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"})),a("ul",{key:"64a93caa1189e212c83aa711d8fec2df97baba1b",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},a("li",{key:"28f0924f7edac815645c0ee51963b8ac688312a6",class:"search-li"},a("input",{key:"b69a4b4a9238fe4dbc0932f8f4078989d867a224",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}})),this.filtered.map((e=>a("li",{key:e.code},a("button",{class:"option",type:"button",onClick:()=>this.select(e)},a("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))))}static get watchers(){return{value:[{valueChanged:0}]}}};c.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{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, #fff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder-text{color:var(--Gray-Gray-400, #858ea6)}.flag-img{border-radius:16px;width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);overflow-y:auto;z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:260px;opacity:1}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.search-li{padding:0;position:sticky;top:0;background:var(--Neutral-White, #fff);z-index:1}.country-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);background:transparent}.option{width:100%;min-height:40px;border-radius:0;padding:8px 12px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.1s ease}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{c as dropi_country_selector}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as o}from"./p-Tbza12Gt.js";const t=class{constructor(o){i(this,o),this.dropiLanguageChange=e(this,"dropiLanguageChange",7)}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(i){this.parsedLanguages="string"==typeof i?JSON.parse(i):i,!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])}selectedLangChanged(i){i&&(this.currentLang="string"==typeof i?JSON.parse(i):i)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(i){this.currentLang=i,this.isOpen=!1,this.dropiLanguageChange.emit(i)}render(){return this.currentLang?o("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},o("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},o("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),o("span",{class:"Body-S-Regular"},this.currentLang.label),o("dropi-icon",{name:"Caret-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),o("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((i=>o("li",{key:i.code,class:i.code===this.currentLang?.code?"active":"",onClick:()=>this.select(i)},o("dropi-country-flags",{country:i.flag,"flag-style":"rectangle",width:"20",height:"15"}),o("span",{class:"Body-S-Regular"},i.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}};t.style=":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:38px;padding:var(--Size-2, 8px) var(--Size-3, 12px);align-items:center;gap:var(--Size-2, 8px);border-radius:4px;border:1px solid var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:6px;margin-top:4px;z-index:1000;overflow-y:auto;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);padding:0;list-style:none;height:0;opacity:0;visibility:hidden;transition:height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;max-height:0}.dropdown-options.dropdown-open{max-height:300px;height:auto;opacity:1;visibility:visible}.dropdown-options li{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options li:hover,.dropdown-options li.active{background:var(--Gray-Gray-50, #f7f8fa)}@media screen and (max-width: 720px){.selected-option span,.dropdown-options li span{display:none}}";export{t as dropi_languages_selector}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as r}from"./p-Tbza12Gt.js";const c=["#f46a6b","#f49a3d","#f4d03d","#34c55a","#50a5f1","#7c6bea","#1a2033","#475066","#858ea6","#c3c9d9","#eceef4","#ffffff"],i=class{constructor(r){e(this,r),this.dropiColorChange=a(this,"dropiColorChange",7),this.dropiOpacityChange=a(this,"dropiOpacityChange",7)}value="#f49a3d";showOpacity=!1;opacity=100;label="";disabled=!1;showPresets=!0;open=!1;hexInput="";dropiColorChange;dropiOpacityChange;componentWillLoad(){this.hexInput=this.value}selectColor(e){this.value=e,this.hexInput=e,this.dropiColorChange.emit(e)}handleHexInput(e){const a=e.target.value;this.hexInput=a,/^#[0-9a-fA-F]{6}$/.test(a)&&(this.value=a,this.dropiColorChange.emit(a))}handleOpacity(e){const a=Number(e.target.value);this.opacity=a,this.dropiOpacityChange.emit(a)}handleNativeColor(e){this.selectColor(e.target.value)}render(){return r("div",{key:"945a6065e2b3a74223a461a26685292edcd78c35",class:"cp-wrap"},this.label&&r("label",{key:"f55fc2254ee0c2c301e9e32811dea37b6b8eff5d",class:"cp-label"},this.label),r("button",{key:"021c23bc249bc3a3053176834808732c58441018",class:{"cp-trigger":!0,"cp-trigger--disabled":this.disabled},disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},type:"button"},r("span",{key:"be49ed05577c5c585d1509bdc1b5055e0e394383",class:"cp-trigger__swatch",style:{background:this.value}}),r("span",{key:"402a7005da1daf2b3a2e12b086b41f79552aa061",class:"cp-trigger__value"},this.value),r("dropi-icon",{key:"da5d7aa322ad7649e90832c54c6ecba445c5e64b",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&r("div",{key:"5e14ace3d21ce605ecc8131acf6c1cb382ee33fa",class:"cp-popup"},r("div",{key:"4408dff1ab4a6ab9a9765eb93502f88fe0946ac0",class:"cp-spectrum-wrap"},r("input",{key:"8d3a7e7b38f528e8dfe14eb668da2af1d861cfe8",type:"color",class:"cp-native",value:this.value,onChange:e=>this.handleNativeColor(e)}),r("div",{key:"4c37fc46fb692afde5574f681b02159f1a84d06b",class:"cp-spectrum-label"},"Selecciona un color")),r("div",{key:"a968e35abe0fc39806002d49f5ca46dece28c0a6",class:"cp-hex-row"},r("span",{key:"0cb30134befff62ced36803c6ed0d5c96b41c680",class:"cp-hex-label"},"HEX"),r("input",{key:"ff6e209fcfeb2ec2d55354806aaba41c041492c5",class:"cp-hex-input",type:"text",value:this.hexInput,maxLength:7,onInput:e=>this.handleHexInput(e),placeholder:"#000000"}),r("div",{key:"6b744fc086dbbc9b5dc148f224673085c7a28704",class:"cp-hex-preview",style:{background:this.value}})),this.showOpacity&&r("div",{key:"5250878b5392e1b00c2e677db727f56c2db91c11",class:"cp-opacity-row"},r("span",{key:"58b49f3749d8a33edcfc580b0e11517087bc25b4",class:"cp-opacity-label"},"Opacidad"),r("input",{key:"48f060900c5d7184e5d2ab93c0abd1641cc755e7",class:"cp-opacity-slider",type:"range",min:0,max:100,value:this.opacity,onInput:e=>this.handleOpacity(e)}),r("span",{key:"7da0ec0a86c1472bd1836a8bb0ca616091dde695",class:"cp-opacity-value"},this.opacity,"%")),this.showPresets&&r("div",{key:"96434d1c7bdfe187f04f613494b79e28acef7750",class:"cp-presets"},c.map((e=>r("button",{class:{"cp-swatch":!0,"cp-swatch--active":e===this.value},style:{background:e},onClick:()=>this.selectColor(e),type:"button",title:e})))),r("button",{key:"e5ad3d16b888c8eb0a4444ae3a6fbab9c83689c5",class:"cp-close",onClick:()=>this.open=!1,type:"button"},"Cerrar")))}};i.style=":host{display:block;position:relative}*,*::before,*::after{box-sizing:border-box}.cp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.cp-trigger{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);height:40px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s;width:100%}.cp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.cp-trigger--disabled{opacity:0.6;cursor:not-allowed}.cp-trigger__swatch{width:20px;height:20px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);font-family:monospace}.cp-popup{position:absolute;top:calc(100% + 4px);left:0;width:220px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12);z-index:300;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.cp-spectrum-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.cp-native{width:100%;height:80px;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;padding:0;background:none}.cp-native::-webkit-color-swatch-wrapper{padding:0}.cp-native::-webkit-color-swatch{border:none;border-radius:var(--Border-1, 4px)}.cp-spectrum-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.cp-hex-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-hex-label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #68738f);width:24px;flex-shrink:0}.cp-hex-input{flex:1;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-xs, 10px);font-family:monospace;color:var(--Gray-Gray-700, #32394d);outline:none}.cp-hex-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.cp-hex-preview{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-opacity-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-opacity-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);white-space:nowrap}.cp-opacity-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--Primary-Primary-500, #f49a3d)}.cp-opacity-value{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);width:28px;text-align:right;flex-shrink:0}.cp-presets{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--Size-1, 4px)}.cp-swatch{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:2px solid transparent;cursor:pointer;transition:transform 0.15s, border-color 0.15s;padding:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch--active{border-color:var(--Gray-Gray-800, #1a2033)}.cp-close{background:none;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);padding:4px 12px;font-size:var(--font-size-xs, 10px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;align-self:flex-end;transition:background 0.15s}.cp-close:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{i as dropi_color_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as a}from"./p-Tbza12Gt.js";const t=class{constructor(a){i(this,a),this.dropiImageClick=e(this,"dropiImageClick",7)}label="";images=[];width="88px";height="88px";dropiImageClick;get parsedImages(){if("string"==typeof this.images)try{return JSON.parse(this.images)}catch{return[]}return this.images||[]}handleError(i){i.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OCA4OCI+PHJlY3Qgd2lkdGg9Ijg4IiBoZWlnaHQ9Ijg4IiBmaWxsPSIjZjdmOGZhIi8+PHRleHQgeD0iNDQiIHk9IjQ4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYzNjOWQ5IiBmb250LXNpemU9IjEyIj5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){const i=this.parsedImages;return a("div",{key:"158c35ef76539561c66eaeb2f825752cd94c8cc6",class:"miniature"},this.label&&a("span",{key:"7817f19c245b61a0b3730cc353a6e0f9fd30d41e",class:"miniature__label"},this.label),a("div",{key:"ca1ecbbeb3134fe46e83ae89a1cc4e36836188a3",class:"miniature__grid"},i.map(((e,t)=>a("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},a("img",{src:e,alt:`imagen ${t+1}`,loading:"lazy",onError:i=>this.handleError(i)}),a("div",{class:"miniature__zoom"},a("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Neutral-White"})))))))}};t.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.miniature__label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:var(--Size-2, 8px)}.miniature__grid{display:flex;flex-wrap:wrap;gap:var(--Size-2, 8px)}.miniature__item{position:relative;border-radius:var(--Border-2, 8px);overflow:hidden;cursor:pointer;flex-shrink:0}.miniature__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.2s}.miniature__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s}.miniature__item:hover img{transform:scale(1.05)}.miniature__item:hover .miniature__zoom{opacity:1}";export{t as dropi_image_miniature}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as i}from"./p-Tbza12Gt.js";const r=class{constructor(i){e(this,i),this.dropiChange=a(this,"dropiChange",7)}type="default";checked=!1;cardTitle="";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;handleClick(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return i("div",{key:"9c647faab478d2817593315051b1f02d0334756d",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.checked&&"with-card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},i("dropi-checkbox",{key:"31db5cd31da290692d6aa77e0129b7e4361c23aa",checked:this.checked,disabled:this.disabled}),i("div",{key:"4b5c8eeadd255a79344d634d84e3ff93fafa34b4",class:"container-text"},i("div",{key:"30a03f764294e0b4ca8a2bf4fd1badc08d0dc7e9",class:"title-check"},this.cardTitle),this.description&&i("div",{key:"751b4fac066b17c903e56a0aa5ef16b0d4151944",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&i("div",{key:"6b7eec457d42169ac87d1042b65b1bebdd436a5e",class:"extra-info"},this.extraInfo&&i("div",{key:"07e1cfa079668255343570498e0ad0dc0351effb"},this.extraInfo),this.extraInfoDescription&&i("h4",{key:"3a8277e2749b9cbdaf7d5d11086c7f2ac11dc39c"},this.extraInfoDescription)))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-size:var(--font-size-s, 12px)}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}";export{r as dropi_card_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e}from"./p-Tbza12Gt.js";const s=class{constructor(e){t(this,e),this.dropiPrimary=i(this,"dropiPrimary",7),this.dropiSecondary=i(this,"dropiSecondary",7),this.dropiHide=i(this,"dropiHide",7)}visible=!1;type="question";alertTitle="";message="";primaryButton="Aceptar";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Cargando";loadingMessage="Por favor espera un momento";dropiPrimary;dropiSecondary;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimary.emit(),this.visible=!1}handleSecondary(){this.dropiSecondary.emit(),this.visible=!1}onModalHide(){this.visible=!1,this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type,i=this.loading?"300px":"120px";return console.log("[DropiAlertModal] type:",this.type,"lottieKey:",t,"src:",this.lottieMap[t]),e("dropi-modal",{key:"4038a17b3572d834f6eb015ad1ece188735d5f74",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,size:"s",onDropiHide:()=>this.onModalHide()},e("div",{key:"89a8709256c27102bde8ac25a387dc90f3f61ed4",class:"body-alert"+(this.loading?" is-loading":"")},this.lottieMap[t]&&e("div",{key:"5bf98eb48cd930bfa8fe4b94077753031830de6b",class:"lottie-img"+(this.loading?" lottie-img--loading":"")},e("dotlottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",style:{width:i,height:"auto"},loop:!0,autoplay:!0})),e("div",{key:"a2c9cd8f737ea3584a6706b0e92270893b592870",class:"content-alert"},e("h2",{key:"2cd2e5567910995c62eeb64e60c13ed40fdd14a1"},this.loading?this.loadingTitle:this.alertTitle),e("p",{key:"c6baa31f8f6bbbeb2b1f514e3584d61a50616096"},this.loading?this.loadingMessage:this.message)),!this.loading&&this.displayButtons&&e("div",{key:"7bc16afdb60ea6549fa5dff250a0146141a5715d",class:"actions"},this.secondaryButton&&e("dropi-button",{key:"8b289d9bf39622340ad2cae9ab21457a948c4843",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),e("dropi-button",{key:"f87a1a80be2e72b26ddeac81d5f7638f40ddd8f7",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}};s.style=":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);padding:0;overflow:hidden;width:100%;text-align:center !important}.lottie-img{display:flex;align-items:center;justify-content:center;min-height:100px;width:120px;margin-top:-8px;margin-bottom:var(--Size-2, 8px)}.lottie-img--loading{min-height:160px;width:100%}.content-alert{text-align:center;width:100%}.content-alert h2{color:var(--Gray-Gray-700, #32394d);font-size:var(--Size-5, 24px);font-weight:700;margin:0 0 var(--Size-2, 8px);text-align:center !important}.content-alert p{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);margin:0;text-align:center !important;overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:12px;width:100%;margin-top:var(--Size-4, 16px)}.actions dropi-button{flex:1;display:flex}@media (max-width: 768px){.actions{flex-direction:column}}";export{s as dropi_alert_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-
|
|
1
|
+
import{r as t,h as o}from"./p-Tbza12Gt.js";const r=class{constructor(o){t(this,o)}text="";position="top";maxWidth="280px";showDelay=0;visible=!1;showTimer=null;show=()=>{this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.visible=!1};render(){return o("div",{key:"9f328904e1954d08cf18d51ca765f07ec8b9d3c1",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},o("slot",{key:"697ebc090a9b3d7db25666b6ae8726bc9c389d3c"}),this.text&&o("div",{key:"f82c4ad44cd13b3eb7fd3bbfa54bb598166fba1c",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,"tooltip-bubble--visible":this.visible},style:{maxWidth:this.maxWidth},role:"tooltip"},this.text,o("span",{key:"f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};r.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#1f2433;color:var(--Neutral-White,#fff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2433}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2433}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f2433}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1f2433}";export{r as dropi_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){t(this,e)}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return e("div",{key:"b8a4dee055ec85242e2a62a497a6b13fcea29bbc",class:"timeline"},t.map(((r,a)=>{const i=a===t.length-1;return e("div",{class:{"tl-step":!0,[`tl-step--${r.status}`]:!0},key:r.id||a},e("div",{class:"tl-step__marker"},e("div",{class:"tl-step__icon"},r.icon?e("dropi-icon",{name:r.icon,width:"16px",height:"16px",color:"done"===r.status?"Neutral-White":"active"===r.status?"Primary-Primary-500":"Gray-Gray-400"}):e("span",{class:"tl-step__dot"})),!i&&e("div",{class:"tl-step__line"})),e("div",{class:"tl-step__content"},e("span",{class:"tl-step__label"},r.label),r.subtitle&&e("span",{class:"tl-step__subtitle"},r.subtitle)))})))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #fff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{r as dropi_time_line}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as o}from"./p-Tbza12Gt.js";const e=class{constructor(o){t(this,o),this.dropiInput=r(this,"dropiInput",7),this.dropiChange=r(this,"dropiChange",7),this.dropiFocus=r(this,"dropiFocus",7),this.dropiBlur=r(this,"dropiBlur",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxlength;disabled=!1;required=!1;showAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;moneyFormat=!1;thousandSeparator=!1;onlyNumbers=!1;allowDecimals=!1;onlyLetters=!1;icon="";iconColor="Gray-Gray-400";invalid=!1;helperText="";showHelperOnlyOnError=!1;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(t){let r=t.target.value;this.onlyNumbers&&(r=this.filterNumbers(r)),this.onlyLetters&&(r=this.filterLetters(r)),(this.moneyFormat||this.thousandSeparator)&&(r=this.formatThousands(r,this.moneyFormat)),this.value=r,this.internals.setFormValue(r),this.dropiInput.emit(r)}handleKeyDown(t){(this.onlyNumbers||this.moneyFormat||this.thousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.onlyLetters&&!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,r){const o=t.replace(/[^0-9.]/g,""),[e,a]=o.split("."),i=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==a?`${i}.${a}`:i;return r?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.helperText&&(!this.showHelperOnlyOnError||this.invalid&&this.touched)}get isInvalid(){return this.invalid&&this.touched}render(){const t=this.required&&this.showAsterisk&&!this.disabled,r=!!this.icon;return o("div",{key:"49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&o("div",{key:"326d90a0361fe5ab90adee1479439aab34c99951",class:"input-label Body-S-Regular"},this.label,t&&o("span",{key:"cf5677966af627addc69a2735803845b54f41a9f",class:"asterisk"}," *")),o("div",{key:"1f7b7c614dc424ad4b1aa1819d05573fd08b30a1",class:"form-group"},o("div",{key:"c2f88e7f7f2f0da585e8ac20c6373b451290dfdd",class:{"input-container":!0,"input-container--has-icon":r}},r&&o("dropi-icon",{key:"c6f7cc14c56452768e4e49092a2be7968951255b",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&o("dropi-icon",{key:"5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),o("input",{key:"51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":r,"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&&o("label",{key:"9fa96019e84dd543e3e74a15e8f0681ea7bb7823",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&o("span",{key:"740936c43be963fc7383e3ae6eb21c9d02ffde03",class:"asterisk"}," *")),this.showHelper&&o("div",{key:"9381fc81799162f20df8d2df914adc4ebee5e8ed",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"fea3d178b9b00f87d2a266cb665fca2774ec963a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),o("span",{key:"390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.helperText)))))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};e.style=":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:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.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, #fff);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:28px}.input-container--has-icon label.label-bottom{left:28px}.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}";export{e as dropi_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as o}from"./p-Tbza12Gt.js";const e="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",l=class{constructor(o){i(this,o)}urlLogo="";size="large";theme="light";handleError(i){i.target.src=e}render(){return o("figure",{key:"416498bbb93314e2a69a3fdba9def0f8fb4d940a",class:{"dropi-logo":!0,[`dropi-logo--${this.size}`]:!0}},o("img",{key:"137ae999c9db95e87d8ee76a46b328c34f97f58e",src:this.urlLogo||e,alt:"Dropi logo",loading:"lazy",onError:i=>this.handleError(i)}))}};l.style=":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}";export{l as dropi_logo}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as i}from"./p-Tbza12Gt.js";const t="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==",r=class{constructor(i){a(this,i)}image="";alt="avatar";type="users";initials="";handleError(a){a.target.src=t}render(){const a=this.initials?.slice(0,2).toUpperCase(),r=!this.image&&a;return i("figure",{key:"207390b678faada7a5c276b23246573b04c0416c",class:{avatar:!0,[`avatar--${this.type}`]:!0}},r?i("div",{class:"avatar__initials"},a):i("img",{src:this.image||t,alt:this.alt,onError:a=>this.handleError(a)}))}};r.style=":host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}";export{r as dropi_avatars}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i}from"./p-Tbza12Gt.js";const a=class{constructor(i){t(this,i),this.dropiAction=e(this,"dropiAction",7),this.dropiSecondaryAction=e(this,"dropiSecondaryAction",7)}header="";description="";imageUrl="";imageAlt="Sin resultados";actionLabel="";iconState="default";secondaryLabel="";actionSeverity="tertiary";dropiAction;dropiSecondaryAction;render(){return i("div",{key:"a4aec0618cd8a0900c4d5e82528a86d30c027669",class:"empty-state"},i("div",{key:"80565c251e85146d824c640cbce4602d509311bb",class:"empty-state-visual"},i("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.iconState}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.header&&i("h3",{key:"9cd0fc5aac1aeb089f1ef4c46291c9ad5d630d9c",class:"empty-state-title"},this.header),this.description&&i("p",{key:"4f2fd55693d6376a7d782a8df5d71c33fa8ea523",class:"empty-state-description"},this.description),i("slot",{key:"a48aa738f9f9a3a2c1f62d86e36010f2eb6c9b06"}),(this.actionLabel||this.secondaryLabel)&&i("div",{key:"dd2978b2422d1382461eaba5c92eba37817ddb61",class:"empty-state-actions"},this.secondaryLabel&&i("dropi-button",{key:"b2d76dd6da170d8af85384ffbe800a4789ea96d9",text:this.secondaryLabel,severity:"secondary",onDropiClick:()=>this.dropiSecondaryAction.emit()}),this.actionLabel&&i("dropi-button",{key:"68efcbb4c4069302839501c74affc6d43f7d4c6b",text:this.actionLabel,severity:this.actionSeverity,onDropiClick:()=>this.dropiAction.emit()})))}};a.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}";export{a as dropi_empty_state}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as r,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){a(this,e),this.dropiNavItemClick=r(this,"dropiNavItemClick",7),this.dropiNotificationsClick=r(this,"dropiNotificationsClick",7),this.dropiUserClick=r(this,"dropiUserClick",7),this.dropiMenuToggle=r(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";items=[];activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;dropiNavItemClick;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedItems(){const a=this.items;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedItems;return e("nav",{key:"014281e03d0d6d2619add2319c3df90a5b6246a5",class:"navbar"},e("div",{key:"4c1ac832042995edbe98e03d9ffd722879d7667c",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"b244829263b1fa8f10365be75f8e6a86780b23bb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"082a2ec0c22c31d0e50c6c4268deb91db91a4a0a",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"bb999a5b53a2e667715b8b8152e68f567bf6735d",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt})),a.length>0&&e("ul",{key:"0d8fc800d7e8eb42ba7971c323dcd7366c564c6f",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.dropiNavItemClick.emit(a.id),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,width:"16px",height:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"ce34e9989a27f875880cc674f68cd1348ba830ea",class:"navbar__right"},e("button",{key:"8786409d275d115e363d4675d51d33a004881287",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"6d8475c54109cf3535464029d906779a1ef5613d",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"f38458c5cf0e805cf7bc20ca6d9c2f59570c2813",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"aa82799088ef91868967988a48b51d5426175733",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"512bb7945572d2a2c117d8fa27d82d1d53b78120",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"feac223f33239f1b1d2add2139aef3408a73de44",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"}))))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #fff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{i as dropi_navbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as a,h as o}from"./p-Tbza12Gt.js";const e=class{constructor(o){r(this,o),this.dropiClick=a(this,"dropiClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"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 o("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("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,e=""!==this.postIcon||"dropdown"===this.type,n="dropdown"===this.type?"Dropdown-down":this.postIcon;return o("button",{key:"e924f56cb86a87ee8a314cfc5c278042a4d0a87d",class:{btn:!0,"without-text":!a,[this.severity]:!0,[this.type]:!0,[this.size]:!0,[this.state]:!0},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"6d42026da19f7bf2fc6186659b8afc48748544f1",name:this.preIcon,width:this.iconSize,height:this.iconSize,color:this.fontColor}),a&&o("span",{key:"c71ee430fec84cd24d261dc12973ad0b472cc71c",class:"text"},this.text),e&&o("dropi-icon",{key:"ff3890de446e5b48c88a980f01cce4e7b9764b24",name:n,width:this.iconSize,height:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"3ee6aacd17a004664ad4bcf89219a8e2dc865343"}))}};e.style=":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:700;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(--Size-3, 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, #fff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #fff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #fff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #fff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #fff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #fff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #fff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #fff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #fff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #fff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #fff)}.btn.secondary{background:var(--Neutral-White, #fff);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:400;font-size:14px;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)}}";export{e as dropi_button}
|