@dropi/ui 0.1.24 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{esm → dropi-ui}/dropi-accordion-item.entry.js +8 -2
- package/dist/dropi-ui/dropi-accordion-item.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-accordion.entry.js +4 -1
- package/dist/dropi-ui/dropi-accordion.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-alert-legacy.entry.js +4 -1
- package/dist/dropi-ui/dropi-alert-legacy.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-alert-modal.entry.js +4 -1
- package/dist/dropi-ui/dropi-alert-modal.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-alert.entry.js +4 -1
- package/dist/dropi-ui/dropi-alert.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-avatars.entry.js +4 -1
- package/dist/dropi-ui/dropi-avatars.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-badge-legacy.entry.js +4 -1
- package/dist/dropi-ui/dropi-badge-legacy.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-badge.entry.js +4 -1
- package/dist/dropi-ui/dropi-badge.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-banner-external.entry.js +4 -1
- package/dist/dropi-ui/dropi-banner-external.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-breadcrumb.entry.js +4 -1
- package/dist/dropi-ui/dropi-breadcrumb.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-button.entry.js +4 -1
- package/dist/dropi-ui/dropi-button.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-card-checkbox.entry.js +4 -1
- package/dist/dropi-ui/dropi-card-checkbox.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-card-product.entry.js +4 -1
- package/dist/dropi-ui/dropi-card-product.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-card-section.entry.js +4 -1
- package/dist/dropi-ui/dropi-card-section.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-carousel.entry.js +4 -1
- package/dist/dropi-ui/dropi-carousel.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-checkbox-selection-list.entry.js +4 -1
- package/dist/dropi-ui/dropi-checkbox-selection-list.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-checkbox.entry.js +4 -1
- package/dist/dropi-ui/dropi-checkbox.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-chips.entry.js +4 -1
- package/dist/dropi-ui/dropi-chips.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-city-selector.entry.js +4 -1
- package/dist/dropi-ui/dropi-city-selector.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-color-picker.entry.js +4 -1
- package/dist/dropi-ui/dropi-color-picker.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-country-flags.entry.js +4 -1
- package/dist/dropi-ui/dropi-country-flags.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-country-selector.entry.js +4 -1
- package/dist/dropi-ui/dropi-country-selector.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-date-picker-range.entry.js +4 -1
- package/dist/dropi-ui/dropi-date-picker-range.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-date-picker.entry.js +4 -1
- package/dist/dropi-ui/dropi-date-picker.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-drawer.entry.js +4 -1
- package/dist/dropi-ui/dropi-drawer.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-dropdown.entry.js +4 -1
- package/dist/dropi-ui/dropi-dropdown.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-empty-state.entry.js +4 -1
- package/dist/dropi-ui/dropi-empty-state.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-favorite-button.entry.js +4 -1
- package/dist/dropi-ui/dropi-favorite-button.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-file-upload-progress-bar.entry.js +4 -1
- package/dist/dropi-ui/dropi-file-upload-progress-bar.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-file-upload.entry.js +4 -1
- package/dist/dropi-ui/dropi-file-upload.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-icon.entry.js +4 -1
- package/dist/dropi-ui/dropi-icon.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-ilustration-icon.entry.js +4 -1
- package/dist/dropi-ui/dropi-ilustration-icon.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-image-miniature.entry.js +4 -1
- package/dist/dropi-ui/dropi-image-miniature.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-image-overlay.entry.js +4 -1
- package/dist/dropi-ui/dropi-image-overlay.entry.js.map +1 -0
- package/dist/{esm/dropi-input_3.entry.js → dropi-ui/dropi-input.entry.js} +4 -128
- package/dist/dropi-ui/dropi-input.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-languages-selector.entry.js +4 -1
- package/dist/dropi-ui/dropi-languages-selector.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-logo.entry.js +4 -1
- package/dist/dropi-ui/dropi-logo.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-lottie-loader.entry.js +4 -1
- package/dist/dropi-ui/dropi-lottie-loader.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-media-player.entry.js +4 -1
- package/dist/dropi-ui/dropi-media-player.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-modal.entry.js +4 -1
- package/dist/dropi-ui/dropi-modal.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-navbar.entry.js +4 -1
- package/dist/dropi-ui/dropi-navbar.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-otp-send-code.entry.js +4 -1
- package/dist/dropi-ui/dropi-otp-send-code.entry.js.map +1 -0
- package/dist/dropi-ui/dropi-paginator.entry.js +70 -0
- package/dist/dropi-ui/dropi-paginator.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-phone-input.entry.js +4 -1
- package/dist/dropi-ui/dropi-phone-input.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-radio-button.entry.js +4 -1
- package/dist/dropi-ui/dropi-radio-button.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-radio-selection-list.entry.js +4 -1
- package/dist/dropi-ui/dropi-radio-selection-list.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-read-more.entry.js +4 -1
- package/dist/dropi-ui/dropi-read-more.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-search.entry.js +4 -1
- package/dist/dropi-ui/dropi-search.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-select.entry.js +4 -1
- package/dist/dropi-ui/dropi-select.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-sidebar.entry.js +4 -1
- package/dist/dropi-ui/dropi-sidebar.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-simple-stepper.entry.js +4 -1
- package/dist/dropi-ui/dropi-simple-stepper.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-skeleton.entry.js +4 -1
- package/dist/dropi-ui/dropi-skeleton.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-steps.entry.js +4 -1
- package/dist/dropi-ui/dropi-steps.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-switch.entry.js +4 -1
- package/dist/dropi-ui/dropi-switch.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-table.entry.js +4 -1
- package/dist/dropi-ui/dropi-table.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-tabs.entry.js +4 -1
- package/dist/dropi-ui/dropi-tabs.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-tag-type-product.entry.js +4 -1
- package/dist/dropi-ui/dropi-tag-type-product.entry.js.map +1 -0
- package/dist/dropi-ui/dropi-tag.entry.js +69 -0
- package/dist/dropi-ui/dropi-tag.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-text-area.entry.js +4 -1
- package/dist/dropi-ui/dropi-text-area.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-time-line.entry.js +4 -1
- package/dist/dropi-ui/dropi-time-line.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-toast.entry.js +4 -1
- package/dist/dropi-ui/dropi-toast.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-tooltip-v2.entry.js +4 -1
- package/dist/dropi-ui/dropi-tooltip-v2.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-tooltip.entry.js +4 -1
- package/dist/dropi-ui/dropi-tooltip.entry.js.map +1 -0
- package/dist/dropi-ui/dropi-ui.css +311 -1
- package/dist/dropi-ui/dropi-ui.esm.js +50 -1
- package/dist/dropi-ui/dropi-ui.esm.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-vertical-steps.entry.js +4 -1
- package/dist/dropi-ui/dropi-vertical-steps.entry.js.map +1 -0
- package/dist/{esm → dropi-ui}/dropi-youtube-lazy-video.entry.js +4 -1
- package/dist/dropi-ui/dropi-youtube-lazy-video.entry.js.map +1 -0
- package/dist/dropi-ui/index-Cvp2LQOM.js +4585 -0
- package/dist/dropi-ui/index-Cvp2LQOM.js.map +1 -0
- package/dist/dropi-ui/index.esm.js +4 -0
- package/dist/dropi-ui/index.esm.js.map +1 -0
- package/package.json +1 -1
- package/readme.md +112 -58
- package/dist/cjs/dropi-accordion-item.cjs.entry.js +0 -54
- package/dist/cjs/dropi-accordion.cjs.entry.js +0 -19
- package/dist/cjs/dropi-alert-legacy.cjs.entry.js +0 -39
- package/dist/cjs/dropi-alert-modal.cjs.entry.js +0 -128
- package/dist/cjs/dropi-alert.cjs.entry.js +0 -64
- package/dist/cjs/dropi-avatars.cjs.entry.js +0 -31
- package/dist/cjs/dropi-badge-legacy.cjs.entry.js +0 -30
- package/dist/cjs/dropi-badge.cjs.entry.js +0 -37
- package/dist/cjs/dropi-banner-external.cjs.entry.js +0 -63
- package/dist/cjs/dropi-breadcrumb.cjs.entry.js +0 -48
- package/dist/cjs/dropi-button.cjs.entry.js +0 -87
- package/dist/cjs/dropi-card-checkbox.cjs.entry.js +0 -48
- package/dist/cjs/dropi-card-product.cjs.entry.js +0 -78
- package/dist/cjs/dropi-card-section.cjs.entry.js +0 -38
- package/dist/cjs/dropi-carousel.cjs.entry.js +0 -153
- package/dist/cjs/dropi-checkbox-selection-list.cjs.entry.js +0 -73
- package/dist/cjs/dropi-checkbox.cjs.entry.js +0 -36
- package/dist/cjs/dropi-chips.cjs.entry.js +0 -30
- package/dist/cjs/dropi-city-selector.cjs.entry.js +0 -104
- package/dist/cjs/dropi-color-picker.cjs.entry.js +0 -319
- package/dist/cjs/dropi-country-flags.cjs.entry.js +0 -37
- package/dist/cjs/dropi-country-selector.cjs.entry.js +0 -197
- package/dist/cjs/dropi-date-picker-range.cjs.entry.js +0 -115
- package/dist/cjs/dropi-date-picker.cjs.entry.js +0 -223
- package/dist/cjs/dropi-drawer.cjs.entry.js +0 -79
- package/dist/cjs/dropi-dropdown.cjs.entry.js +0 -65
- package/dist/cjs/dropi-empty-state.cjs.entry.js +0 -36
- package/dist/cjs/dropi-favorite-button.cjs.entry.js +0 -27
- package/dist/cjs/dropi-file-upload-progress-bar.cjs.entry.js +0 -77
- package/dist/cjs/dropi-file-upload.cjs.entry.js +0 -237
- package/dist/cjs/dropi-icon.cjs.entry.js +0 -67
- package/dist/cjs/dropi-ilustration-icon.cjs.entry.js +0 -39
- package/dist/cjs/dropi-image-miniature.cjs.entry.js +0 -44
- package/dist/cjs/dropi-image-overlay.cjs.entry.js +0 -63
- package/dist/cjs/dropi-input_3.cjs.entry.js +0 -392
- package/dist/cjs/dropi-languages-selector.cjs.entry.js +0 -61
- package/dist/cjs/dropi-logo.cjs.entry.js +0 -37
- package/dist/cjs/dropi-lottie-loader.cjs.entry.js +0 -27
- package/dist/cjs/dropi-media-player.cjs.entry.js +0 -192
- package/dist/cjs/dropi-modal.cjs.entry.js +0 -142
- package/dist/cjs/dropi-navbar.cjs.entry.js +0 -54
- package/dist/cjs/dropi-otp-send-code.cjs.entry.js +0 -92
- package/dist/cjs/dropi-phone-input.cjs.entry.js +0 -197
- package/dist/cjs/dropi-radio-button.cjs.entry.js +0 -47
- package/dist/cjs/dropi-radio-selection-list.cjs.entry.js +0 -60
- package/dist/cjs/dropi-read-more.cjs.entry.js +0 -40
- package/dist/cjs/dropi-search.cjs.entry.js +0 -124
- package/dist/cjs/dropi-select.cjs.entry.js +0 -382
- package/dist/cjs/dropi-sidebar.cjs.entry.js +0 -78
- package/dist/cjs/dropi-simple-stepper.cjs.entry.js +0 -53
- package/dist/cjs/dropi-skeleton.cjs.entry.js +0 -57
- package/dist/cjs/dropi-steps.cjs.entry.js +0 -52
- package/dist/cjs/dropi-switch.cjs.entry.js +0 -30
- package/dist/cjs/dropi-table.cjs.entry.js +0 -299
- package/dist/cjs/dropi-tabs.cjs.entry.js +0 -51
- package/dist/cjs/dropi-tag-type-product.cjs.entry.js +0 -19
- package/dist/cjs/dropi-text-area.cjs.entry.js +0 -134
- package/dist/cjs/dropi-time-line.cjs.entry.js +0 -34
- package/dist/cjs/dropi-toast.cjs.entry.js +0 -56
- package/dist/cjs/dropi-tooltip-v2.cjs.entry.js +0 -131
- package/dist/cjs/dropi-tooltip.cjs.entry.js +0 -21
- package/dist/cjs/dropi-ui.cjs.js +0 -24
- package/dist/cjs/dropi-vertical-steps.cjs.entry.js +0 -55
- package/dist/cjs/dropi-youtube-lazy-video.cjs.entry.js +0 -33
- package/dist/cjs/index-C8kwDvpf.js +0 -2773
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +0 -12
- package/dist/collection/assets/icons/symbol/svg/sprite.css.svg +0 -1
- package/dist/collection/collection-manifest.json +0 -77
- package/dist/collection/components/dropi-accordion/dropi-accordion-item.css +0 -45
- package/dist/collection/components/dropi-accordion/dropi-accordion-item.js +0 -172
- package/dist/collection/components/dropi-accordion/dropi-accordion.css +0 -21
- package/dist/collection/components/dropi-accordion/dropi-accordion.js +0 -48
- package/dist/collection/components/dropi-alert/dropi-alert.css +0 -128
- package/dist/collection/components/dropi-alert/dropi-alert.js +0 -371
- package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.css +0 -31
- package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.js +0 -128
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.css +0 -105
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js +0 -525
- package/dist/collection/components/dropi-avatars/dropi-avatars.css +0 -55
- package/dist/collection/components/dropi-avatars/dropi-avatars.js +0 -126
- package/dist/collection/components/dropi-badge/dropi-badge.css +0 -41
- package/dist/collection/components/dropi-badge/dropi-badge.js +0 -71
- package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.css +0 -17
- package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.js +0 -119
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.css +0 -56
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.js +0 -254
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.css +0 -69
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.js +0 -171
- package/dist/collection/components/dropi-button/dropi-button.css +0 -177
- package/dist/collection/components/dropi-button/dropi-button.js +0 -323
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.css +0 -92
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.js +0 -222
- package/dist/collection/components/dropi-card-product/dropi-card-product.css +0 -235
- package/dist/collection/components/dropi-card-product/dropi-card-product.js +0 -386
- package/dist/collection/components/dropi-card-section/dropi-card-section.css +0 -42
- package/dist/collection/components/dropi-card-section/dropi-card-section.js +0 -178
- package/dist/collection/components/dropi-carousel/dropi-carousel.css +0 -148
- package/dist/collection/components/dropi-carousel/dropi-carousel.js +0 -379
- package/dist/collection/components/dropi-checkbox/dropi-checkbox.css +0 -47
- package/dist/collection/components/dropi-checkbox/dropi-checkbox.js +0 -103
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.css +0 -44
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js +0 -267
- package/dist/collection/components/dropi-chips/dropi-chips.css +0 -68
- package/dist/collection/components/dropi-chips/dropi-chips.js +0 -169
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.css +0 -218
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.js +0 -242
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.css +0 -210
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.js +0 -393
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.css +0 -30
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.js +0 -129
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.css +0 -211
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +0 -429
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.css +0 -215
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.js +0 -516
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.css +0 -143
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js +0 -327
- package/dist/collection/components/dropi-drawer/dropi-drawer.css +0 -129
- package/dist/collection/components/dropi-drawer/dropi-drawer.js +0 -287
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.css +0 -51
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.js +0 -209
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.css +0 -59
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.js +0 -222
- package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.css +0 -24
- package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.js +0 -78
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.css +0 -464
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.js +0 -517
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.css +0 -115
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.js +0 -258
- package/dist/collection/components/dropi-icon/dropi-icon.css +0 -26
- package/dist/collection/components/dropi-icon/dropi-icon.js +0 -159
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.css +0 -91
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js +0 -150
- package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.css +0 -45
- package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.js +0 -150
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.css +0 -127
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.js +0 -156
- package/dist/collection/components/dropi-input/dropi-input.css +0 -185
- package/dist/collection/components/dropi-input/dropi-input.js +0 -808
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.css +0 -79
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js +0 -158
- package/dist/collection/components/dropi-logo/dropi-logo.css +0 -26
- package/dist/collection/components/dropi-logo/dropi-logo.js +0 -107
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.css +0 -56
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.js +0 -116
- package/dist/collection/components/dropi-media-player/dropi-media-player.css +0 -320
- package/dist/collection/components/dropi-media-player/dropi-media-player.js +0 -394
- package/dist/collection/components/dropi-modal/dropi-modal.css +0 -140
- package/dist/collection/components/dropi-modal/dropi-modal.js +0 -695
- package/dist/collection/components/dropi-navbar/dropi-navbar.css +0 -166
- package/dist/collection/components/dropi-navbar/dropi-navbar.js +0 -302
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.css +0 -67
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.js +0 -221
- package/dist/collection/components/dropi-paginator/dropi-paginator.css +0 -103
- package/dist/collection/components/dropi-paginator/dropi-paginator.js +0 -215
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.css +0 -209
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.js +0 -442
- package/dist/collection/components/dropi-radio-button/dropi-radio-button.css +0 -62
- package/dist/collection/components/dropi-radio-button/dropi-radio-button.js +0 -174
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.css +0 -64
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js +0 -259
- package/dist/collection/components/dropi-read-more/dropi-read-more.css +0 -25
- package/dist/collection/components/dropi-read-more/dropi-read-more.js +0 -154
- package/dist/collection/components/dropi-search/dropi-search.css +0 -112
- package/dist/collection/components/dropi-search/dropi-search.js +0 -526
- package/dist/collection/components/dropi-select/dropi-select.css +0 -366
- package/dist/collection/components/dropi-select/dropi-select.js +0 -1018
- package/dist/collection/components/dropi-select/select.types.js +0 -1
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.css +0 -76
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.js +0 -143
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.css +0 -94
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js +0 -194
- package/dist/collection/components/dropi-skeleton/dropi-skeleton.css +0 -27
- package/dist/collection/components/dropi-skeleton/dropi-skeleton.js +0 -192
- package/dist/collection/components/dropi-steps/dropi-steps.css +0 -95
- package/dist/collection/components/dropi-steps/dropi-steps.js +0 -173
- package/dist/collection/components/dropi-switch/dropi-switch.css +0 -57
- package/dist/collection/components/dropi-switch/dropi-switch.js +0 -96
- package/dist/collection/components/dropi-table/dropi-table.css +0 -540
- package/dist/collection/components/dropi-table/dropi-table.js +0 -973
- package/dist/collection/components/dropi-tabs/dropi-tabs.css +0 -47
- package/dist/collection/components/dropi-tabs/dropi-tabs.js +0 -181
- package/dist/collection/components/dropi-tag/dropi-tag.css +0 -39
- package/dist/collection/components/dropi-tag/dropi-tag.js +0 -190
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.css +0 -14
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.js +0 -48
- package/dist/collection/components/dropi-text-area/dropi-text-area.css +0 -100
- package/dist/collection/components/dropi-text-area/dropi-text-area.js +0 -512
- package/dist/collection/components/dropi-time-line/dropi-time-line.css +0 -108
- package/dist/collection/components/dropi-time-line/dropi-time-line.js +0 -69
- package/dist/collection/components/dropi-toast/dropi-toast.css +0 -63
- package/dist/collection/components/dropi-toast/dropi-toast.js +0 -165
- package/dist/collection/components/dropi-tooltip/dropi-tooltip.css +0 -32
- package/dist/collection/components/dropi-tooltip/dropi-tooltip.js +0 -70
- package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css +0 -67
- package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js +0 -468
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.css +0 -95
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js +0 -167
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css +0 -73
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js +0 -110
- package/dist/collection/index.js +0 -1
- package/dist/collection/utils/utils.js +0 -3
- package/dist/collection/utils/utils.unit.test.js +0 -16
- package/dist/components/dropi-accordion-item.js +0 -1
- package/dist/components/dropi-accordion.js +0 -1
- package/dist/components/dropi-alert-legacy.js +0 -1
- package/dist/components/dropi-alert-modal.js +0 -1
- package/dist/components/dropi-alert.js +0 -1
- package/dist/components/dropi-avatars.js +0 -1
- package/dist/components/dropi-badge-legacy.js +0 -1
- package/dist/components/dropi-badge.js +0 -1
- package/dist/components/dropi-banner-external.js +0 -1
- package/dist/components/dropi-breadcrumb.js +0 -1
- package/dist/components/dropi-button.js +0 -1
- package/dist/components/dropi-card-checkbox.js +0 -1
- package/dist/components/dropi-card-product.js +0 -1
- package/dist/components/dropi-card-section.js +0 -1
- package/dist/components/dropi-carousel.js +0 -1
- package/dist/components/dropi-checkbox-selection-list.js +0 -1
- package/dist/components/dropi-checkbox.js +0 -1
- package/dist/components/dropi-chips.js +0 -1
- package/dist/components/dropi-city-selector.js +0 -1
- package/dist/components/dropi-color-picker.js +0 -1
- package/dist/components/dropi-country-flags.js +0 -1
- package/dist/components/dropi-country-selector.js +0 -1
- package/dist/components/dropi-date-picker-range.js +0 -1
- package/dist/components/dropi-date-picker.js +0 -1
- package/dist/components/dropi-drawer.js +0 -1
- package/dist/components/dropi-dropdown.js +0 -1
- package/dist/components/dropi-empty-state.js +0 -1
- package/dist/components/dropi-favorite-button.js +0 -1
- package/dist/components/dropi-file-upload-progress-bar.js +0 -1
- package/dist/components/dropi-file-upload.js +0 -1
- package/dist/components/dropi-icon.js +0 -1
- package/dist/components/dropi-ilustration-icon.js +0 -1
- package/dist/components/dropi-image-miniature.js +0 -1
- package/dist/components/dropi-image-overlay.js +0 -1
- package/dist/components/dropi-input.js +0 -1
- package/dist/components/dropi-languages-selector.js +0 -1
- package/dist/components/dropi-logo.js +0 -1
- package/dist/components/dropi-lottie-loader.js +0 -1
- package/dist/components/dropi-media-player.js +0 -1
- package/dist/components/dropi-modal.js +0 -1
- package/dist/components/dropi-navbar.js +0 -1
- package/dist/components/dropi-otp-send-code.js +0 -1
- package/dist/components/dropi-paginator.js +0 -1
- package/dist/components/dropi-phone-input.js +0 -1
- package/dist/components/dropi-radio-button.js +0 -1
- package/dist/components/dropi-radio-selection-list.js +0 -1
- package/dist/components/dropi-read-more.js +0 -1
- package/dist/components/dropi-search.js +0 -1
- package/dist/components/dropi-select.js +0 -1
- package/dist/components/dropi-sidebar.js +0 -1
- package/dist/components/dropi-simple-stepper.js +0 -1
- package/dist/components/dropi-skeleton.js +0 -1
- package/dist/components/dropi-steps.js +0 -1
- package/dist/components/dropi-switch.js +0 -1
- package/dist/components/dropi-table.js +0 -1
- package/dist/components/dropi-tabs.js +0 -1
- package/dist/components/dropi-tag-type-product.js +0 -1
- package/dist/components/dropi-tag.js +0 -1
- package/dist/components/dropi-text-area.js +0 -1
- package/dist/components/dropi-time-line.js +0 -1
- package/dist/components/dropi-toast.js +0 -1
- package/dist/components/dropi-tooltip-v2.js +0 -1
- package/dist/components/dropi-tooltip.js +0 -1
- package/dist/components/dropi-vertical-steps.js +0 -1
- package/dist/components/dropi-youtube-lazy-video.js +0 -1
- package/dist/components/index.js +0 -1
- package/dist/components/p-B9R8Apw7.js +0 -1
- package/dist/components/p-B_Ace02i.js +0 -1
- package/dist/components/p-BrjO_JXp.js +0 -1
- package/dist/components/p-BwhxWL4p.js +0 -1
- package/dist/components/p-Bz2jXX3R.js +0 -1
- package/dist/components/p-CV_oz45O.js +0 -1
- package/dist/components/p-D-vQQQNz.js +0 -1
- package/dist/components/p-D13d88W3.js +0 -1
- package/dist/components/p-DGUfr98Z.js +0 -1
- package/dist/components/p-QOZr7tU8.js +0 -1
- package/dist/components/p-a-hGQrJd.js +0 -1
- package/dist/components/p-o5gyrbbD.js +0 -1
- package/dist/dropi-ui/p-00e5a2de.entry.js +0 -1
- package/dist/dropi-ui/p-0188e07a.entry.js +0 -1
- package/dist/dropi-ui/p-02710049.entry.js +0 -1
- package/dist/dropi-ui/p-17c56074.entry.js +0 -1
- package/dist/dropi-ui/p-18adf694.entry.js +0 -1
- package/dist/dropi-ui/p-1a3619c3.entry.js +0 -1
- package/dist/dropi-ui/p-1d3d6a32.entry.js +0 -1
- package/dist/dropi-ui/p-25640777.entry.js +0 -1
- package/dist/dropi-ui/p-2674d901.entry.js +0 -1
- package/dist/dropi-ui/p-2af538b9.entry.js +0 -1
- package/dist/dropi-ui/p-3013f3b8.entry.js +0 -1
- package/dist/dropi-ui/p-3321ca70.entry.js +0 -1
- package/dist/dropi-ui/p-33d242ec.entry.js +0 -1
- package/dist/dropi-ui/p-34b66ca2.entry.js +0 -1
- package/dist/dropi-ui/p-39af6478.entry.js +0 -1
- package/dist/dropi-ui/p-3e36c8b8.entry.js +0 -1
- package/dist/dropi-ui/p-3ebc9b7b.entry.js +0 -1
- package/dist/dropi-ui/p-446a481d.entry.js +0 -1
- package/dist/dropi-ui/p-50e0d44f.entry.js +0 -1
- package/dist/dropi-ui/p-53a7a37d.entry.js +0 -1
- package/dist/dropi-ui/p-5c0bd7c2.entry.js +0 -1
- package/dist/dropi-ui/p-5cee6721.entry.js +0 -1
- package/dist/dropi-ui/p-5fb33ae4.entry.js +0 -1
- package/dist/dropi-ui/p-665ef7ba.entry.js +0 -1
- package/dist/dropi-ui/p-66b80371.entry.js +0 -1
- package/dist/dropi-ui/p-7bfc1c27.entry.js +0 -1
- package/dist/dropi-ui/p-7c0d2edf.entry.js +0 -1
- package/dist/dropi-ui/p-7eb27836.entry.js +0 -1
- package/dist/dropi-ui/p-85444414.entry.js +0 -1
- package/dist/dropi-ui/p-86283e99.entry.js +0 -1
- package/dist/dropi-ui/p-8bf5d8ee.entry.js +0 -1
- package/dist/dropi-ui/p-9032ba00.entry.js +0 -1
- package/dist/dropi-ui/p-9212f544.entry.js +0 -1
- package/dist/dropi-ui/p-92291873.entry.js +0 -1
- package/dist/dropi-ui/p-955e52f8.entry.js +0 -1
- package/dist/dropi-ui/p-976a15e3.entry.js +0 -1
- package/dist/dropi-ui/p-9b037086.entry.js +0 -1
- package/dist/dropi-ui/p-9e0129cc.entry.js +0 -1
- package/dist/dropi-ui/p-9ffec3f7.entry.js +0 -1
- package/dist/dropi-ui/p-D5SAM1O2.js +0 -2
- package/dist/dropi-ui/p-a1c93e55.entry.js +0 -1
- package/dist/dropi-ui/p-a232c6a7.entry.js +0 -1
- package/dist/dropi-ui/p-a3c4d677.entry.js +0 -1
- package/dist/dropi-ui/p-a457e8ca.entry.js +0 -1
- package/dist/dropi-ui/p-a4e1df5e.entry.js +0 -1
- package/dist/dropi-ui/p-a822a23e.entry.js +0 -1
- package/dist/dropi-ui/p-a8f24270.entry.js +0 -1
- package/dist/dropi-ui/p-ae35d538.entry.js +0 -1
- package/dist/dropi-ui/p-af8e2157.entry.js +0 -1
- package/dist/dropi-ui/p-b2623a5c.entry.js +0 -1
- package/dist/dropi-ui/p-b3d3c72e.entry.js +0 -1
- package/dist/dropi-ui/p-c3614c4a.entry.js +0 -1
- package/dist/dropi-ui/p-cbf5367e.entry.js +0 -1
- package/dist/dropi-ui/p-cc527d91.entry.js +0 -1
- package/dist/dropi-ui/p-cdde481b.entry.js +0 -1
- package/dist/dropi-ui/p-d42d4ef7.entry.js +0 -1
- package/dist/dropi-ui/p-db38bf16.entry.js +0 -1
- package/dist/dropi-ui/p-dd5d8b1b.entry.js +0 -1
- package/dist/dropi-ui/p-e3ad21f8.entry.js +0 -1
- package/dist/dropi-ui/p-e6e766ed.entry.js +0 -1
- package/dist/dropi-ui/p-ec263862.entry.js +0 -1
- package/dist/dropi-ui/p-efc2fc35.entry.js +0 -1
- package/dist/dropi-ui/p-f41cd9b5.entry.js +0 -1
- package/dist/dropi-ui/p-fa3d0267.entry.js +0 -1
- package/dist/esm/dropi-ui.js +0 -20
- package/dist/esm/index-D5SAM1O2.js +0 -2763
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -10
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as o,H as a,c as n,h as c}from"./index.js";import{d as r}from"./p-D13d88W3.js";const d=[{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"}],t=o(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChangeSelect=n(this,"onChangeSelect",7)}label="";placeholder="Selecciona un país";currentSelection="";disabled=!1;showObligatory=!1;hasError=!1;textHelper="";searchTerm="";selectProperties=null;onChangeSelect;isOpen=!1;selected=null;get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}searchInputRef;currentSelectionChanged(e){this.selected=d.find((o=>o.code===e))||null}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.hasError&&(this.hasError=e.hasError))}componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.currentSelection&&this.currentSelectionChanged(this.currentSelection)}get filtered(){if(!this.searchTerm)return d;const e=this.searchTerm.toLowerCase();return d.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.currentSelection=e.code,this.onChangeSelect.emit(e)}render(){return c("div",{key:"78179f7b5e30c4eb7d5345431f476f625a60534a",class:"custom-select"},this.label&&c("label",{key:"13566e714a55c3820facffab298a97fc37c97133"},this.label,this.showObligatory&&c("span",{key:"7772ddd762bd50da043ed030b5a3442e10de47b0",class:"required"},"*")),c("button",{key:"649759c1d921318a48fd1abf8e71977d52b6ae2d",type:"button",class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.hasError},disabled:this.disabled,onClick:()=>this.open()},c("div",{key:"79df14d64f598d312a1cd82f294edf8aa14ed32e",class:"selected-content"},this.selected?c("span",{class:"selected-option"},c("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):c("span",{class:"placeholder-text"},this.placeholder)),c("dropi-icon",{key:"dfa717ce51975386fab6a3af796637a27a8cb039",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",width:"20px",height:"20px",color:"Gray-Gray-500"})),c("ul",{key:"4f72db336c9d1bc1ce149279970cdaa4dcaa4f77",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},c("li",{key:"3badbda75f609e979f5edf7ad3f5783bf9cdf001",class:"search-li"},c("div",{key:"cae7ee12d3d3d40a3bb9728f4c109cd0ba513995",class:"search-field"},c("input",{key:"82b7703b0531c80d51b5fb70d3e2f0b804e3089f",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}}),c("span",{key:"45378fac8b73b656fc8c5bb16d7f072398890508",class:"search-icon"},c("dropi-icon",{key:"39c3a426407fd68367a3494c3d319bdbcf9692bb",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"})))),this.filtered.map((e=>c("li",{key:e.code},c("button",{class:"option",type:"button",onClick:()=>this.select(e)},c("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))),this.textHelper&&c("div",{key:"58f747d7cfecd23d3bdc166f21c3560e642f336d",class:{"select-helper":!0,"select-helper-error":this.hasError}},this.hasError&&c("dropi-icon",{key:"fb68e291bd8dcfe5955281504b3de80699fa0ff0",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),c("span",{key:"9d5287f387f09f2b90b41f14f05c3572a44d74a3"},this.textHelper)))}static get watchers(){return{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}}static get style(){return":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:44px;padding:0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);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{color:var(--Gray-Gray-700, #32394d)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px)}.placeholder-text{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.flag-img{border-radius:var(--Border-1, 4px);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, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);overflow:hidden;transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:300px;opacity:1;overflow-y:auto}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-300, #a3abbf)}.search-li{padding:10px 12px;position:sticky;top:0;background:var(--Neutral-White, #ffffff);z-index:1;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.country-search{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);outline:none;font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);transition:border-color 0.15s, background 0.15s}.country-search:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.country-search::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.option{width:100%;min-height:44px;padding:10px 16px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s ease;white-space:nowrap}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-country-selector",{label:[1],placeholder:[1],currentSelection:[1025,"current-selection"],disabled:[4],showObligatory:[4,"show-obligatory"],hasError:[4,"has-error"],textHelper:[1,"text-helper"],searchTerm:[1025,"search-term"],selectProperties:[8,"select-properties"],isOpen:[32],selected:[32]},[[4,"click","handleDocClick"]],{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["dropi-country-selector","dropi-icon"].forEach((o=>{switch(o){case"dropi-country-selector":customElements.get(e(o))||customElements.define(e(o),t);break;case"dropi-icon":customElements.get(e(o))||r()}}))}i();const s=t,l=i;export{s as DropiCountrySelector,l as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as a,H as e,c as i,h as s}from"./index.js";const r=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.startDateChange=i(this,"startDateChange",7),this.endDateChange=i(this,"endDateChange",7),this.dropiRangeChange=i(this,"dropiRangeChange",7)}startDate="";endDate="";showLabel=!0;placeholder="";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;startDateChange;endDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const a=new Date;return a.setDate(a.getDate()-t),a.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}selectShortcut(t){const a=this.shortcuts[t];this.start=a.start,this.end=a.end,this.activeRange=t,this.showWarning=!1,this.emit()}onStartChange(t){this.start=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}onEndChange(t){this.end=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}checkRange(){if(this.start&&this.end&&this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;this.showWarning=t>this.maxDaysRange}else this.showWarning=!1}emit(){this.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}render(){return this.loading?s("div",{class:"skeleton"}):s("div",{class:"date-picker-range"},this.showLabel&&s("div",{class:"label"},"Rango de fechas"),s("div",{class:"inputs-row"},s("div",{class:"input-group"},s("label",{class:"input-label"},"Desde"),s("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),s("span",{class:"separator"},"—"),s("div",{class:"input-group"},s("label",{class:"input-label"},"Hasta"),s("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),s("div",{class:"shortcuts"},this.shortcuts.map(((t,a)=>s("button",{key:a,class:"shortcut-btn"+(this.activeRange===a?" active":""),onClick:()=>this.selectShortcut(a)},t.label)))),this.showWarning&&s("div",{class:"warning-box"},s("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días.")))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}static get style(){return":host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:var(--font-weight-medium);color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-m)}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:var(--font-weight-regular)}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:var(--font-weight-semibold)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}"}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],start:[32],end:[32],activeRange:[32],showWarning:[32]},void 0,{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-date-picker-range"].forEach((a=>{"dropi-date-picker-range"===a&&(customElements.get(t(a))||customElements.define(t(a),r))}))}n();const o=r,d=n;export{o as DropiDatePickerRange,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,c as r,h as i}from"./index.js";import{d as o}from"./p-D13d88W3.js";const n=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],d=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChangeDate=r(this,"onChangeDate",7),this.onClosePanel=r(this,"onClosePanel",7),this.dropiRangeChange=r(this,"dropiRangeChange",7)}selectedDate="";startDate="";endDate="";selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return this}handleDocClick(e){this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}onChangeDate;onClosePanel;dropiRangeChange;get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const e=new Date(this.selectedDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}else if(this.startDate){const e=new Date(this.startDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}this.open=!0}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(e,t,a){return`${e}-${(t+1+"").padStart(2,"0")}-${(a+"").padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if("range"!==this.selectionMode)return!1;const t=this.startDate,a=this.endDate||this.hoverDate;if(!t||!a)return!1;const[r,i]=t<=a?[t,a]:[a,t];return e>r&&e<i}selectDate(e){if(!this.isDisabled(e))return"range"!==this.selectionMode?(this.selectedDate=e,this.open=!1,void this.onChangeDate.emit(e)):void(!this.startDate||this.startDate&&this.endDate?(this.startDate=e,this.endDate=""):(e<this.startDate?(this.endDate=this.startDate,this.startDate=e):this.endDate=e,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate})))}buildDays(){const e=this.viewYear,t=this.viewMonth,a=new Date(e,t,1).getDay(),r=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let r=a-1;r>=0;r--){const a=i-r;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,a),day:a,currentMonth:!1})}for(let a=1;a<=r;a++)o.push({iso:this.toISO(e,t,a),day:a,currentMonth:!0});const n=42-o.length;for(let a=1;a<=n;a++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,a),day:a,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return i("div",{key:"ff426d80bb5bf05ca8b0c27773dee52f13cf4090",class:"dp-wrap"},this.label&&i("label",{key:"fc7ebd6f14227533288b02c95933f6d4833e3f51",class:"dp-label"},this.label),i("button",{key:"2fa9b1f3d2c9bfc4876724492a265ff0b29f8d23",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},i("dropi-icon",{key:"51b6fed8a232d7d22494c0bdf9f17e8c6ae0dbbe",name:"Calendar",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("span",{key:"ecbe872cd13efb112ef106f1dfde58cd745c124c",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),i("dropi-icon",{key:"6025abcf99d825dd885c9916f755c6b06e0657ed",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&i("div",{key:"b46a2bd022bc6ec2edfdf07a8a21b010b56610a4",class:"dp-popup"},i("div",{key:"8aedcc47ab11c03bf8bc3309fc92ba3f83587520",class:"dp-nav"},i("button",{key:"e5a7f2a8edc8d33e08449713a976008b83108f36",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},i("dropi-icon",{key:"515211fe3c12cd2e9399bd8fad7c0dd84a4de3cd",name:"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-600"})),i("span",{key:"0d5acefc9c8418749b4065d3bc92c8fb53744557",class:"dp-nav__title"},i("span",{key:"d4b68ef6a5c2885cf7cd05e7b49e47623b8c0d00"},n[this.viewMonth]),i("span",{key:"8aefcf2e7e383111994c58a743706d6d19607f65"},this.viewYear)),i("button",{key:"b7524552e5b05f592633bd6e16cdcda8659aeacf",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},i("dropi-icon",{key:"5e14a0dafb227ba6f2e90298005401050b55a3bb",name:"Arrow-Right-2",width:"16px",height:"16px",color:"Gray-Gray-600"}))),i("div",{key:"37d7428dc36bdc805fb60c36126a86509f3b1188",class:"dp-grid"},d.map((e=>i("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:a,currentMonth:r})=>{const o="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,n="range"===this.selectionMode&&e===this.startDate,d="range"===this.selectionMode&&e===this.endDate,s=this.isInRange(e),c=this.isDisabled(e);return i("button",{class:{"dp-cell":!0,"dp-cell--other-month":!r,"dp-cell--today":e===t,"dp-cell--selected":o,"dp-cell--range-start":n,"dp-cell--range-end":d,"dp-cell--in-range":s,"dp-cell--disabled":c},type:"button",disabled:c,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},a)}))),i("div",{key:"9a16f2d3aaffda303f2cf7c4d8045ad355eb3e88",class:"dp-footer"},i("button",{key:"2c236322d33b4dbc37e683c328bc2c17aa1422cf",class:"dp-footer__clear",type:"button",onClick:()=>{this.selectedDate="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),i("button",{key:"a08afb2358819fc8c15c7949dc7e4cbdf14b52fb",class:"dp-footer__today",type:"button",onClick:()=>{"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,this.onChangeDate.emit(t)):(this.startDate=t,this.endDate="")}},"Hoy"))))}static get style(){return':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;padding:var(--Size-4, 16px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xxs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #69738c)}.dp-footer__today{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Orange-orange-50, #fef5ec)}'}},[513,"dropi-date-picker",{selectedDate:[1025,"selected-date"],startDate:[1025,"start-date"],endDate:[1025,"end-date"],selectionMode:[1,"selection-mode"],minDate:[1,"min-date"],maxDate:[1,"max-date"],label:[1],placeholder:[1],disabled:[4],isInvalid:[4,"is-invalid"],loading:[4],open:[32],viewYear:[32],viewMonth:[32],hoverDate:[32]},[[4,"click","handleDocClick"]]]);function c(){"undefined"!=typeof customElements&&["dropi-date-picker","dropi-icon"].forEach((t=>{switch(t){case"dropi-date-picker":customElements.get(e(t))||customElements.define(e(t),s);break;case"dropi-icon":customElements.get(e(t))||o()}}))}c();const l=s,p=c;export{l as DropiDatePicker,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as r,H as a,c as t,h as o}from"./index.js";import{d}from"./p-D13d88W3.js";const s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=t(this,"dropiClose",7)}drawerTitle="";drawerIsOpen=!1;open=!1;position="right";size="";width="400px";height="50vh";headless=!1;closeOnBackdrop=!0;dropiClose;openChanged(e){this.open=e,this.drawerIsOpen=e,"undefined"!=typeof document&&(e?document.body.classList.add("dropi-modal-open"):document.body.classList.remove("dropi-modal-open"))}componentWillLoad(){this.drawerIsOpen&&(this.open=!0),this.open&&(this.drawerIsOpen=!0)}close(){this.open=!1,this.dropiClose.emit()}render(){const e=this.size?"drawer-panel--size-"+this.size:"",r={};return this.size||("left"===this.position||"right"===this.position?r.width=this.width:r.height=this.height),o("div",{key:"7792ce8e001adf404aef387e35c5fb601f69b1e2",class:{"drawer-host":!0,"drawer-host--open":this.open}},o("div",{key:"186c33be6a7cd1e34e6d1f852219be91b24a15b9",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),o("div",{key:"3a48c465707125c2de1e369e70375689fe5ff9c1",class:`drawer-panel drawer-panel--${this.position}${e?" "+e:""}`,style:r,role:"dialog","aria-modal":"true"},o("div",{key:"840bb2933bc7e2264269bbadd5d9d61649fe58fe",class:{"drawer-header":!0,"drawer-header--headless":this.headless}},o("h3",{key:"bfd9c7db02e9db07ce32115ca6386a9840c61288",class:"drawer-header__title"},this.drawerTitle),o("button",{key:"6dc350e26f74d4e3aead7697bd2f5552e49e833c",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},o("dropi-icon",{key:"fcc5331391009f97254db5f729c61631edc33d8c",name:"Close-small",width:"32px",height:"32px",color:"Gray-Gray-400"}))),o("div",{key:"e50ae31043bde759a79fbc9b4f734e06dc6c2a3f",class:"drawer-body"},o("slot",{key:"f1f0d7314b8bd7f6fd6fdec88a818963c1d5834f"})),o("div",{key:"b14833f885757bbcfa687b7b2ee1cf847301134b",class:"drawer-footer"},o("slot",{key:"5cba1759160a934c3b54166914a10b1335075151",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}],drawerIsOpen:[{openChanged:0}]}}static get style(){return":host{display:contents;font-family:'Inter', sans-serif}*,*::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, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.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-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;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--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}"}},[769,"dropi-drawer",{drawerTitle:[1,"drawer-title"],drawerIsOpen:[1032,"drawer-is-open"],open:[1032],position:[1],size:[1],width:[1],height:[1],headless:[4],closeOnBackdrop:[4,"close-on-backdrop"]},void 0,{open:[{openChanged:0}],drawerIsOpen:[{openChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["dropi-drawer","dropi-icon"].forEach((r=>{switch(r){case"dropi-drawer":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||d()}}))}i();const n=s,l=i;export{n as DropiDrawer,l as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as o,H as t,c as r,h as i}from"./index.js";import{d as s}from"./p-DGUfr98Z.js";import{d as a}from"./p-B9R8Apw7.js";const d=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modelChange=r(this,"modelChange",7)}options=[];valueModel="name";height="";isInSelect=!1;parameters={type:"checkbox",icon:"",iconCurrier:!1};selected=[];parsedOptions=[];modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(e){return(this.selected??[]).some((o=>JSON.stringify(o)===JSON.stringify(e)))}toggleOption(e){this.selected=this.isSelected(e)?this.selected.filter((o=>JSON.stringify(o)!==JSON.stringify(e))):[...this.selected,e],this.modelChange.emit(this.selected)}render(){return i("div",{key:"274caba83e2f697257e3803b85517a31d4f0aea8",class:this.isInSelect?"container-dropi-dropdown-select":"container-dropi-dropdown",style:{"--custom-height":this.height||"388px"}},this.parsedOptions.map(((e,o)=>{const t=e[this.valueModel]??e+"",r=!!e.checked||this.isSelected(e);return i("div",{class:"content-dropdown",key:o},i("div",{class:{"container-check-dropdown":!0,"active-option":r},onClick:()=>this.toggleOption(e)},"checkbox"===this.parameters.type&&i("dropi-checkbox",{checked:r}),this.parameters.iconCurrier&&i("dropi-avatars",{image:e[this.valueModel],type:"transport"}),this.parameters.icon&&i("dropi-avatars",{image:e.image,type:"transport"}),i("span",{class:"Body-M-Regular"},t)))})))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff)}.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}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[513,"dropi-dropdown",{options:[1],valueModel:[1,"value-model"],height:[1],isInSelect:[4,"is-in-select"],parameters:[16],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-dropdown","dropi-avatars","dropi-checkbox"].forEach((o=>{switch(o){case"dropi-dropdown":customElements.get(e(o))||customElements.define(e(o),d);break;case"dropi-avatars":customElements.get(e(o))||s();break;case"dropi-checkbox":customElements.get(e(o))||a()}}))}n();const p=d,c=n;export{p as DropiDropdown,c as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as e,H as i,c as s,h as a}from"./index.js";import{d as n}from"./p-QOZr7tU8.js";import{d as o}from"./p-D13d88W3.js";const r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClickEvent=s(this,"buttonClickEvent",7)}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return a("div",{key:"1b7c0fd20a119ae17ee09f7c68b7ae2b4e77ee98",class:"empty-state"},a("div",{key:"cb4fd9dc6a8b491359fd9cd8b6983e68f64af994",class:"empty-state-visual"},a("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.dropiIcon&&this.dropiIcon+""!="undefined"&&this.dropiIcon+""!="null"?this.dropiIcon:"default"}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&a("h3",{key:"14c09482953e39975c74ca454df3131e3233a712",class:"empty-state-title"},this.title),this.description&&a("p",{key:"5fccb02b2b21d8895c5b122aa0fb6684fc9d7611",class:"empty-state-description"},this.description),a("slot",{key:"6e53d450b4dbb8cff81addd3e7fc528c599bf730"}),this.buttonText&&a("div",{key:"4325f23a357c43b970dce907a63f24b63b10070e",class:"empty-state-actions"},a("dropi-button",{key:"a475b2fec4e00343fa4b4fa29ac08d5564e4e21a",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}static get style(){return":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)}"}},[769,"dropi-empty-state",{title:[1],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],buttonText:[1,"button-text"],buttonIcon:[1,"button-icon"],dropiIcon:[1,"dropi-icon"],buttonSeverity:[1,"button-severity"]}]);function c(){"undefined"!=typeof customElements&&["dropi-empty-state","dropi-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-empty-state":customElements.get(t(e))||customElements.define(t(e),r);break;case"dropi-button":customElements.get(t(e))||n();break;case"dropi-icon":customElements.get(t(e))||o()}}))}c();const p=r,d=c;export{p as DropiEmptyState,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as e,H as i,c as r,h as a}from"./index.js";import{d as s}from"./p-D13d88W3.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleFavorite=r(this,"toggleFavorite",7)}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return a("button",{key:"07acf3b1f81e69ddea79672fd4853ad575b4d2af",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":this.isFavorite+""},a("dropi-icon",{key:"fcf3cc2b3b107eb43c6a83a9d6dc6cbff7ee202f",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}static get style(){return":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)}"}},[513,"dropi-favorite-button",{isFavorite:[1028,"is-favorite"],hovered:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-favorite-button","dropi-icon"].forEach((e=>{switch(e){case"dropi-favorite-button":customElements.get(t(e))||customElements.define(t(e),o);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();const c=o,d=n;export{c as DropiFavoriteButton,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as i,H as r,c as a,h as t}from"./index.js";import{d}from"./p-D13d88W3.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteFile=a(this,"deleteFile",7),this.uploadComplete=a(this,"uploadComplete",7),this.viewFile=a(this,"viewFile",7)}textFile="Nombre del archivo.xlsx";progress=0;type="file";urlImage="assets/img/LOGO-250-PX.png";isPreview=!0;disabled=!1;fileExtension="";deleteFile;uploadComplete;viewFile;handleProgress(e){100===e&&this.uploadComplete.emit()}handleTextFile(e){this.updateFileInfo(e)}componentWillLoad(){this.updateFileInfo(this.textFile),100===this.progress&&this.uploadComplete.emit()}updateFileInfo(e){const i=this.getFileExtensionInfo(e);this.fileExtension=i.extension,this.type=i.isImage?"image":"file"}getFileExtensionInfo(e){if(!e)return{extension:"",isImage:!1};const i=e.lastIndexOf("."),r=i>0?e.substring(i+1).toLowerCase():"";return{extension:r,isImage:["jpg","jpeg","png","gif","bmp","webp","svg","tiff","ico","jfif"].includes(r)}}render(){return t("div",{key:"f1dd7e86c50078b35661e0514beff610dc2bc8e7",class:"container-progress-bar"},t("div",{key:"2f630eb29817c68b3246d520d3940611ae78c523",class:"container-icon-info",style:{display:"pdf"!==this.fileExtension?"flex":"none"}},"image"!==this.type&&t("dropi-icon",{key:"53bed511476369459951eac8c000129adebd6370",name:"File-text",width:"24px",height:"24px",color:"Info-Info-600"}),"image"===this.type&&!this.urlImage&&t("div",{key:"4e5878dc43478af1da306ae04c829c357843a180",style:{width:"34px",height:"34px",borderRadius:"8px",background:"var(--Gray-Gray-100)"}}),"image"===this.type&&this.urlImage&&t("img",{key:"d8c47b00b2e7a9983ca17ddf1bfb31da78bbb658",src:this.urlImage,class:"image-to-view",width:"34",height:"34",alt:""})),"pdf"===this.fileExtension&&t("div",{key:"befec2d335a0bc2d5a2af1b475cd19d16951ea9a",class:"icon-pdf"},t("svg",{key:"5518e6204180b17d534358d913a625cd1ca31ed7",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t("g",{key:"cd3e6e3066b22e29e07671add7dfeb4c742f4a82","clip-path":"url(#clip0_6227_22223)"},t("path",{key:"936061bcda6e1b2324f519f03e434928335b2609",d:"M16.6243 4.61667L13.716 1.70833C12.616 0.608333 11.1493 0 9.59102 0H5.83268C3.53268 0 1.66602 1.86667 1.66602 4.16667V15.8333C1.66602 18.1333 3.53268 20 5.83268 20H14.166C16.466 20 18.3327 18.1333 18.3327 15.8333V8.74167C18.3327 7.18333 17.7243 5.71667 16.6243 4.61667ZM15.4493 5.79167C15.716 6.05833 15.941 6.35 16.1243 6.66667H12.5077C12.0493 6.66667 11.6743 6.29167 11.6743 5.83333V2.21667C11.991 2.4 12.2827 2.625 12.5493 2.89167L15.4577 5.8L15.4493 5.79167ZM16.666 15.8333C16.666 17.2083 15.541 18.3333 14.166 18.3333H5.83268C4.45768 18.3333 3.33268 17.2083 3.33268 15.8333V4.16667C3.33268 2.79167 4.45768 1.66667 5.83268 1.66667H9.59102C9.72435 1.66667 9.86602 1.66667 9.99935 1.68333V5.83333C9.99935 7.20833 11.1243 8.33333 12.4993 8.33333H16.6493C16.666 8.46667 16.666 8.6 16.666 8.74167V15.8333ZM5.90768 10.8333H4.99935C4.54102 10.8333 4.16602 11.2083 4.16602 11.6667V15.3667C4.16602 15.6583 4.39935 15.8833 4.68268 15.8833C4.96602 15.8833 5.19935 15.65 5.19935 15.3667V14.35H5.89935C6.88268 14.35 7.68268 13.5583 7.68268 12.5917C7.68268 11.625 6.88268 10.8333 5.89935 10.8333H5.90768ZM5.90768 13.3083H5.21602V11.875H5.91602C6.31602 11.875 6.65768 12.2 6.65768 12.5917C6.65768 12.9833 6.31602 13.3083 5.91602 13.3083H5.90768ZM15.8493 11.3583C15.8493 11.65 15.616 11.875 15.3327 11.875H13.9243V12.825H14.9577C15.2493 12.825 15.4743 13.0583 15.4743 13.3417C15.4743 13.625 15.241 13.8583 14.9577 13.8583H13.9243V15.3583C13.9243 15.65 13.691 15.875 13.4077 15.875C13.1243 15.875 12.891 15.6417 12.891 15.3583V11.35C12.891 11.0583 13.1243 10.8333 13.4077 10.8333H15.3327C15.6243 10.8333 15.8493 11.0667 15.8493 11.35V11.3583ZM10.0743 10.8417H9.16602C8.70768 10.8417 8.33268 11.2167 8.33268 11.675V15.375C8.33268 15.6667 8.56602 15.8417 8.84935 15.8417C9.13268 15.8417 10.066 15.8417 10.066 15.8417C11.0493 15.8417 11.8493 15.05 11.8493 14.0833V12.6C11.8493 11.6333 11.0493 10.8417 10.066 10.8417H10.0743ZM10.816 14.0833C10.816 14.475 10.4743 14.8 10.0743 14.8H9.38268V11.8833H10.0827C10.4827 11.8833 10.8243 12.2083 10.8243 12.6V14.0833H10.816Z",fill:"#DE6061"})),t("defs",{key:"afb99f7cd6b7481ed99aa82264c539e167cd8b90"},t("clipPath",{key:"bf72e59ac0aea8eb3f6c812a98a3e50618499dfd",id:"clip0_6227_22223"},t("rect",{key:"57b7af08370d8901296ed329a5e390578b58c73e",width:"20",height:"20",fill:"white"}))))),t("div",{key:"9df97315c7594dc0b77069f12e83ed8ce358794e",class:"container-bar-title"},t("p",{key:"5531067af3ff9e1efdffbd1aa88e7f3c21ab9c12"},this.textFile),t("progress",{key:"0492aa89233810538784c0dda705b9dc3cdb488d",value:this.progress,max:"100"})),100===this.progress&&this.isPreview&&t("div",{key:"9fe1548c4191eb4c4250c02ef3608c01d0944059",class:"view-icon",onClick:()=>this.viewFile.emit()},t("svg",{key:"07b454b85b89af4a337a8b440c2adae74a048d0e",xmlns:"http://www.w3.org/2000/svg",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none"},t("path",{key:"1bbc9cfb792adabc41c44ce43c6f6f7b0935fcdb","fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.07148 4.14758C7.64227 3.76618 8.31334 3.56262 8.99983 3.56262C9.92004 3.56372 10.8022 3.92976 11.4529 4.58045C12.1036 5.23114 12.4697 6.11334 12.4708 7.03355C12.4708 7.72004 12.2672 8.39111 11.8858 8.9619C11.5044 9.53269 10.9623 9.97757 10.3281 10.2403C9.69387 10.503 8.99598 10.5717 8.32268 10.4378C7.64939 10.3039 7.03092 9.9733 6.54551 9.48788C6.06009 9.00246 5.72951 8.384 5.59558 7.7107C5.46166 7.0374 5.53039 6.33951 5.7931 5.70528C6.05581 5.07105 6.50069 4.52897 7.07148 4.14758ZM7.84282 8.76514C8.18529 8.99398 8.58794 9.11612 8.99983 9.11612C9.55216 9.11612 10.0819 8.8967 10.4724 8.50615C10.863 8.11559 11.0824 7.58588 11.0824 7.03355C11.0824 6.62166 10.9602 6.21902 10.7314 5.87654C10.5026 5.53407 10.1773 5.26714 9.79679 5.10952C9.41625 4.95189 8.99752 4.91065 8.59354 4.99101C8.18956 5.07136 7.81849 5.26971 7.52723 5.56096C7.23598 5.85221 7.03764 6.22329 6.95728 6.62727C6.87693 7.03124 6.91817 7.44998 7.07579 7.83052C7.23342 8.21105 7.50034 8.53631 7.84282 8.76514Z",fill:"#475066"}),t("path",{key:"a25b946c2a1f4c1625cb3de790f54632c0efab86","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.99996 0.546387C13.2984 0.546387 15.7475 3.48835 16.8241 5.24187C17.157 5.78022 17.3333 6.40064 17.3333 7.03357C17.3333 7.6665 17.157 8.28692 16.8241 8.82526C15.7475 10.5788 13.2984 13.5207 8.99996 13.5207C4.70155 13.5207 2.25246 10.5788 1.17577 8.82526C0.842931 8.28692 0.666626 7.6665 0.666626 7.03357C0.666626 6.40064 0.842931 5.78022 1.17577 5.24187C2.25246 3.48835 4.70155 0.546387 8.99996 0.546387ZM8.99996 12.1324C12.6229 12.1324 14.7159 9.60206 15.6406 8.09845C15.8383 7.77846 15.943 7.40973 15.943 7.03357C15.943 6.6574 15.8383 6.28867 15.6406 5.96868C14.7159 4.4623 12.6229 1.93476 8.99996 1.93476C5.377 1.93476 3.28402 4.46507 2.35936 5.96868C2.16161 6.28867 2.05687 6.6574 2.05687 7.03357C2.05687 7.40973 2.16161 7.77846 2.35936 8.09845C3.28402 9.60206 5.377 12.1324 8.99996 12.1324Z",fill:"#475066"}))),100===this.progress&&!this.disabled&&t("div",{key:"587a02eec937b7054d4b1cd840cf82bae8c43ccf",class:"container-icon-trash",onClick:()=>this.deleteFile.emit()},t("svg",{key:"7422db6af5abb405cc7e817f038bc5cabded6415",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none"},t("path",{key:"d5d725b550ba4440727dbcb05c6fd43096620088",d:"M16.2501 4.94477H14.0973C13.9362 4.16103 13.5097 3.45682 12.8899 2.95082C12.27 2.44483 11.4947 2.168 10.6946 2.16699H9.30566C8.50552 2.168 7.73019 2.44483 7.11035 2.95082C6.49051 3.45682 6.06406 4.16103 5.90289 4.94477H3.75011C3.56593 4.94477 3.3893 5.01793 3.25906 5.14817C3.12883 5.2784 3.05566 5.45504 3.05566 5.63921C3.05566 5.82339 3.12883 6.00003 3.25906 6.13026C3.3893 6.26049 3.56593 6.33366 3.75011 6.33366H4.44455V15.3614C4.44566 16.282 4.81183 17.1645 5.46276 17.8155C6.11369 18.4664 6.99622 18.8326 7.91677 18.8337H12.0834C13.004 18.8326 13.8865 18.4664 14.5375 17.8155C15.1884 17.1645 15.5546 16.282 15.5557 15.3614V6.33366H16.2501C16.4343 6.33366 16.6109 6.26049 16.7412 6.13026C16.8714 6.00003 16.9446 5.82339 16.9446 5.63921C16.9446 5.45504 16.8714 5.2784 16.7412 5.14817C16.6109 5.01793 16.4343 4.94477 16.2501 4.94477ZM9.30566 3.55588H10.6946C11.1253 3.55641 11.5453 3.69017 11.8971 3.93883C12.2488 4.18749 12.515 4.53886 12.6591 4.94477H7.34108C7.48524 4.53886 7.75143 4.18749 8.10315 3.93883C8.45488 3.69017 8.87492 3.55641 9.30566 3.55588ZM14.1668 15.3614C14.1668 15.914 13.9473 16.4439 13.5566 16.8346C13.1659 17.2253 12.636 17.4448 12.0834 17.4448H7.91677C7.36424 17.4448 6.83434 17.2253 6.44364 16.8346C6.05294 16.4439 5.83344 15.914 5.83344 15.3614V6.33366H14.1668V15.3614Z",fill:"#DE6061"}),t("path",{key:"48d1dc3ba7c8f093c5ab7ee9ad5ed4307a1458e9",d:"M8.61128 14.6666C8.79545 14.6666 8.97209 14.5934 9.10232 14.4632C9.23256 14.3329 9.30572 14.1563 9.30572 13.9721V9.80545C9.30572 9.62127 9.23256 9.44464 9.10232 9.3144C8.97209 9.18417 8.79545 9.11101 8.61128 9.11101C8.4271 9.11101 8.25046 9.18417 8.12023 9.3144C7.99 9.44464 7.91683 9.62127 7.91683 9.80545V13.9721C7.91683 14.1563 7.99 14.3329 8.12023 14.4632C8.25046 14.5934 8.4271 14.6666 8.61128 14.6666Z",fill:"#DE6061"}),t("path",{key:"588341c2b9c640a15e6ba454bd1ba28ae52630b9",d:"M11.389 14.6666C11.5731 14.6666 11.7498 14.5934 11.88 14.4632C12.0102 14.3329 12.0834 14.1563 12.0834 13.9721V9.80545C12.0834 9.62127 12.0102 9.44464 11.88 9.3144C11.7498 9.18417 11.5731 9.11101 11.389 9.11101C11.2048 9.11101 11.0281 9.18417 10.8979 9.3144C10.7677 9.44464 10.6945 9.62127 10.6945 9.80545V13.9721C10.6945 14.1563 10.7677 14.3329 10.8979 14.4632C11.0281 14.5934 11.2048 14.6666 11.389 14.6666Z",fill:"#DE6061"}))))}static get watchers(){return{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-progress-bar{width:100%;height:100%;display:flex;padding:var(--Size-4);gap:var(--Size-3);border-radius:var(--Size-2);border:1px solid var(--Gray-Gray-100);background-color:var(--Neutral-White);min-width:0;overflow:hidden;align-items:center}.container-icon-info{background:var(--Info-Info-50);width:32px;height:32px;border-radius:var(--Size-2);display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-pdf{background:var(--Error-Error-50);border-radius:var(--Border-2);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-to-view{width:34px;height:34px;border-radius:var(--Border-2);object-fit:cover;flex-shrink:0}.container-bar-title{display:flex;gap:8px;flex:1;flex-direction:column;justify-content:center;min-width:0;p{margin:0;font-size:var(--font-size-s);color:var(--Gray-Gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}progress{width:100%;height:4px;-webkit-appearance:none;appearance:none;border-radius:4.5px;max-width:100%;display:block}progress::-webkit-progress-bar{background-color:var(--Gray-Gray-100);border-radius:4.5px}progress::-webkit-progress-value{background-color:var(--Primary-Primary-500);border-radius:4.5px;transition:width 0.3s ease}progress::-moz-progress-bar{background-color:var(--Primary-Primary-500);border-radius:4.5px}.view-icon,.container-icon-trash{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border-radius:var(--Border-1);transition:background 0.2s}.view-icon:hover,.container-icon-trash:hover{background-color:var(--Gray-Gray-50)}"}},[513,"dropi-file-upload-progress-bar",{textFile:[1,"text-file"],progress:[2],type:[1025],urlImage:[1,"url-image"],isPreview:[4,"is-preview"],disabled:[4],fileExtension:[32]},void 0,{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-file-upload-progress-bar","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload-progress-bar":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||d()}}))}o();const c=s,n=o;export{c as DropiFileUploadProgressBar,n as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as i,H as r,c as t,h as a}from"./index.js";import{d as l}from"./p-BrjO_JXp.js";import{d as s}from"./p-QOZr7tU8.js";import{d}from"./p-D13d88W3.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uploadedUrlsChange=t(this,"uploadedUrlsChange",7)}title="";label="";textDropZone="Arrastra o sube una imagen aquí";textButton="Seleccionar Imagen";previewType="card";multiple=!1;maxFiles=1;maxFileSizeMB=10;accept="";onlyView=!1;viewDragAndDrop=!1;dragAndDropSize="default";selectedFiles=[];error=!1;errorMessage="";dragging=!1;uploadedUrlsChange;inputRef;dragCounter=0;generateId(e){return"undefined"!=typeof crypto&&"randomUUID"in crypto?`${e.name}-${crypto.randomUUID()}`:`${e.name}-${Date.now()}-${Math.floor(1e6*Math.random())}`}getFileType(e){return e.type.startsWith("image/")?"image":"document"}getTypeView(e){return e.type.startsWith("image/")&&"grid"===this.previewType?"grid":"card"}getFileTypeClass(e){if(!e.file)return"generic";const i=e.file.type;return i.includes("pdf")?"pdf":i.startsWith("image/")?"image":"generic"}isDropZoneHidden(){return"grid"===this.previewType&&(!this.viewDragAndDrop||this.selectedFiles.length>0)}generatePreviewUrl(e){return new Promise((i=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>i(r.result),r.onerror=()=>i("")}))}syncFileItem(e,i){const r=this.selectedFiles.findIndex((i=>i.id===e));if(-1===r)return;const t={...this.selectedFiles[r],...i};this.selectedFiles=[...this.selectedFiles.slice(0,r),t,...this.selectedFiles.slice(r+1)]}emitFiles(){const e=this.selectedFiles.filter((e=>"complete"===e.state&&e.file)).map((e=>e.file));this.uploadedUrlsChange.emit(e)}async handleFiles(e){if(this.error=!1,e.length+this.selectedFiles.length>this.maxFiles)return this.error=!0,void(this.errorMessage=`Máximo ${this.maxFiles} archivo(s) permitido(s)`);for(const i of e){if(i.size>1024*this.maxFileSizeMB*1024){this.error=!0,this.errorMessage=`"${i.name}" supera el tamaño máximo de ${this.maxFileSizeMB}MB`;continue}const e={id:this.generateId(i),file:i,progress:0,state:"uploading",fileType:this.getFileType(i),typeView:this.getTypeView(i)};if(this.selectedFiles=[...this.selectedFiles,e],this.simulateProgress(e.id),"image"===e.fileType){const r=await this.generatePreviewUrl(i);this.syncFileItem(e.id,{previewUrl:r})}}}simulateProgress(e){let i=0;const r=setInterval((()=>{i+=Math.floor(20*Math.random())+10,i>=100?(i=100,clearInterval(r),this.syncFileItem(e,{progress:100,state:"complete"}),this.emitFiles()):this.syncFileItem(e,{progress:i})}),150)}handleFileAction(e,i){if("error"===e.state)return this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),void this.emitFiles();switch(i){case"delete":this.syncFileItem(e.id,{state:"confirm-delete"});break;case"confirm-delete":this.syncFileItem(e.id,{state:"deleting"}),setTimeout((()=>{this.selectedFiles=this.selectedFiles.filter((i=>i.id!==e.id)),this.emitFiles()}),400);break;case"cancel-delete":this.syncFileItem(e.id,{state:"complete"})}}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragEnter(e){e.preventDefault(),this.dragCounter++,this.dragging=!0}onDragLeave(){this.dragCounter--,this.dragCounter<=0&&(this.dragCounter=0,this.dragging=!1)}onDrop(e){e.preventDefault(),this.dragging=!1,this.dragCounter=0;const i=Array.from(e.dataTransfer?.files??[]);i.length&&this.handleFiles(i)}onInputChange(e){const i=e.target,r=Array.from(i.files??[]);i.value="",r.length&&this.handleFiles(r)}openFilePicker(){this.inputRef?.click()}addImage(){this.inputRef?.click()}renderCheckSvg(){return a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},a("g",{"clip-path":"url(#ck)"},a("path",{d:"M11.1594 2.2155L4.24992 9.1245C4.20347 9.17114 4.14826 9.20815 4.08747 9.2334C4.02668 9.25865 3.9615 9.27165 3.89567 9.27165C3.82985 9.27165 3.76467 9.25865 3.70388 9.2334C3.64308 9.20815 3.58788 9.17114 3.54142 9.1245L0.869423 6.45C0.822969 6.40337 0.767762 6.36636 0.70697 6.34111C0.646179 6.31586 0.581 6.30286 0.515173 6.30286C0.449346 6.30286 0.384167 6.31586 0.323376 6.34111C0.262585 6.36636 0.207378 6.40337 0.160923 6.45C0.114285 6.49646 0.0772787 6.55167 0.0520278 6.61246C0.026777 6.67325 0.0137787 6.73843 0.0137787 6.80425C0.0137787 6.87008 0.026777 6.93526 0.0520278 6.99605C0.0772787 7.05684 0.114285 7.11205 0.160923 7.1585L2.83392 9.831C3.1159 10.1125 3.49802 10.2705 3.89642 10.2705C4.29482 10.2705 4.67695 10.1125 4.95892 9.831L11.8679 2.9235C11.9145 2.87706 11.9514 2.82188 11.9766 2.76114C12.0018 2.70039 12.0148 2.63527 12.0148 2.5695C12.0148 2.50374 12.0018 2.43862 11.9766 2.37787C11.9514 2.31713 11.9145 2.26195 11.8679 2.2155C11.8215 2.16887 11.7663 2.13186 11.7055 2.10661C11.6447 2.08136 11.5795 2.06836 11.5137 2.06836C11.4478 2.06836 11.3827 2.08136 11.3219 2.10661C11.2611 2.13186 11.2059 2.16887 11.1594 2.2155Z",fill:"#0ABB87"})),a("defs",null,a("clipPath",{id:"ck"},a("rect",{width:"12",height:"12",fill:"white"}))))}renderTrashSvg(){return a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M16.25 4.44453H14.0972C13.936 3.66078 13.5096 2.95657 12.8897 2.45058C12.2699 1.94459 11.4946 1.66776 10.6944 1.66675H9.30554C8.5054 1.66776 7.73007 1.94459 7.11023 2.45058C6.49039 2.95657 6.06394 3.66078 5.90276 4.44453H3.74999C3.56581 4.44453 3.38917 4.51769 3.25894 4.64792C3.12871 4.77816 3.05554 4.95479 3.05554 5.13897C3.05554 5.32315 3.12871 5.49978 3.25894 5.63002C3.38917 5.76025 3.56581 5.83341 3.74999 5.83341H4.44443V14.8612C4.44553 15.7817 4.81171 16.6643 5.46264 17.3152C6.11357 17.9661 6.9961 18.3323 7.91665 18.3334H12.0833C13.0039 18.3323 13.8864 17.9661 14.5373 17.3152C15.1883 16.6643 15.5544 15.7817 15.5555 14.8612V5.83341H16.25C16.4342 5.83341 16.6108 5.76025 16.741 5.63002C16.8713 5.49978 16.9444 5.32315 16.9444 5.13897C16.9444 4.95479 16.8713 4.77816 16.741 4.64792C16.6108 4.51769 16.4342 4.44453 16.25 4.44453ZM9.30554 3.05564H10.6944C11.1252 3.05616 11.5452 3.18993 11.8969 3.43858C12.2487 3.68724 12.5149 4.03862 12.659 4.44453H7.34096C7.48511 4.03862 7.75131 3.68724 8.10303 3.43858C8.45476 3.18993 8.8748 3.05616 9.30554 3.05564ZM14.1667 14.8612C14.1667 15.4137 13.9472 15.9436 13.5565 16.3343C13.1658 16.725 12.6359 16.9445 12.0833 16.9445H7.91665C7.36412 16.9445 6.83421 16.725 6.44351 16.3343C6.05281 15.9436 5.83332 15.4137 5.83332 14.8612V5.83341H14.1667V14.8612Z",fill:"#DE6061"}),a("path",{d:"M8.61115 14.1663C8.79533 14.1663 8.97197 14.0931 9.1022 13.9629C9.23243 13.8327 9.3056 13.656 9.3056 13.4719V9.30521C9.3056 9.12103 9.23243 8.94439 9.1022 8.81416C8.97197 8.68393 8.79533 8.61076 8.61115 8.61076C8.42698 8.61076 8.25034 8.68393 8.12011 8.81416C7.98988 8.94439 7.91671 9.12103 7.91671 9.30521V13.4719C7.91671 13.656 7.98988 13.8327 8.12011 13.9629C8.25034 14.0931 8.42698 14.1663 8.61115 14.1663Z",fill:"#DE6061"}),a("path",{d:"M11.3888 14.1663C11.573 14.1663 11.7497 14.0931 11.8799 13.9629C12.0101 13.8327 12.0833 13.656 12.0833 13.4719V9.30521C12.0833 9.12103 12.0101 8.94439 11.8799 8.81416C11.7497 8.68393 11.573 8.61076 11.3888 8.61076C11.2047 8.61076 11.028 8.68393 10.8978 8.81416C10.7676 8.94439 10.6944 9.12103 10.6944 9.30521V13.4719C10.6944 13.656 10.7676 13.8327 10.8978 13.9629C11.028 14.0931 11.2047 14.1663 11.3888 14.1663Z",fill:"#DE6061"}))}renderTrashGridSvg(){return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M8 0.5H24C28.1421 0.5 31.5 3.85786 31.5 8V24C31.5 28.1421 28.1421 31.5 24 31.5H8C3.85786 31.5 0.5 28.1421 0.5 24V8C0.5 3.85786 3.85786 0.5 8 0.5Z",fill:"white"}),a("path",{d:"M8 0.5H24C28.1421 0.5 31.5 3.85786 31.5 8V24C31.5 28.1421 28.1421 31.5 24 31.5H8C3.85786 31.5 0.5 28.1421 0.5 24V8C0.5 3.85786 3.85786 0.5 8 0.5Z",stroke:"#F7F8FA"}),a("path",{d:"M22.25 10.4445H20.0972C19.936 9.66072 19.5096 8.95651 18.8897 8.45052C18.2699 7.94453 17.4945 7.6677 16.6944 7.66669H15.3055C14.5054 7.6677 13.73 7.94453 13.1102 8.45052C12.4904 8.95651 12.0639 9.66072 11.9027 10.4445H9.74996C9.56578 10.4445 9.38914 10.5176 9.25891 10.6479C9.12868 10.7781 9.05551 10.9547 9.05551 11.1389C9.05551 11.3231 9.12868 11.4997 9.25891 11.63C9.38914 11.7602 9.56578 11.8334 9.74996 11.8334H10.4444V20.8611C10.4455 21.7817 10.8117 22.6642 11.4626 23.3151C12.1135 23.9661 12.9961 24.3323 13.9166 24.3334H18.0833C19.0038 24.3323 19.8864 23.9661 20.5373 23.3151C21.1882 22.6642 21.5544 21.7817 21.5555 20.8611V11.8334H22.25C22.4341 11.8334 22.6108 11.7602 22.741 11.63C22.8712 11.4997 22.9444 11.3231 22.9444 11.1389C22.9444 10.9547 22.8712 10.7781 22.741 10.6479C22.6108 10.5176 22.4341 10.4445 22.25 10.4445ZM15.3055 9.05558H16.6944C17.1251 9.0561 17.5452 9.18986 17.8969 9.43852C18.2486 9.68718 18.5148 10.0386 18.659 10.4445H13.3409C13.4851 10.0386 13.7513 9.68718 14.103 9.43852C14.4547 9.18986 14.8748 9.0561 15.3055 9.05558ZM20.1666 20.8611C20.1666 21.4137 19.9471 21.9436 19.5564 22.3343C19.1657 22.725 18.6358 22.9445 18.0833 22.9445H13.9166C13.3641 22.9445 12.8342 22.725 12.4435 22.3343C12.0528 21.9436 11.8333 21.4137 11.8333 20.8611V11.8334H20.1666V20.8611Z",fill:"#DE6061"}),a("path",{d:"M14.6111 20.1662C14.7953 20.1662 14.9719 20.0931 15.1022 19.9628C15.2324 19.8326 15.3056 19.656 15.3056 19.4718V15.3051C15.3056 15.121 15.2324 14.9443 15.1022 14.8141C14.9719 14.6839 14.7953 14.6107 14.6111 14.6107C14.4269 14.6107 14.2503 14.6839 14.1201 14.8141C13.9898 14.9443 13.9167 15.121 13.9167 15.3051V19.4718C13.9167 19.656 13.9898 19.8326 14.1201 19.9628C14.2503 20.0931 14.4269 20.1662 14.6111 20.1662Z",fill:"#DE6061"}),a("path",{d:"M17.3888 20.1662C17.573 20.1662 17.7496 20.0931 17.8799 19.9628C18.0101 19.8326 18.0833 19.656 18.0833 19.4718V15.3051C18.0833 15.121 18.0101 14.9443 17.8799 14.8141C17.7496 14.6839 17.573 14.6107 17.3888 14.6107C17.2046 14.6107 17.028 14.6839 16.8978 14.8141C16.7675 14.9443 16.6944 15.121 16.6944 15.3051V19.4718C16.6944 19.656 16.7675 19.8326 16.8978 19.9628C17.028 20.0931 17.2046 20.1662 17.3888 20.1662Z",fill:"#DE6061"}))}renderPdfSvg(){return a("svg",{class:"icon-pdf",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z",fill:"#FEF0F0"}),a("g",{"clip-path":"url(#pdf)"},a("path",{d:"M24.1252 11.1167L21.2168 8.20833C20.1168 7.10833 18.6502 6.5 17.0918 6.5H13.3335C11.0335 6.5 9.16684 8.36667 9.16684 10.6667V22.3333C9.16684 24.6333 11.0335 26.5 13.3335 26.5H21.6668C23.9668 26.5 25.8335 24.6333 25.8335 22.3333V15.2417C25.8335 13.6833 25.2252 12.2167 24.1252 11.1167Z",fill:"#DE6061"})),a("defs",null,a("clipPath",{id:"pdf"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7.5 6.5)"}))))}renderDocSvg(){return a("svg",{class:"icon-default",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z",fill:"#EEF6FE"}),a("g",{"clip-path":"url(#doc)"},a("path",{d:"M21.1668 18.6667C21.1668 18.8877 21.079 19.0997 20.9227 19.2559C20.7664 19.4122 20.5545 19.5 20.3335 19.5H13.6668C13.4458 19.5 13.2338 19.4122 13.0775 19.2559C12.9213 19.0997 12.8335 18.8877 12.8335 18.6667C12.8335 18.4457 12.9213 18.2337 13.0775 18.0774C13.2338 17.9211 13.4458 17.8334 13.6668 17.8334H20.3335C20.5545 17.8334 20.7664 17.9211 20.9227 18.0774C21.079 18.2337 21.1668 18.4457 21.1668 18.6667ZM17.8335 21.1667H13.6668C13.4458 21.1667 13.2338 21.2545 13.0775 21.4108C12.9213 21.567 12.8335 21.779 12.8335 22C12.8335 22.221 12.9213 22.433 13.0775 22.5893C13.2338 22.7456 13.4458 22.8334 13.6668 22.8334H17.8335C18.0545 22.8334 18.2664 22.7456 18.4227 22.5893C18.579 22.433 18.6668 22.221 18.6668 22C18.6668 21.779 18.579 21.567 18.4227 21.4108C18.2664 21.2545 18.0545 21.1667 17.8335 21.1667Z",fill:"#4996DB"})),a("defs",null,a("clipPath",{id:"doc"},a("rect",{width:"20",height:"20",fill:"white",transform:"translate(7 7)"}))))}renderCardItem(e){const i="image"===e.fileType&&e.previewUrl&&!e.previewUrl.includes(".pdf"),r=e.file?.type?.includes("pdf");return a("div",{key:e.id,class:`file-card ${e.state} ${this.getFileTypeClass(e)}`},i?a("div",{class:"preview-wrapper"},a("img",{class:"preview "+e.state,src:e.previewUrl,alt:e.file?.name}),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg())):a("div",{class:"file-icon"},r?this.renderPdfSvg():this.renderDocSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"info-container"},a("div",{class:"file-name"+("error"===e.state?" error-text":"")},e.file?.name??e.previewUrl?.split("/").pop()),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"error"===e.state&&a("div",{class:"error-label"},"Error al subir el archivo")),"deleting"===e.state&&a("div",{class:"deleting-container"},a("span",{class:"deleting-label"},"Eliminando...")),"confirm-delete"!==e.state&&"error"!==e.state&&"deleting"!==e.state&&a("div",{class:"preview-image",onClick:()=>{}},a("dropi-icon",{name:"Eye",width:"20px",height:"20px",color:"Gray-Gray-600"})),"confirm-delete"!==e.state&&"deleting"!==e.state&&!this.onlyView&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"delete")},this.renderTrashSvg()),"confirm-delete"===e.state&&a("div",{class:"delete-confirm"},a("span",{class:"message"},e.previewUrl?"¿Eliminar imagen?":"¿Eliminar archivo?"),a("div",{class:"actions"},a("dropi-button",{size:"small",text:"Sí",onClick:()=>this.handleFileAction(e,"confirm-delete")}),a("dropi-button",{text:"No",size:"small",severity:"secondary",onClick:()=>this.handleFileAction(e,"cancel-delete")}))))}renderGridItem(e){return a("div",{key:e.id,class:`img-view ${e.state} ${this.getFileTypeClass(e)}`},a("div",{class:"preview-wrapper"},a("div",{class:"preview-container"},a("img",{class:"preview "+e.state,src:e.previewUrl||"",alt:"preview"})),"complete"===e.state&&a("div",{class:"overlay-icon"},this.renderCheckSvg()),"confirm-delete"!==e.state&&"deleting"!==e.state&&a("div",{class:"delete",onClick:()=>this.handleFileAction(e,"confirm-delete")},this.renderTrashGridSvg())),"uploading"===e.state&&a("div",{class:"progress-bar-container"},a("div",{class:"progress-bar",style:{width:e.progress+"%"}})),"deleting"===e.state&&a("div",{class:"deleting-info"},a("span",{class:"deleting-info-label"},"Eliminando...")))}render(){const e=this.selectedFiles??[],i=e.filter((e=>"grid"===e.typeView)),r=e.filter((e=>"card"===e.typeView)),t=e.length<(this.maxFiles??1)&&!this.isDropZoneHidden(),l="small"===this.dragAndDropSize;return a("div",{key:"2823263b5c803c23eb1bf091676a0fd86243117a",class:"upload-container"},(this.title||this.label)&&a("div",{key:"ec9c8a63c9c34f8c8ce68310c07dd8fda66ffda2",class:"upload-header"},this.title&&a("div",{key:"f26ade32fe339a0382166345110ef3445bb58475",class:"text title"},this.title),this.label&&a("div",{key:"becc99e74e8d555fc40bcd0854575c5b435faf85",class:"text label"},this.label)),this.error&&a("dropi-alert",{key:"b01f441d6083e31f5ddaa2bc661722835134e8f0",message:this.errorMessage,type:"default",state:"error",dismissable:!0,showButton:!1,onOnClose:()=>{this.error=!1}}),t&&a("div",{key:"e221786da335f56a6160874d56ad4b50c9b0702f",class:{"file-upload":!0,"drag-over":this.dragging},onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragEnter(e),onDragLeave:()=>this.onDragLeave(),onDrop:e=>this.onDrop(e)},a("div",{key:"ad6d5ed22aa64c4a33e3861cc48271dbecc59279",class:"file-upload__zone"+(this.dragging?" drag-over":"")},!l&&a("svg",{key:"a5666c9aaad62e8a4b6677b288d853953ada6169",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"98a2c4e40aa67249f0b8b13f956846334a1b8652",d:"M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z",fill:"#FEF8F1"}),a("g",{key:"892e4f122e593fd77f37048fcd68157a682bf1b7","clip-path":"url(#up)"},a("path",{key:"aaaddae87cb45b9c00ddc98142c1ef5b2ec25a0a",d:"M19.3379 13.7187L19.3332 24.0107C19.3332 24.1875 19.4035 24.357 19.5285 24.4821C19.6535 24.6071 19.8231 24.6773 19.9999 24.6773C20.1767 24.6773 20.3463 24.6071 20.4713 24.4821C20.5963 24.357 20.6666 24.1875 20.6666 24.0107L20.6712 13.73L22.6126 15.672C22.7376 15.797 22.9071 15.8672 23.0839 15.8672C23.2607 15.8672 23.4302 15.797 23.5552 15.672C23.6802 15.547 23.7504 15.3774 23.7504 15.2007C23.7504 15.0239 23.6802 14.8543 23.5552 14.7293L21.4145 12.586C21.2288 12.4001 21.0083 12.2527 20.7655 12.1521C20.5228 12.0515 20.2626 11.9998 19.9999 11.9998C19.7371 11.9998 19.477 12.0515 19.2342 12.1521C18.9915 12.2527 18.771 12.4001 18.5852 12.586L16.4445 14.7273C16.3196 14.8523 16.2494 15.0219 16.2494 15.1987C16.2494 15.3754 16.3196 15.545 16.4445 15.67C16.5696 15.795 16.7391 15.8652 16.9159 15.8652C17.0927 15.8652 17.2622 15.795 17.3872 15.67L19.3379 13.7187Z",fill:"#F49A3D"}),a("path",{key:"4c9eddf5c6348984c7478701fe67e411d01cf8c5",d:"M26.6667 23.3329V25.9996C26.6667 26.1764 26.5964 26.346 26.4714 26.471C26.3464 26.596 26.1768 26.6663 26 26.6663H14C13.8232 26.6663 13.6536 26.596 13.5286 26.471C13.4036 26.346 13.3333 26.1764 13.3333 25.9996V23.3329C13.3333 23.1561 13.2631 22.9865 13.1381 22.8615C13.013 22.7365 12.8435 22.6663 12.6667 22.6663C12.4899 22.6663 12.3203 22.7365 12.1953 22.8615C12.0702 22.9865 12 23.1561 12 23.3329V25.9996C12 26.53 12.2107 27.0387 12.5858 27.4138C12.9609 27.7889 13.4696 27.9996 14 27.9996H26C26.5304 27.9996 27.0391 27.7889 27.4142 27.4138C27.7893 27.0387 28 26.53 28 25.9996V23.3329C28 23.1561 27.9298 22.9865 27.8047 22.8615C27.6797 22.7365 27.5101 22.6663 27.3333 22.6663C27.1565 22.6663 26.987 22.7365 26.8619 22.8615C26.7369 22.9865 26.6667 23.1561 26.6667 23.3329Z",fill:"#F49A3D"})),a("defs",{key:"bcc8c24fcf8d9ea939dec31a36e5fce8c0fd203e"},a("clipPath",{key:"9724c45ddf4d8983116baf1b4baadb8e1c83ed9d",id:"up"},a("rect",{key:"1d0ca58ddc76c661f8278a177ad670633008bd5a",width:"16",height:"16",fill:"white",transform:"translate(12 12)"})))),a("div",{key:"d1a2c7a7cc539b1c519dcc5931c80eb38c230e1f",class:l?"info size-small-upload":"info"},a("div",{key:"4265e328f1bab72a221746afc15b0e7e8b6324b0",class:"title"},this.textDropZone),l&&a("dropi-button",{key:"076a0dfc2f087b9724e60980bb1217e676bdaeda",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}})),!l&&a("div",{key:"070c2a5374d4262b4b66ea2a9f51a75358865011",class:"info-desc"},this.accept&&a("div",{key:"6482d13398d8ea654dbd5f5c684c7b0602da0b7d",class:"description"},"Formatos admitidos: ",this.accept),a("div",{key:"25ccba2cd7a16f732f111aeefe076516b0c360f6",class:"description"},"Tamaño máximo: ",this.maxFileSizeMB,"MB")),!l&&a("dropi-button",{key:"a1ed64460aa8c9aead966d33fa8ef25ddc383000",text:this.textButton,size:"small",onClick:e=>{e.stopPropagation(),this.openFilePicker()}}),a("input",{key:"b5debf074ef579d4bd74d1507ba63b912eeba37e",ref:e=>this.inputRef=e,type:"file",accept:this.accept,multiple:this.multiple,class:"upload-hidden",onChange:e=>this.onInputChange(e)}))),this.selectedFiles.length>0&&a("div",{key:"40d77d3c697b18637fa7669e857f5d931d91543d",class:"files-container"},i.length>0&&a("div",{key:"c8b2eac24568959a83500930fc36c54be04d3d75",class:"grid-list"},i.map((e=>this.renderGridItem(e))),i.length<this.maxFiles&&a("div",{key:"6782016ecee648dff31baa352db02413a37ad2ae",class:"add-img",onClick:()=>this.addImage()},a("div",{key:"08ecf1dae23fc4dac7818fd178d40a50a10a4508",class:"icon"},a("svg",{key:"c41793f302e1c0f7eeb91c0e524cd398988c62c2",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"cf066997fbfb0aa31bacbb72ef037f67b74de5ec",d:"M9.77774 6.4444H7.55551V4.22218C7.55551 4.07484 7.49698 3.93353 7.3928 3.82934C7.28861 3.72516 7.1473 3.66663 6.99996 3.66663C6.85262 3.66663 6.71131 3.72516 6.60712 3.82934C6.50294 3.93353 6.4444 4.07484 6.4444 4.22218V6.4444H4.22218C4.07484 6.4444 3.93353 6.50294 3.82934 6.60712C3.72516 6.71131 3.66663 6.85262 3.66663 6.99996C3.66663 7.1473 3.72516 7.28861 3.82934 7.3928C3.93353 7.49698 4.07484 7.55551 4.22218 7.55551H6.4444V9.77774C6.4444 9.92508 6.50294 10.0664 6.60712 10.1706C6.71131 10.2748 6.85262 10.3333 6.99996 10.3333C7.1473 10.3333 7.28861 10.2748 7.3928 10.1706C7.49698 10.0664 7.55551 9.92508 7.55551 9.77774V7.55551H9.77774C9.92508 7.55551 10.0664 7.49698 10.1706 7.3928C10.2748 7.28861 10.3333 7.1473 10.3333 6.99996C10.3333 6.85262 10.2748 6.71131 10.1706 6.60712C10.0664 6.50294 9.92508 6.4444 9.77774 6.4444Z",fill:"#32394D"}))),a("div",{key:"03214b3dd6dad6b7d3973f36d041aafcb9089819",class:"text"},"Agregar"))),r.length>0&&a("div",{key:"4fb7c564b557885680f2aa2723273dac6f15cc72",class:"card-list"},r.map((e=>this.renderCardItem(e))))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-container{display:flex;flex-direction:column;gap:var(--Size-3, 12px);width:100%}.upload-header{display:flex;flex-direction:column;gap:var(--Size-1, 4px);align-items:flex-start;align-self:stretch}.upload-header .text{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 12px);font-style:normal;line-height:150%}.upload-header .title{font-weight:var(--font-weight-medium, 500)}.upload-header .label{font-weight:var(--font-weight-regular, 400)}.file-upload{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);background:var(--Neutral-White, #ffffff)}.file-upload__zone{display:flex;padding:var(--Size-5, 24px);flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-6, 32px);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px dashed var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #ffffff);text-align:center;transition:border-color 0.3s ease}.file-upload__zone.drag-over{border:1px dashed var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fef8f1)}.info{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);align-self:stretch}.info .title{color:var(--Gray-Gray-700, #32394d);text-align:center;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-medium, 500);line-height:150%}.info.size-small-upload{flex-direction:row;gap:var(--Size-3, 12px)}.info-desc{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.description{color:var(--Gray-Gray-600, #475066);text-align:center;font-size:var(--font-size-s, 14px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%}.upload-hidden{display:none}.files-container{display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.grid-list{display:flex;align-items:flex-start;gap:var(--Size-5, 24px);align-self:stretch;flex-wrap:wrap}.add-img{display:flex;height:88px;width:88px;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-1, 4px);align-self:stretch;border-radius:var(--Border-2, 8px);background:var(--Gray-Gray-50, #f7f8fa);cursor:pointer}.add-img:hover{transform:scale(1.1)}.add-img .icon{display:flex;width:24px;height:24px;padding:4px;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Gray-Gray-100, #e6eaf2)}.add-img .text{color:var(--Gray-Gray-600, #475066);text-align:center;font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%}.card-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--Size-3, 12px);align-self:stretch;width:100%}.file-card{display:flex;padding:var(--Size-4, 16px);align-items:center;gap:var(--Size-3, 12px);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background:var(--Neutral-White, #ffffff);width:100%}.file-card.error{border-color:var(--Error-Error-300, #f89b9c);background:var(--Error-Error-50, #fef0f0)}.file-card .preview-wrapper{width:34px;height:34px;position:relative;display:inline-block;border-radius:var(--Border-2, 8px);overflow:hidden;flex-shrink:0}.file-card .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.file-card .preview.uploading{filter:blur(2px)}.file-card .overlay-icon{width:16px;height:16px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff)}.file-card .file-icon{flex-shrink:0}.file-card .info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2, 8px);flex:1 0 0;min-width:0}.file-card .file-name{overflow:hidden;color:var(--Gray-Gray-600, #475066);text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:150%;white-space:nowrap;max-width:300px}.file-card .file-name.error-text{color:var(--Error-Error-500, #f46a6b)}.file-card .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.file-card .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500, #f49a3d);transition:width 0.3s ease}.file-card .error-label{color:var(--Error-Error-500, #f46a6b);font-size:11px;font-weight:var(--font-weight-regular, 400);line-height:150%}.file-card .deleting-container{display:flex;align-items:center;flex:1 0 0}.file-card .deleting-label{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-xs, 12px);font-style:italic;font-weight:var(--font-weight-regular, 400);line-height:150%}.file-card .delete,.file-card .preview-image{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.3s ease;border-radius:var(--Border-2, 8px);flex-shrink:0;cursor:pointer}.file-card .delete:hover,.file-card .preview-image:hover{transform:scale(1.1)}.file-card .delete-confirm{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 12px);font-style:normal;font-weight:var(--font-weight-medium, 500);line-height:150%;display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex:1 0 0}.file-card .delete-confirm .message{flex:1}.file-card .delete-confirm .actions{display:flex;align-items:flex-start;gap:var(--Size-2, 8px)}.img-view{display:flex;width:88px;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2, 8px)}.img-view .preview-wrapper{position:relative;display:inline-block;width:88px;height:88px}.img-view .preview-container{border-radius:var(--Border-2, 8px);overflow:hidden;width:100%;height:100%}.img-view .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.img-view .preview.uploading{filter:blur(2px)}.img-view .overlay-icon{width:24px;height:24px;padding:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff)}.img-view .delete{position:absolute;top:-12px;right:-9px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--Neutral-White, #ffffff);cursor:pointer}.img-view .delete:hover{transform:scale(1.1)}.img-view.error .preview-wrapper{border:2px solid var(--Error-Error-500, #f46a6b);border-radius:var(--Border-2, 8px)}.img-view.deleting .preview-wrapper{opacity:0.4}.img-view .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.img-view .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500, #f49a3d);transition:width 0.3s ease}.img-view .deleting-info{width:100%;text-align:center}.img-view .deleting-info-label{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-xxs, 10px);font-style:italic;font-weight:var(--font-weight-regular, 400);line-height:150%}@media screen and (max-width: 599px){.info.size-small-upload{flex-wrap:wrap;justify-content:center}.file-card .file-name{max-width:100px}}"}},[513,"dropi-file-upload",{title:[1],label:[1],textDropZone:[1,"text-drop-zone"],textButton:[1,"text-button"],previewType:[1,"preview-type"],multiple:[4],maxFiles:[2,"max-files"],maxFileSizeMB:[2,"max-file-size-m-b"],accept:[1],onlyView:[4,"only-view"],viewDragAndDrop:[4,"view-drag-and-drop"],dragAndDropSize:[1,"drag-and-drop-size"],selectedFiles:[32],error:[32],errorMessage:[32],dragging:[32]}]);function n(){"undefined"!=typeof customElements&&["dropi-file-upload","dropi-alert","dropi-button","dropi-icon"].forEach((i=>{switch(i){case"dropi-file-upload":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-alert":customElements.get(e(i))||l();break;case"dropi-button":customElements.get(e(i))||s();break;case"dropi-icon":customElements.get(e(i))||d()}}))}n();const c=o,f=n;export{c as DropiFileUpload,f as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-D13d88W3.js";const p=o,r=s;export{p as DropiIcon,r as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-B_Ace02i.js";const p=o,r=s;export{p as DropiIlustrationIcon,r as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as i,p as e,H as t,c as a,h as r}from"./index.js";import{d as s}from"./p-D13d88W3.js";const o=e(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dropiImageClick=a(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 r("div",{key:"111d908339df1d3fba74cb8737f3c72e2254e2f0",class:"miniature"},this.label&&r("span",{key:"007ecc8149b6778eac7dd80a978a088f686001eb",class:"miniature__label"},this.label),r("div",{key:"95c18d71f5c753bd2610915b62632aca7fbd4d16",class:"miniature__grid"},i.map(((e,t)=>r("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},r("img",{src:e,alt:"imagen "+(t+1),loading:"lazy",onError:i=>this.handleError(i)}),r("div",{class:"miniature__zoom"},r("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Neutral-White"})))))))}static get style(){return":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}"}},[513,"dropi-image-miniature",{label:[1],images:[1],width:[1],height:[1]}]);function n(){"undefined"!=typeof customElements&&["dropi-image-miniature","dropi-icon"].forEach((e=>{switch(e){case"dropi-image-miniature":customElements.get(i(e))||customElements.define(i(e),o);break;case"dropi-icon":customElements.get(i(e))||s()}}))}n();const m=o,c=n;export{m as DropiImageMiniature,c as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as i,H as a,c as t,h as r}from"./index.js";import{d as o}from"./p-D13d88W3.js";const s=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=t(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(!0!==this.visible&&this.visible+""!="true")return null;const e=this.parsedImages,i=e.length>1;return r("div",{class:"overlay",onClick:()=>this.close()},r("button",{class:"overlay__close",onClick:e=>{e.stopPropagation(),this.close()},"aria-label":"Cerrar"},r("dropi-icon",{name:"Close-large",width:"24px",height:"24px",color:"Neutral-White"})),r("div",{class:{overlay__body:!0,"overlay__body--single":!i},onClick:e=>e.stopPropagation()},i&&r("div",{class:"overlay__thumbs"},e.map(((e,i)=>r("div",{key:i,class:{"overlay__thumb-box":!0,"overlay__thumb-box--active":i===this.current},onClick:()=>this.current=i},r("img",{src:e,alt:"miniatura "+(i+1),class:"overlay__thumb-img",onError:e=>this.handleError(e)}))))),r("div",{class:"overlay__content"},i&&r("button",{class:"overlay__nav overlay__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},r("dropi-icon",{name:"Dropdown-left",width:"18px",height:"18px",color:"Gray-Gray-500"})),r("img",{class:"overlay__main-image",src:e[this.current],alt:"imagen "+(this.current+1),onError:e=>this.handleError(e)}),i&&r("button",{class:"overlay__nav overlay__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},r("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}]}}static get style(){return":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:var(--Gray-Gray-600);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;background:var(--Neutral-White)}.overlay__nav--next:hover{background:var(--Neutral-White)}@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}}"}},[513,"dropi-image-overlay",{visible:[1032],images:[1],activeIndex:[1026,"active-index"],current:[32],parsedImages:[32]},void 0,{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-image-overlay","dropi-icon"].forEach((i=>{switch(i){case"dropi-image-overlay":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||o()}}))}n();const l=s,c=n;export{l as DropiImageOverlay,c as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-Bz2jXX3R.js";const p=o,r=s;export{p as DropiInput,r as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,c as o,h as i}from"./index.js";import{d as a}from"./p-a-hGQrJd.js";import{d as n}from"./p-D13d88W3.js";const r=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.languageChange=o(this,"languageChange",7)}languages=[];selectedLang=null;languageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(e){null!=e?(this.parsedLanguages="string"==typeof e?JSON.parse(e):e??[],!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])):this.parsedLanguages=[]}selectedLangChanged(e){e&&(this.currentLang="string"==typeof e?JSON.parse(e):e)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(e){this.currentLang=e,this.isOpen=!1,this.languageChange.emit(e)}render(){return this.currentLang?i("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},i("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},i("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},this.currentLang.label),i("dropi-icon",{name:"Caret-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),i("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((e=>i("li",{key:e.code,class:e.code===this.currentLang?.code?"active":"",onClick:()=>this.select(e)},i("dropi-country-flags",{country:e.flag,"flag-style":"rectangle",width:"20",height:"15"}),i("span",{class:"Body-S-Regular"},e.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}static get style(){return":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, #ffffff);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}}"}},[513,"dropi-languages-selector",{languages:[1],selectedLang:[1025,"selected-lang"],isOpen:[32],parsedLanguages:[32],currentLang:[32]},void 0,{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-languages-selector","dropi-country-flags","dropi-icon"].forEach((s=>{switch(s){case"dropi-languages-selector":customElements.get(e(s))||customElements.define(e(s),r);break;case"dropi-country-flags":customElements.get(e(s))||a();break;case"dropi-icon":customElements.get(e(s))||n()}}))}d();const l=r,p=d;export{l as DropiLanguagesSelector,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as o,p as i,H as e,h as t}from"./index.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",s=i(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}urlLogo="";size="large";theme="light";componentWillLoad(){this.urlLogo||(this.urlLogo=this.el.getAttribute("urlLogo")||this.el.getAttribute("url-logo")||this.el.getAttribute("urllogo")||"")}handleError(o){o.target.src=l}render(){return t("figure",{key:"479af3da2dc04c7d6e79b99494fce0fb5419af4d",class:{"dropi-logo":!0,["dropi-logo--"+this.size]:!0}},t("img",{key:"6b78e7004f4b1dd782e4c17dae7b264fff483875",src:this.urlLogo||l,alt:"Dropi logo",onError:o=>this.handleError(o)}))}static get style(){return":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}"}},[513,"dropi-logo",{urlLogo:[1,"url-logo"],size:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-logo"].forEach((i=>{"dropi-logo"===i&&(customElements.get(o(i))||customElements.define(o(i),s))}))}r();const g=s,d=r;export{g as DropiLogo,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as e,H as i,h as a}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}visible=!0;loadingAnimation="/assets/lottie-files/loading.json";title="Cargando...";message="Por favor, espere un momento";render(){return this.visible?a("div",{class:"loader-overlay"},a("div",{class:"loader-container"},a("div",{class:"lottie-animation"},a("lottie-player",{src:this.loadingAnimation,background:"transparent",speed:"1",style:{width:"300px",height:"300px"},loop:!0,autoplay:!0})),(this.title||this.message)&&a("div",{class:"loader-text"},this.title&&a("h3",{class:"loader-title"},this.title),this.message&&a("p",{class:"loader-message"},this.message)))):null}static get style(){return":host{display:block}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.85);z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.lottie-animation{display:flex;align-items:center;justify-content:center;width:300px;height:300px}.lottie-animation lottie-player{display:block;width:300px !important;height:300px !important}.loader-text{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);text-align:center}.loader-title{margin:0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.loader-message{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-lottie-loader",{visible:[4],loadingAnimation:[1,"loading-animation"],title:[1],message:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-lottie-loader"].forEach((e=>{"dropi-lottie-loader"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}s();const n=o,l=s;export{n as DropiLottieLoader,l as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as i,H as r,c as t,h as o}from"./index.js";import{d as a}from"./p-D13d88W3.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiPlay=t(this,"dropiPlay",7),this.dropiEnded=t(this,"dropiEnded",7)}get el(){return this}src="";mediaType="video";poster="";autoplay=!1;loop=!1;initialVolume=1;format="mobile-vertical";playing=!1;currentTimeStr="00:00";durationStr="00:00";duration=0;volume=1;muted=!1;showControls=!0;isFullscreen=!1;progress=0;speed=1;showSpeedMenu=!1;showVolumeSlider=!1;mediaEl;controlsTimeout;speeds=[1,2,3];dropiPlay;dropiEnded;componentDidLoad(){if(this.mediaEl){const e=this.initialVolume??1;isFinite(e)&&(this.mediaEl.volume=e,this.muted=0===e,this.volume=e)}document.addEventListener("fullscreenchange",this.handleFullscreenChange)}disconnectedCallback(){document.removeEventListener("fullscreenchange",this.handleFullscreenChange),clearTimeout(this.controlsTimeout)}handleFullscreenChange=()=>{this.isFullscreen=!!document.fullscreenElement};togglePlay(){if(this.mediaEl)if(this.playing)this.mediaEl.pause();else{const e=this.mediaEl.play();void 0!==e&&e.catch((e=>{console.warn("Play error:",e),this.playing=!1}))}}handleTimeUpdate(){this.duration&&(this.progress=this.mediaEl.currentTime/this.duration*100,this.currentTimeStr=this.formatTime(this.mediaEl.currentTime))}handleLoadedMetadata(){this.duration=this.mediaEl.duration,this.durationStr=this.formatTime(this.duration)}handleSeek(e){if(!this.duration)return;const i=e.currentTarget.getBoundingClientRect();this.mediaEl.currentTime=Math.max(0,Math.min(1,(e.clientX-i.left)/i.width))*this.duration}handleVolume(e){const i=parseFloat(e.target.value);this.mediaEl.volume=i,this.volume=i,this.muted=0===i,this.mediaEl.muted=this.muted}toggleSpeedMenu(){this.showSpeedMenu=!this.showSpeedMenu,this.showVolumeSlider=!1}selectSpeed(e){this.speed=e,this.mediaEl&&(this.mediaEl.playbackRate=e),this.showSpeedMenu=!1}toggleVolume(){this.showVolumeSlider=!this.showVolumeSlider,this.showSpeedMenu=!1}toggleFullscreen(){this.isFullscreen?document.exitFullscreen?.():this.el.shadowRoot.host.requestFullscreen?.()}onMouseMove(){this.showControls=!0,this.playing&&this.startHideControlsTimer()}onMouseLeave(){this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}startHideControlsTimer(){clearTimeout(this.controlsTimeout),this.controlsTimeout=setTimeout((()=>{this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}),5e3)}handleDocClick(e){this.el.contains(e.target)||(this.showVolumeSlider=!1,this.showSpeedMenu=!1)}formatTime(e){if(isNaN(e))return"00:00";const i=Math.floor(e/60),r=Math.floor(e%60);return`${(""+i).padStart(2,"0")}:${(""+r).padStart(2,"0")}`}get playButtonSize(){return"desktop"===this.format?80:"mobile-compact"===this.format?40:60}get playIconSize(){return"desktop"===this.format?32:"mobile-compact"===this.format?17:26}get volumeIcon(){return this.muted||0===this.volume?"Volumen-silent":"Volumen"}get volumeGradient(){const e=100*(this.muted?0:this.volume);return`linear-gradient(to right, #ffffff ${e}%, #32394d ${e}%)`}render(){return"audio"===this.mediaType?o("audio",{src:this.src,autoplay:this.autoplay,loop:this.loop,controls:!0,style:{width:"100%"}}):o("div",{class:{"dropi-media-player":!0,["dropi-media-player--"+this.format]:!0,"is-fullscreen":this.isFullscreen},onMouseMove:()=>this.onMouseMove(),onMouseLeave:()=>this.onMouseLeave()},o("div",{class:"dropi-media-player__blur-bg",style:{backgroundImage:`url(${this.poster})`}}),o("div",{class:"dropi-media-player__blur-overlay"}),o("video",{class:"dropi-media-player__video",ref:e=>this.mediaEl=e,src:this.src,poster:this.poster,onClick:()=>this.togglePlay(),onPlay:()=>{this.playing=!0,this.startHideControlsTimer(),this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.showControls=!0,clearTimeout(this.controlsTimeout),this.dropiPlay.emit(!1)},onEnded:()=>{this.playing=!1,this.showControls=!0,this.dropiEnded.emit()},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata()}),o("div",{class:{"dropi-media-player__center-play":!0,"dropi-media-player__center-play--hidden":this.playing&&!this.showControls},style:{width:this.playButtonSize+"px",height:this.playButtonSize+"px"},onClick:e=>{e.stopPropagation(),this.togglePlay()}},this.playing?o("svg",{width:this.playIconSize+"px",height:this.playIconSize+"px",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5",style:{color:"#ffffff"}},o("rect",{x:"6.5",y:"4",width:"3.5",height:"16",rx:"1.75"}),o("rect",{x:"14",y:"4",width:"3.5",height:"16",rx:"1.75"})):o("dropi-icon",{name:"Play",color:"Neutral-White",width:this.playIconSize+"px",height:this.playIconSize+"px"})),o("div",{class:{"dropi-media-player__controls-bar":!0,"dropi-media-player__controls-bar--hidden":!this.showControls},onClick:e=>e.stopPropagation()},o("span",{class:"dropi-media-player__timestamp"},this.currentTimeStr," / ",this.durationStr),o("div",{class:"dropi-media-player__progress",onClick:e=>{e.stopPropagation(),this.handleSeek(e)}},o("div",{class:"dropi-media-player__progress-track"},o("div",{class:"dropi-media-player__progress-fill",style:{width:this.progress+"%"}}),o("div",{class:"dropi-media-player__progress-thumb",style:{left:this.progress+"%"}}))),o("div",{class:"dropi-media-player__actions"},o("div",{class:"dropi-media-player__speed-control",onClick:e=>e.stopPropagation()},this.showSpeedMenu&&o("div",{class:"dropi-media-player__speed-menu"},this.speeds.map((e=>o("button",{type:"button",class:{"dropi-media-player__speed-option":!0,"dropi-media-player__speed-option--active":this.speed===e},onClick:i=>{i.stopPropagation(),this.selectSpeed(e)}},"x",e)))),o("button",{class:"dropi-media-player__btn dropi-media-player__btn--speed",onClick:e=>{e.stopPropagation(),this.toggleSpeedMenu()},type:"button"},"x",this.speed)),o("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleFullscreen()},type:"button"},o("dropi-icon",{name:this.isFullscreen?"Compress":"Expand",color:"Neutral-White",width:"20px",height:"20px"})),o("div",{class:"dropi-media-player__volume-control",onClick:e=>e.stopPropagation()},this.showVolumeSlider&&o("div",{class:"dropi-media-player__volume-popup"},o("input",{type:"range",class:"dropi-media-player__volume-slider",min:"0",max:"1",step:"0.01",value:this.muted?0:this.volume,style:{background:this.volumeGradient},onInput:e=>this.handleVolume(e)})),o("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleVolume()},type:"button"},o("dropi-icon",{name:this.volumeIcon,color:"Neutral-White",width:"20px",height:"20px"}))))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-media-player{position:relative;width:100%;max-width:335px;height:auto;aspect-ratio:335 / 567;background-color:var(--Neutral-Black);border-radius:var(--Border-2, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropi-media-player--mobile-vertical{max-width:335px;aspect-ratio:335 / 567}.dropi-media-player--mobile-compact{max-width:335px;aspect-ratio:335 / 337}.dropi-media-player--desktop{max-width:587px;aspect-ratio:587 / 567}.dropi-media-player__video{width:100%;height:100%;object-fit:cover}.dropi-media-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:400px;background-color:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;pointer-events:auto}.dropi-media-player__center-play--hidden{opacity:0;pointer-events:none}.dropi-media-player__controls-bar{position:absolute;bottom:0;left:0;width:100%;height:72px;padding:24px;display:flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);transition:opacity 0.3s ease;box-sizing:border-box}.dropi-media-player__controls-bar--hidden{opacity:0;pointer-events:none}.dropi-media-player__timestamp{font-family:'Inter', sans-serif;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);white-space:nowrap;flex-shrink:0}.dropi-media-player__progress{flex:1;padding:6px 0;cursor:pointer;position:relative}.dropi-media-player__progress-track{position:relative;width:100%;height:5px;border-radius:var(--Border-2, 8px);background-color:var(--Gray-Gray-700, #32394d)}.dropi-media-player__progress-fill{height:100%;background-color:var(--Neutral-White);border-radius:var(--Border-2, 8px);will-change:width}.dropi-media-player__progress-thumb{position:absolute;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;border-radius:50%;background-color:var(--Neutral-White);pointer-events:none;will-change:left}.dropi-media-player__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dropi-media-player__btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Neutral-White);transition:opacity 0.15s ease}.dropi-media-player__btn:hover{opacity:0.8}.dropi-media-player__btn--speed{font-family:'Inter', sans-serif;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);min-width:20px}.dropi-media-player__speed-control{position:relative;display:flex;align-items:center}.dropi-media-player__speed-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);padding:6px 0;min-width:44px;display:flex;flex-direction:column;z-index:20}.dropi-media-player__speed-option{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:6px 10px;font-family:'Inter', sans-serif;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--Neutral-White);cursor:pointer;text-align:center;white-space:nowrap;transition:opacity 0.15s ease}.dropi-media-player__speed-option--active{color:var(--Primary-Primary-500, #f49a3d)}.dropi-media-player__speed-option:hover{opacity:0.8}.dropi-media-player__volume-control{position:relative;display:flex;align-items:center}.dropi-media-player__volume-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:32px;height:108px;display:flex;align-items:center;justify-content:center;background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);overflow:visible;z-index:20}.dropi-media-player__volume-slider{-webkit-appearance:none;appearance:none;width:97px;height:8px;transform:rotate(-90deg);border-radius:4px;cursor:pointer;outline:none;flex-shrink:0}.dropi-media-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);cursor:pointer}.dropi-media-player__volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);border:none;cursor:pointer}.dropi-media-player__volume-slider::-webkit-slider-runnable-track{border-radius:4px}.dropi-media-player__volume-slider::-moz-range-track{height:8px;background:var(--Gray-Gray-700, #32394d);border-radius:4px}.dropi-media-player__blur-bg{display:none;position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(21px);transform:scale(1.15);z-index:0}.dropi-media-player__blur-overlay{display:none;position:absolute;inset:0;background-color:rgba(0, 0, 0, 0.7);z-index:0}.dropi-media-player.is-fullscreen,.dropi-media-player:fullscreen{max-width:none;aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}.dropi-media-player.is-fullscreen .dropi-media-player__blur-bg,.dropi-media-player:fullscreen .dropi-media-player__blur-bg,.dropi-media-player.is-fullscreen .dropi-media-player__blur-overlay,.dropi-media-player:fullscreen .dropi-media-player__blur-overlay{display:block}.dropi-media-player.is-fullscreen .dropi-media-player__video,.dropi-media-player:fullscreen .dropi-media-player__video{object-fit:contain;position:relative;z-index:1}.dropi-media-player.is-fullscreen .dropi-media-player__center-play,.dropi-media-player:fullscreen .dropi-media-player__center-play,.dropi-media-player.is-fullscreen .dropi-media-player__controls-bar,.dropi-media-player:fullscreen .dropi-media-player__controls-bar{z-index:2}"}},[513,"dropi-media-player",{src:[1],mediaType:[1,"media-type"],poster:[1],autoplay:[4],loop:[4],initialVolume:[2,"initial-volume"],format:[1],playing:[32],currentTimeStr:[32],durationStr:[32],duration:[32],volume:[32],muted:[32],showControls:[32],isFullscreen:[32],progress:[32],speed:[32],showSpeedMenu:[32],showVolumeSlider:[32]},[[4,"click","handleDocClick"]]]);function d(){"undefined"!=typeof customElements&&["dropi-media-player","dropi-icon"].forEach((i=>{switch(i){case"dropi-media-player":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||a()}}))}d();const l=s,p=d;export{l as DropiMediaPlayer,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as p}from"./p-BwhxWL4p.js";const s=o,r=p;export{s as DropiModal,r as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as a,p as r,H as e,c as i,h as t}from"./index.js";import{d as n}from"./p-D13d88W3.js";const o=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.clickLoadItem=i(this,"clickLoadItem",7),this.dropiNotificationsClick=i(this,"dropiNotificationsClick",7),this.dropiUserClick=i(this,"dropiUserClick",7),this.dropiMenuToggle=i(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return t("nav",{key:"15c337396dbe445ac7a13d7e0f2d99f88b4de439",class:"navbar"},t("div",{key:"922a217dfe53f3f34dd6746033996bcd71dadfb2",class:"navbar__left"},this.showMenuToggle&&t("button",{key:"db80ad1fd6f47807196c81ae60bf9cea8bb16e77",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},t("dropi-icon",{key:"c35615cbfd5dc807def32957062ea25b059664b5",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&t("img",{key:"ffc532e501bc7bc0a5625c865955a43c84857a58",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&t("span",{key:"7fb10d4a5e42030a7701bf0933587ecdaf5ab20b",class:"navbar__title"},this.title)),a.length>0&&t("ul",{key:"338118e694ca0a46d94fee60211302efe8bbee51",class:"navbar__items"},a.map((a=>t("li",null,t("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&t("dropi-icon",{name:a.icon,width:"16px",height:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),t("span",null,a.name?.value||a.label),null!=a.badge&&a.badge+""!="0"&&t("span",{class:"navbar__badge"},a.badge)))))),t("div",{key:"f2ac52b78963fa9165b6614a7abaa6fe822b2a89",class:"navbar__right"},t("button",{key:"4e78c3fbc69899f8b1f0206dc27372c3c0d15c31",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},t("dropi-icon",{key:"a94bbd4aa73b7be9a735b31b92d882c53616f8e6",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&t("span",{key:"c2157fca16e1c3f992562027d4dfeb348ef7ad23",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),t("button",{key:"ba2cb25cda984ba8ea180ff8edb3d3ffc955ab27",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?t("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):t("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&t("span",{key:"11b4c378a089644e63d6186fe40e31ca7b4ab924",class:"navbar__user-name"},this.userName),t("dropi-icon",{key:"c2a140081f5ad014b73d35f45476cc1ac41391b5",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"}))))}static get style(){return":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, #ffffff);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, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);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, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);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, #ffffff);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}"}},[513,"dropi-navbar",{logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],data:[1],title:[1],activeId:[1,"active-id"],userName:[1,"user-name"],userAvatar:[1,"user-avatar"],notifications:[2],showMenuToggle:[4,"show-menu-toggle"]}]);function s(){"undefined"!=typeof customElements&&["dropi-navbar","dropi-icon"].forEach((r=>{switch(r){case"dropi-navbar":customElements.get(a(r))||customElements.define(a(r),o);break;case"dropi-icon":customElements.get(a(r))||n()}}))}s();const d=o,c=s;export{d as DropiNavbar,c as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as o,c as r,h as i}from"./index.js";const s=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.codeCompleted=r(this,"codeCompleted",7),this.dropiResend=r(this,"dropiResend",7)}engine="email";labelContact="";showLabelContact=!1;errorMessage="";digits=[,,,,,,].fill("");digitStates=[,,,,,,].fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;codeCompleted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(e,t){const o=e.target.value.replace(/\D/g,"").slice(-1),r=[...this.digits??[,,,,,,].fill("")];r[t]=o,this.digits=r;const i=[...this.digitStates??[,,,,,,].fill("idle")];i[t]=o?"filled":"idle",this.digitStates=i,o&&t<5&&this.inputs[t+1]?.focus(),r.every((e=>""!==e))&&this.codeCompleted.emit(r.join(""))}handleKeyDown(e,t){"Backspace"===e.key&&!(this.digits??[])[t]&&t>0&&this.inputs[t-1]?.focus()}handlePaste(e){e.preventDefault();const t=e.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,6)||"",o=[,,,,,,].fill("");t.split("").forEach(((e,t)=>{o[t]=e})),this.digits=o,this.digitStates=o.map((e=>e?"filled":"idle")),this.inputs[Math.min(t.length,5)]?.focus(),o.every((e=>""!==e))&&this.codeCompleted.emit(o.join(""))}render(){return i("div",{key:"3cfe0d64890b2c90f500c662fe8572f9630d614b",class:"otp"},this.showLabelContact&&i("p",{key:"d791c408a5393ae82e00e758b67530d4b21381ac",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&i("strong",{key:"3d6ca9c3a00a71ba99800a94f1b95d3247d75522"}," ",this.labelContact)),i("div",{key:"22d172d48ae8748fa27aaead4c65145d848ae4f2",class:"otp__inputs",onPaste:e=>this.handlePaste(e)},Array.from({length:6},((e,t)=>i("input",{key:t,ref:e=>{e&&(this.inputs[t]=e)},class:{otp__digit:!0,"otp__digit--filled":"filled"===(this.digitStates??[])[t],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:(this.digits??[])[t]??"",onInput:e=>this.handleInput(e,t),onKeyDown:e=>this.handleKeyDown(e,t)})))),this.error&&this.errorMessage&&i("p",{key:"c6434be80f44e6f8a277bdff49503f67db5cdca7",class:"otp__error"},this.errorMessage),i("div",{key:"281e56d25ec3b01136aae2220605037d4dff4e16",class:"otp__resend"},this.canResend?i("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):i("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #ffffff)}.otp__digit:focus{border:2px solid var(--Primary-Primary-500, #f49a3d)}.otp__digit--filled{border:1px solid var(--Success-Success-500, #0abb87);color:var(--Neutral-Neutral-900, #0e111a)}.otp__digit--error{border:1px solid var(--Error-Error-500, #f46a6b)}.otp__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b);text-align:center}.otp__resend{text-align:center}.otp__countdown{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.otp__resend-btn{background:none;border:none;padding:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}"}},[513,"dropi-otp-send-code",{engine:[1],labelContact:[1,"label-contact"],showLabelContact:[4,"show-label-contact"],errorMessage:[1,"error-message"],digits:[32],digitStates:[32],countdown:[32],canResend:[32],error:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-otp-send-code"].forEach((t=>{"dropi-otp-send-code"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}a();const n=s,d=a;export{n as DropiOtpSendCode,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as r}from"./p-o5gyrbbD.js";const s=o,p=r;export{s as DropiPaginator,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as a,H as n,c as o,h as t}from"./index.js";import{d as r}from"./p-D13d88W3.js";const i=[{code:"57",name:"Colombia",flag:"CO",maxLength:10},{code:"52",name:"Mexico",flag:"MX",maxLength:10},{code:"507",name:"Panama",flag:"PA",maxLength:8},{code:"56",name:"Chile",flag:"CL",maxLength:9},{code:"593",name:"Ecuador",flag:"EC",maxLength:10},{code:"51",name:"Peru",flag:"PE",maxLength:9},{code:"34",name:"España",flag:"ES",maxLength:9},{code:"595",name:"Paraguay",flag:"PY",maxLength:9},{code:"58",name:"Venezuela",flag:"VE",maxLength:11},{code:"54",name:"Argentina",flag:"AR",maxLength:10},{code:"55",name:"Brasil",flag:"BR",maxLength:11},{code:"1",name:"United States",flag:"US",maxLength:10},{code:"502",name:"Guatemala",flag:"GT",maxLength:8},{code:"598",name:"Uruguay",flag:"UY",maxLength:9},{code:"501",name:"Belize",flag:"BZ",maxLength:7},{code:"81",name:"Japan",flag:"JP",maxLength:10},{code:"1",name:"Canada",flag:"CA",maxLength:9},{code:"1473",name:"Grenada",flag:"GD",maxLength:10},{code:"509",name:"Haiti",flag:"HT",maxLength:10},{code:"1809",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1829",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1849",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1869",name:"Saint Kitts And Nevis",flag:"KN",maxLength:10},{code:"1784",name:"Saint Vincent And The Grenadines",flag:"VC",maxLength:10},{code:"1758",name:"Saint Lucia",flag:"LC",maxLength:10},{code:"597",name:"Suriname",flag:"SR",maxLength:10},{code:"1868",name:"Trinidad and Tobago",flag:"TT",maxLength:10},{code:"505",name:"Nicaragua",flag:"NI",maxLength:8},{code:"506",name:"Costa Rica",flag:"CR",maxLength:8},{code:"591",name:"Bolivia",flag:"BO",maxLength:8},{code:"7",name:"Russia",flag:"RU",maxLength:11},{code:"20",name:"Egypt",flag:"EG",maxLength:9},{code:"27",name:"South Africa",flag:"ZA",maxLength:10},{code:"30",name:"Greece",flag:"GR",maxLength:10},{code:"31",name:"Netherlands",flag:"NL",maxLength:9},{code:"32",name:"Belgium",flag:"BE",maxLength:8},{code:"33",name:"France",flag:"FR",maxLength:9},{code:"36",name:"Hungary",flag:"HU",maxLength:9},{code:"40",name:"Romania",flag:"RO",maxLength:9},{code:"39",name:"Italy",flag:"IT",maxLength:10},{code:"41",name:"Switzerland",flag:"CH",maxLength:9},{code:"44",name:"United Kingdom",flag:"GB",maxLength:11},{code:"45",name:"Denmark",flag:"DK",maxLength:8},{code:"46",name:"Sweden",flag:"SE",maxLength:8},{code:"47",name:"Norway",flag:"NO",maxLength:8},{code:"48",name:"Poland",flag:"PL",maxLength:9},{code:"49",name:"Germany",flag:"DE",maxLength:11},{code:"53",name:"Malta",flag:"MT",maxLength:8},{code:"60",name:"Malaysia",flag:"MY",maxLength:9},{code:"61",name:"Australia",flag:"AU",maxLength:9},{code:"62",name:"Indonesia",flag:"ID",maxLength:12},{code:"63",name:"Philippines",flag:"PH",maxLength:10},{code:"64",name:"New Zealand",flag:"NZ",maxLength:12},{code:"65",name:"Singapore",flag:"SG",maxLength:8},{code:"66",name:"Thailand",flag:"TH",maxLength:9},{code:"82",name:"South Korea",flag:"KR",maxLength:9},{code:"84",name:"Vietnam",flag:"VN",maxLength:11},{code:"86",name:"China",flag:"CN",maxLength:11},{code:"90",name:"Turkey",flag:"TR",maxLength:10},{code:"91",name:"India",flag:"IN",maxLength:10},{code:"92",name:"Pakistan",flag:"PK",maxLength:9},{code:"93",name:"Afghanistan",flag:"AF",maxLength:10},{code:"94",name:"Sri Lanka",flag:"LK",maxLength:9},{code:"95",name:"Myanmar",flag:"MM",maxLength:9},{code:"98",name:"Iran",flag:"IR",maxLength:10},{code:"211",name:"South Sudan",flag:"SS",maxLength:10},{code:"212",name:"Morocco",flag:"MA",maxLength:9},{code:"213",name:"Algeria",flag:"DZ",maxLength:9},{code:"216",name:"Tunisia",flag:"TN",maxLength:8},{code:"218",name:"Libya",flag:"LY",maxLength:9},{code:"220",name:"Gambia",flag:"GM",maxLength:8},{code:"221",name:"Senegal",flag:"SN",maxLength:9},{code:"222",name:"Mauritania",flag:"MR",maxLength:9},{code:"223",name:"Mali",flag:"ML",maxLength:8},{code:"224",name:"Guinea",flag:"GN",maxLength:9},{code:"225",name:"Ivory Coast",flag:"CI",maxLength:10},{code:"226",name:"Burkina Faso",flag:"BF",maxLength:10},{code:"227",name:"Niger",flag:"NE",maxLength:8},{code:"228",name:"Togo",flag:"TG",maxLength:8},{code:"229",name:"Benin",flag:"BJ",maxLength:8},{code:"230",name:"Mauritius",flag:"MU",maxLength:10},{code:"231",name:"Liberia",flag:"LR",maxLength:8},{code:"232",name:"Sierra Leone",flag:"SL",maxLength:11},{code:"233",name:"Ghana",flag:"GH",maxLength:9},{code:"234",name:"Nigeria",flag:"NG",maxLength:11},{code:"235",name:"Chad",flag:"TD",maxLength:8},{code:"236",name:"Central African Republic",flag:"CF",maxLength:21},{code:"237",name:"Cameroon",flag:"CM",maxLength:10},{code:"238",name:"Cape Verde",flag:"CV",maxLength:9},{code:"239",name:"São Tomé and Príncipe",flag:"ST",maxLength:14},{code:"240",name:"Equatorial Guinea",flag:"GQ",maxLength:17},{code:"241",name:"Gabon",flag:"GA",maxLength:9}],d=a(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ngModelChangeCod=o(this,"ngModelChangeCod",7),this.ngModelChangePhone=o(this,"ngModelChangePhone",7),this.verifiedField=o(this,"verifiedField",7),this.onChangeSelect=o(this,"onChangeSelect",7)}get el(){return this}codArea="57";ngModelPhone="";phoneNumberPlaceholder=null;disabledInput=!1;isValidPhone=void 0;validateOnInit=!0;selectedOption=null;selectProperties=null;open=!1;ngModelChangeCod;ngModelChangePhone;verifiedField;onChangeSelect;codAreaChanged(){this.ngModelPhone=""}selectedOptionChanged(e){e&&(this.codArea=((e.dialCode??e.code??this.codArea)+"").replace("+",""))}componentWillLoad(){this.selectedOption&&this.selectedOptionChanged(this.selectedOption)}get selectedCountry(){const e=(this.codArea??"57").replace("+","");return i.find((a=>a.code===e))??i[0]}selectCountry(e){this.codArea=e.code,this.open=!1,this.ngModelChangeCod.emit(e.code),this.onChangeSelect.emit(e)}handleInput(e){const a=e.target.value.replace(/\D/g,"");this.ngModelPhone=a.slice(0,this.selectedCountry.maxLength),e.target.value=this.ngModelPhone,this.ngModelChangePhone.emit(this.ngModelPhone)}handleWindowClick(e){e.composedPath().includes(this.el)||(this.open=!1)}render(){const e=this.selectedCountry,a=!1===this.isValidPhone;return t("div",{key:"e4a9468971ff90e3e1c2cf6944a8475451843428",class:"phone-wrap"},t("div",{key:"dabdccaf0453e98afb3db78ee6b6f83a66615baa",class:"phone-input-container"},t("div",{key:"6481136b782da271fe47c19cfd359398bf632f35",class:"custom-select"},t("button",{key:"d314c0e2c74724eff20eae8f34241caf1fc2448c",type:"button",class:{"select-button":!0,"select-invalid":a},disabled:this.disabledInput,onClick:()=>{this.disabledInput||(this.open=!this.open)}},t("span",{key:"c8b2aa7801a5c633c70010e7eeb2d5d9f3fb6b37",style:{display:"flex",gap:"0.5rem",alignItems:"center"}},t("img",{key:"c2a6583a02b029cee578b9c931f185f7d4102e3f",src:`https://flagsapi.com/${e.flag}/flat/24.png`,alt:"flag"}),e.code),t("dropi-icon",{key:"0ace7b7188e846793d66373ea3d2c2d8ae881c24",name:this.open?"Dropdown-up":"Dropdown-down",width:"14px",height:"14px",color:"Gray-Gray-500"})),t("ul",{key:"832b37902ce54aac152e956d671fb6f899781029",class:{"select-dropdown":!0,"expanded-select":this.open,"collapsed-select":!this.open}},i.map((e=>t("li",null,t("button",{type:"button",class:"option",onMouseDown:a=>{a.preventDefault(),this.selectCountry(e)}},t("img",{src:`https://flagsapi.com/${e.flag}/flat/24.png`,alt:e.flag}),e.code)))))),t("input",{key:"eaf32641b019e1ffd3fe5a1d7a3c4597e1cd0cb5",id:"phone-input",type:"tel",inputmode:"numeric",class:{"form-control":!0,"is-invalid":a},placeholder:this.phoneNumberPlaceholder,value:this.ngModelPhone,disabled:this.disabledInput,maxLength:e.maxLength,onInput:e=>this.handleInput(e)})))}static get watchers(){return{codArea:[{codAreaChanged:0}],selectedOption:[{selectedOptionChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type='number']{-moz-appearance:textfield;appearance:textfield}.phone-wrap{width:100%}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-input-container{display:flex;align-items:center;gap:8px}.custom-select{position:relative;width:50%}.form-control{flex:1;width:100%;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:5px;font-size:14px;font-family:inherit;transition:border-color 0.3s ease-in-out;height:40px;padding:0 12px;outline:none;color:var(--Gray-Gray-700, #32394d);background-color:var(--Neutral-White, #ffffff)}.form-control::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1);outline:none}.form-control:disabled{border:1px solid var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);outline:none}.form-control.is-invalid{background:#fffbfb;border-color:var(--Error-Error-500, #f46a6b) !important}.select-button{width:100%;height:40px;padding:0.47rem 0.75rem;padding-right:7px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);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}.select-button img{width:20px;height:20px}.select-button:focus{border-color:var(--Info-Info-500, #50a5f1) !important;outline:none}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066);background:var(--Neutral-White, #ffffff)}.select-button.select-invalid{border-color:var(--Error-Error-500, #f46a6b) !important}.select-dropdown{position:absolute;width:100%;overflow:hidden;list-style:none;padding:0;margin:4px 0 0 0;border:1px solid transparent;border-radius:var(--Border-2, 8px);overflow-y:scroll;z-index:100}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--Gray-Gray-300, #d1d6e1);border-radius:4px}.expanded-select{max-height:250px;background:var(--Neutral-White, #ffffff);box-shadow:var(--Shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.08));border:1px solid var(--Gray-Gray-200, #c3c9d9);transition:max-height 0.2s ease-in}.collapsed-select{max-height:0;background:transparent;box-shadow:none;border:1px solid transparent;transition:max-height 0.2s ease-out, background 0.6s ease-out, box-shadow 0.6s ease-out}.select-dropdown li{margin:0;padding:0}.option{width:100%;height:45px;border-radius:var(--Border-2, 8px);padding-top:var(--Size-3, 12px);padding-right:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);padding-left:var(--Size-4, 16px);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}.option img{width:20px;height:20px}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled{color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}"}},[513,"dropi-phone-input",{codArea:[1025,"cod-area"],ngModelPhone:[1025,"ng-model-phone"],phoneNumberPlaceholder:[1,"phone-number-placeholder"],disabledInput:[4,"disabled-input"],isValidPhone:[4,"is-valid-phone"],validateOnInit:[4,"validate-on-init"],selectedOption:[1032,"selected-option"],selectProperties:[8,"select-properties"],open:[32]},[[8,"click","handleWindowClick"]],{codArea:[{codAreaChanged:0}],selectedOption:[{selectedOptionChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-phone-input","dropi-icon"].forEach((a=>{switch(a){case"dropi-phone-input":customElements.get(e(a))||customElements.define(e(a),d);break;case"dropi-icon":customElements.get(e(a))||r()}}))}l();const c=d,g=l;export{c as DropiPhoneInput,g as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as r,H as t,c as i,h as o}from"./index.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=i(this,"onChange",7)}label="";name="name";id="radioButton";checked=!1;resetTrigger=!1;onChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.onChange.emit(e)}render(){return o("div",{key:"86430f601f7ddb6144682c0356938886217eb2ae",class:"dropi-radio-button"},o("label",{key:"653fa8d5c33fc64ab44174e6d0fe35c6fd992be7",htmlFor:this.id},o("input",{key:"d99eae69867b0a09b6585a18dfaa52da353c5bd2",id:this.id,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}]}}static get style(){return":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}"}},[577,"dropi-radio-button",{label:[1],name:[1],id:[1],checked:[1540],resetTrigger:[4,"reset-trigger"]},void 0,{resetTrigger:[{onResetTrigger:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-radio-button"].forEach((r=>{"dropi-radio-button"===r&&(customElements.get(e(r))||customElements.define(e(r),a))}))}n();const s=a,d=n;export{s as DropiRadioButton,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as r,p as e,H as s,c as i,h as a}from"./index.js";import{d as t}from"./p-D13d88W3.js";const o=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.onSearch=i(this,"onSearch",7)}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Search";alwaysShowDescription=!0;typeLayout="default";searchDelay=100;filterText="";parsedOptions=[];valueChange;onSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return a("div",{key:"7fdbf3d20a030a78ab4f48e7dba8333a34b1017b",class:"rsl"},this.showFilter&&a("div",{key:"12e2abb8f8ed76c6b3231f28b63c842ba3c3c326",class:"rsl__search"},a("dropi-icon",{key:"4f6a63480a811ed22d67485274b7edf3bf9765f4",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),a("input",{key:"c1f1c5942d422fceaa967640b7795a981896d68d",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.onSearch.emit({searchValue:this.filterText,filteredOptions:this.filtered})}})),a("div",{key:"425b4048cbf4fa4a22c13d932f296cb594ffe993",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return a("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.valueChange.emit(r.id)}},a("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&a("div",{class:"rsl__radio-dot"})),a("div",{class:"rsl__content"},a("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&a("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);line-height:1.4;color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-radio-selection-list",{options:[1],selectedOption:[1032,"selected-option"],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],alwaysShowDescription:[4,"always-show-description"],typeLayout:[1,"type-layout"],searchDelay:[2,"search-delay"],filterText:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-radio-selection-list","dropi-icon"].forEach((e=>{switch(e){case"dropi-radio-selection-list":customElements.get(r(e))||customElements.define(r(e),o);break;case"dropi-icon":customElements.get(r(e))||t()}}))}l();const d=o,n=l;export{d as DropiRadioSelectionList,n as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as r}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text="";maxWords=20;showSeeLess=!0;textStyle="";buttonStyle="";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(){return r("div",{key:"125c5f1d75c1e06f02d9898f375626bb75a67cd8",class:"read-more"},r("p",{key:"4a4450a3468e7fe7297fdae98d370f8cd77b8553",class:"read-more__text",style:this.textStyle?this.textStyle:void 0},this.displayText,this.needsTruncation&&(!this.expanded||this.showSeeLess)&&r("button",{key:"cfe58b2781b908d9a0a802b4bd68cedf8dea827e",class:"read-more__toggle",style:this.buttonStyle?this.buttonStyle:void 0,onClick:()=>this.expanded=!this.expanded},this.expanded?" Ver menos":"... Ver más")))}static get style(){return":host{display:block}.read-more__text{margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);line-height:1.5}.read-more__toggle{all:unset;display:inline;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600);cursor:pointer}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}"}},[513,"dropi-read-more",{text:[1],maxWords:[2,"max-words"],showSeeLess:[4,"show-see-less"],textStyle:[1,"text-style"],buttonStyle:[1,"button-style"],expanded:[32]}]);function i(){"undefined"!=typeof customElements&&["dropi-read-more"].forEach((t=>{"dropi-read-more"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}i();const a=o,n=i;export{a as DropiReadMore,n as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as a,h as i}from"./index.js";import{d as o}from"./p-B9R8Apw7.js";import{d as r}from"./p-D13d88W3.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onInput=a(this,"onInput",7),this.onBlur=a(this,"onBlur",7),this.onKeyEnter=a(this,"onKeyEnter",7),this.onChange=a(this,"onChange",7),this.onClear=a(this,"onClear",7),this.modelChange=a(this,"modelChange",7)}type="default";placeholder="Search...";textInput="";typeInput="text";maxLength;showIcon=!0;showClear=!0;dataToSearch=[];dataName="name";position="down";multipleSelectModel=!0;heightOverlay=230;label="";model=[];open=!1;selected=[];parsedOptions=[];onInput;onBlur;onKeyEnter;onChange;onClear;modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.dataToSearch)}get filtered(){if(!this.textInput)return this.parsedOptions;const e=this.textInput.toLowerCase();return this.parsedOptions.filter((t=>((t[this.dataName]??"")+"").toLowerCase().includes(e)))}handleInput(e){this.textInput=e.target.value,this.open=this.parsedOptions.length>0,this.onInput.emit(this.textInput),this.onChange.emit(this.textInput)}handleKeyDown(e){"Enter"===e.key&&this.onKeyEnter.emit(this.textInput),"Escape"===e.key&&(this.open=!1)}handleClear(){this.textInput="",this.open=!1,this.onClear.emit(),this.onInput.emit("")}isSelected(e){return this.selected.some((t=>t[this.dataName]===e[this.dataName]))}selectOption(e){this.multipleSelectModel?this.selected=this.isSelected(e)?this.selected.filter((t=>t[this.dataName]!==e[this.dataName])):[...this.selected,e]:(this.textInput=e[this.dataName]??"",this.selected=[e],this.open=!1),this.modelChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return i("div",{key:"ec00c8851a1d2d4ddda50edea458589a62d9451a",class:"search-wrap"},this.label&&i("label",{key:"31cadba1b21276ec43f3623676fe1a7f9bac4da2",class:"search-label"},this.label),i("div",{key:"bf68dbb7cfa657e8a7e441a2fe47db0e7d214e44",class:"search-input-row search-input-row--"+this.type},this.showIcon&&i("dropi-icon",{key:"c1c442a8fed018f774d6addc9dcaf3d1e89d6121",class:"search-icon",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("input",{key:"d22791b1864320c54060827cc601bbc242d6c37d",class:"search-input",type:this.typeInput,placeholder:this.placeholder,value:this.textInput,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.onBlur.emit()}}),this.showClear&&this.textInput&&i("button",{key:"55e8653e330b06d488c6d65f6a8ffe6465a24289",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},i("dropi-icon",{key:"0c154c2a95119caefe84bd9cfc40860d4b722137",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"}))),e&&i("div",{key:"a4b4691ff29a427755f19c4bc4932f2634736701",class:"search-dropdown search-dropdown--"+this.position,style:{"--dropdown-height":this.heightOverlay+"px"}},0===this.filtered.length?i("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,t)=>i("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:t,onMouseDown:t=>{t.preventDefault(),this.selectOption(e)}},this.multipleSelectModel&&i("dropi-checkbox",{checked:this.isSelected(e)}),i("span",{class:"search-option__label"},e[this.dataName]))))))}static get watchers(){return{dataToSearch:[{optionsChanged:0}]}}static get style(){return":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, #ffffff);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, #ffffff);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}"}},[513,"dropi-search",{type:[1],placeholder:[1],textInput:[1025,"text-input"],typeInput:[1,"type-input"],maxLength:[2,"max-length"],showIcon:[4,"show-icon"],showClear:[4,"show-clear"],dataToSearch:[1,"data-to-search"],dataName:[1,"data-name"],position:[1],multipleSelectModel:[4,"multiple-select-model"],heightOverlay:[2,"height-overlay"],label:[1],model:[1025],open:[32],selected:[32],parsedOptions:[32]},void 0,{dataToSearch:[{optionsChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["dropi-search","dropi-checkbox","dropi-icon"].forEach((t=>{switch(t){case"dropi-search":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-checkbox":customElements.get(e(t))||o();break;case"dropi-icon":customElements.get(e(t))||r()}}))}h();const c=n,d=h;export{c as DropiSearch,d as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,c as r,h as s}from"./index.js";import{d as o}from"./p-D13d88W3.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChangeSelect=r(this,"onChangeSelect",7),this.onClear=r(this,"onClear",7),this.onSearch=r(this,"onSearch",7),this.scrolledToEnd=r(this,"scrolledToEnd",7),this.onKeyEnter=r(this,"onKeyEnter",7),this.internals=this.attachInternals()}get el(){return this}internals;buttonRef;scrollDebounce;hasEmittedScrollEnd=!1;lastScrollTop=0;label="";placeholder="Select";options=[];name="";disabled=!1;hasError=!1;errorText="";textHelper="";showObligatory=!1;searchEnabled=!1;multiSelect=!1;dropdownType=!1;showCountryFlags=!1;radioOptions=!1;placeHolderSearch="Buscar";preIcon="";defaultSelectedId;selectedOption=null;overlayClass="";selectProperties=null;isOpen=!1;_selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};onChangeSelect;onClear;onSearch;scrolledToEnd;onKeyEnter;componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.options&&(this.options=e.options),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.searchEnabled&&(this.searchEnabled=e.searchEnabled),void 0!==e.multiSelect&&(this.multiSelect=e.multiSelect),void 0!==e.dropdownType&&(this.dropdownType=e.dropdownType),void 0!==e.hasError&&(this.hasError=e.hasError),void 0!==e.errorText&&(this.errorText=e.errorText),void 0!==e.radioOptions&&(this.radioOptions=e.radioOptions),void 0!==e.preIcon&&(this.preIcon=e.preIcon))}optionsChanged(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}normalizeOptions(){if(this.options){if("string"==typeof this.options)try{this.options=JSON.parse(this.options)}catch(e){this.options=[]}}else this.options=[]}defaultChanged(e){this.applyDefaultSelection(e)}valueChanged(e){this._selectedOption=e,this.internals.setFormValue(e?e.id+"":"")}async setById(e){const t=this.options.find((t=>t.id===e||t.id+""==e+""));t&&this.selectOption(t)}async setByLabel(e){const t=this.options.find((t=>t.label===e));t&&this.selectOption(t)}async clearSelection(){this._selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.onClear.emit()}async resetMultiSelect(e){this.multiSelected=[],this.internals.setFormValue("")}handleOutsideClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&this.closeDropdown()}applyDefaultSelection(e){const t=e??this.defaultSelectedId;if(""===t||null==t)return;const i=this.flatOptions().find((e=>e.id===t||e.id+""==t+""));i&&(this._selectedOption=i,this.internals.setFormValue(i.id+""))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((e=>e.options)):this.options:[]}get isGrouped(){return this.options?.length>0&&"category"in this.options[0]}get triggerLabel(){return this.multiSelect?this.multiSelected.length?this.multiSelected.map((e=>e.label)).join(", "):this.placeholder:this._selectedOption?this.showCountryFlags&&this._selectedOption.shortLabel?this._selectedOption.shortLabel:this._selectedOption.label:this.placeholder}openDropdown(){if(this.disabled)return;const e=this.buttonRef.getBoundingClientRect(),t=window.innerHeight;this.dropdownStyle={top:(t-e.bottom>=250?e.bottom+4:e.top-250-4)+"px",left:e.left+"px",width:e.width+"px"},this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const e=this.el.shadowRoot?.querySelector(".search-input");e?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(e){if(!e.disabled)if(this.multiSelect){const t=this.multiSelected.findIndex((t=>t.id===e.id));this.multiSelected=t>=0?this.multiSelected.filter((t=>t.id!==e.id)):[...this.multiSelected,e],this.internals.setFormValue(this.multiSelected.map((e=>e.id)).join(",")),this.onChangeSelect.emit([...this.multiSelected])}else this._selectedOption=e,this.internals.setFormValue(e.id+""),this.onChangeSelect.emit(e),this.closeDropdown()}isOptionChecked(e){return this.multiSelected.some((t=>t.id===e.id))}handleSearch(e){this.searchTerm=e,this.onSearch.emit(e);const t=e.toLowerCase().trim();this.filteredOptions=t?this.isGrouped?this.options.map((e=>({...e,options:e.options.filter((e=>e.label.toLowerCase().includes(t)))}))).filter((e=>e.options.length>0)):this.options.filter((e=>e.label.toLowerCase().includes(t))):[...this.options]}handleScroll(e){const t=e.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!t)return;const e=t.scrollHeight-t.scrollTop-t.clientHeight,i=Math.min(50,t.clientHeight/2);t.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=t.scrollTop,e<=i&&!this.hasEmittedScrollEnd&&(this.scrolledToEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const e=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",t=this.dropdownType?"24px":"20px";return s("button",{type:"button",class:{"select-button":!0,"select-completed":this.multiSelect?this.multiSelected.length>0:!!this._selectedOption,"select-button-error":this.hasError,"no-border":this.dropdownType},disabled:this.disabled,ref:e=>this.buttonRef=e,onClick:()=>this.toggleDropdown()},s("div",{class:{"button-content":!0,"option-radio":this.radioOptions&&!!this._selectedOption&&!this.multiSelect}},this.preIcon&&s("dropi-icon",{name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&this._selectedOption&&!this.multiSelect&&[this._selectedOption.imageUrl&&!this._selectedOption.isFallback?s("img",{class:"option-image small-image",src:this._selectedOption.imageUrl,alt:"",onError:()=>{this._selectedOption&&(this._selectedOption={...this._selectedOption,isFallback:!0})}}):this._selectedOption.isFallback?s("span",{class:"option-image-fallback small-image"},this._selectedOption.label.charAt(0).toUpperCase()):null,s("div",{class:"labels-container elipsis"},s("span",null,this._selectedOption.label),this._selectedOption.secondLabel&&s("span",{class:"option-second-label"},this._selectedOption.secondLabel))],!(this.radioOptions&&this._selectedOption&&!this.multiSelect)&&s("div",{class:"elipsis"},this.triggerLabel)),s("dropi-icon",{name:this.isOpen?"Dropdown-up":"Dropdown-down",width:t,height:t,color:e}))}renderOption(e){const t=this.multiSelect?this.isOptionChecked(e):this._selectedOption?.id===e.id;return s("li",{key:e.id},s("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!e.countryCode,"disabled-option":!!e.disabled,"selected-option":t},disabled:e.disabled,onClick:()=>this.selectOption(e)},this.multiSelect&&s("span",{class:{"multi-checkbox":!0,checked:t}},t&&s("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none"},s("path",{d:"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z",fill:"white"}))),this.radioOptions&&s("div",{class:{radio:!0,selected:t}},t&&s("div",{class:"circle"})),!this.radioOptions&&e.preIcon&&s("dropi-icon",{name:e.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&e.imageUrl&&!e.isFallback&&s("img",{class:"option-image",src:e.imageUrl,alt:"",onError:()=>{e.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&e.isFallback&&s("span",{class:"option-image-fallback"},e.label.charAt(0).toUpperCase()),this.showCountryFlags&&e.countryCode&&s("span",{class:"flag-placeholder"},e.countryCode),this.radioOptions?s("div",{class:"labels-container"},s("span",{class:"elipsis"},e.label),e.secondLabel&&s("span",{class:"option-second-label"},e.secondLabel)):s("span",{class:"elipsis"},this.showCountryFlags&&e.shortLabel?e.shortLabel:e.label)))}renderDropdown(){return this.isOpen?s("ul",{class:"select-dropdown-overlay "+this.overlayClass,style:this.dropdownStyle,onScroll:e=>this.handleScroll(e)},this.searchEnabled&&s("li",{class:"sticky-search"},s("div",{class:"search-wrapper"},s("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),s("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:e=>this.handleSearch(e.target.value),onKeyDown:e=>{"Enter"===e.key&&this.onKeyEnter.emit(e)}}),this.searchTerm&&s("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},s("dropi-icon",{name:"Close",width:"14px",height:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((e=>[s("li",{class:"option-group-title"},e.category),...e.options.map((e=>s("li",{key:e.id},s("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!e.disabled},disabled:e.disabled,onClick:()=>this.selectOption(e)},e.preIcon&&s("dropi-icon",{name:e.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),s("span",{class:"elipsis"},e.label)))))])),!this.isGrouped&&this.filteredOptions.map((e=>this.renderOption(e))),0===this.filteredOptions.length&&s("li",{class:"no-results"},"Sin resultados")):null}render(){return s("div",{key:"932cad965441a784f51d6b82ffc5a100cf438fb6",class:"custom-select"},!this.dropdownType&&this.label&&s("label",{key:"1c46242dcbd7862b32a36e2132bc4689b3c95aab",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&s("span",{key:"79e2df6ae0a55c4e51ff7354486903d58bdb7d36",class:"asterisk"}," *")),s("div",{key:"d4a48dcc513b5ae7171598709b0d00c3ffd7f42b",class:"dropdown-container"},this.dropdownType&&this.label&&s("div",{key:"f9d8b6f87dcc8438c00ec04edabe10ebb2cceb79",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&s("div",{key:"e8cc2e4ccb3a5919fe30411003153bfe6434b0d0",class:"select-helper"},s("span",{key:"2fe857a4efac70882ec58835534bb22739c4fb26"},this.textHelper)),this.hasError&&this.errorText&&s("div",{key:"e357992bf4a391052fe3a8444b24777292f71bf0",class:"select-helper-error"},s("dropi-icon",{key:"9a32ef1f5ae2ccf18996bdc451e5de4e2c923a0a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),s("span",{key:"919259f76022b34162f680234a3c1cf93492666b"},this.errorText)),this.renderDropdown())}static get formAssociated(){return!0}static get watchers(){return{selectProperties:[{selectPropertiesChanged:0}],options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],selectedOption:[{valueChanged:0}]}}static get style(){return":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}.custom-select label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.disabled-label{color:var(--Gray-Gray-400, #858ea6) !important}.asterisk{color:var(--Error-Error-500, #f46a6b)}.dropdown-container{display:flex;align-items:center;gap:4px}.left-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-m, 14px);white-space:nowrap}.select-button{box-sizing:border-box;width:100%;height:40px;padding:0 0.75rem;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);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.2s ease;gap:8px}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button-error{border-color:var(--Error-Error-500, #f46a6b) !important}.no-border{border:none !important;color:var(--Gray-Gray-600, #475066);padding:var(--Size-4, 16px);background-color:transparent !important;gap:var(--Size-2, 8px)}.no-border:disabled{background-color:transparent !important}.button-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.elipsis{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown-overlay{position:fixed;max-height:250px;overflow-y:auto;list-style:none;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);margin:0;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:9999;animation:dropdown-open 120ms ease-out}@keyframes dropdown-open{from{opacity:0;transform:scaleY(0.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.option{box-sizing:border-box;width:100%;min-height:40px;border-radius:var(--Border-2, 8px);padding:var(--Size-3, 12px) var(--Size-4, 16px);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:var(--Size-2, 8px);transition:background 0.15s ease}.option:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled,.disabled-option{opacity:0.5;cursor:not-allowed}.option.selected-option:not(.option-radio){background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-group-title{padding:var(--Size-3, 12px) var(--Size-4, 16px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Gray-Gray-500, #69738c);list-style:none}.option-group{padding-left:var(--Size-6, 32px)}.sticky-search{position:sticky;top:calc(-1 * var(--Size-4, 16px));background:var(--Neutral-White, #ffffff);z-index:10;margin:calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;padding:var(--Size-2, 8px) var(--Size-4, 16px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);list-style:none}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);padding:6px 10px;background:var(--Neutral-White, #ffffff)}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.multi-checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--Border-1, 4px);border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s, border-color 0.15s}.multi-checkbox.checked{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d)}.option-radio{display:flex;align-items:center;gap:12px}.option-radio.selected-option{border-radius:var(--Border-2, 8px);background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-radio.selected-option .option-second-label{color:var(--Primary-Primary-500, #f49a3d)}.radio{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio.selected{border-color:var(--Primary-Primary-500, #f49a3d)}.circle{width:12px;height:12px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.labels-container{display:flex;justify-content:space-between;width:100%;min-width:0}.option-image{width:24px;height:24px;border-radius:60px;object-fit:cover;flex-shrink:0}.small-image{width:20px;height:20px}.option-image-fallback{width:24px;height:24px;border-radius:60px;background:var(--Primary-Primary-500, #f49a3d);color:white;font-size:13px;font-weight:var(--font-weight-bold);display:flex;justify-content:center;align-items:center;flex-shrink:0}.small-image.option-image-fallback{width:20px;height:20px}.option-second-label{color:var(--Gray-Gray-700, #32394d);font-weight:var(--font-weight-bold);white-space:nowrap}.flag-placeholder{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-500, #69738c);flex-shrink:0}.select-helper,.select-helper-error{display:flex;gap:var(--Size-1, 4px);align-items:center;margin-top:var(--Size-1, 4px)}.select-helper span{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.select-helper-error span{color:var(--Error-Error-500, #f46a6b);font-size:var(--font-size-xs, 10px)}.no-results{padding:var(--Size-3, 12px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px);list-style:none;text-align:center}"}},[577,"dropi-select",{label:[1025],placeholder:[1025],options:[1040],name:[1],disabled:[516],hasError:[1028,"has-error"],errorText:[1025,"error-text"],textHelper:[1025,"text-helper"],showObligatory:[1028,"show-obligatory"],searchEnabled:[1028,"search-enabled"],multiSelect:[1028,"multi-select"],dropdownType:[1028,"dropdown-type"],showCountryFlags:[4,"show-country-flags"],radioOptions:[1028,"radio-options"],placeHolderSearch:[1,"place-holder-search"],preIcon:[1025,"pre-icon"],defaultSelectedId:[1032,"default-selected-id"],selectedOption:[1040],overlayClass:[1,"overlay-class"],selectProperties:[8,"select-properties"],isOpen:[32],_selectedOption:[32],multiSelected:[32],filteredOptions:[32],searchTerm:[32],dropdownStyle:[32],setById:[64],setByLabel:[64],clearSelection:[64],resetMultiSelect:[64]},[[4,"click","handleOutsideClick"]],{selectProperties:[{selectPropertiesChanged:0}],options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],selectedOption:[{valueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-select","dropi-icon"].forEach((t=>{switch(t){case"dropi-select":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||o()}}))}n();const l=a,c=n;export{l as DropiSelect,c as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as i,H as r,c as a,h as t}from"./index.js";import{d as s}from"./p-D13d88W3.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onIndexChanged=a(this,"onIndexChanged",7)}sideBarProperties=[];onIndexChanged;parsedProperties=[];watchPropHandler(e){this.parsedProperties="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(e){const i=this.parsedProperties.findIndex((i=>i.id===e));if(-1!==i){const e=[...this.parsedProperties];e[i]={...e[i],expandedMenu:!e[i].expandedMenu},this.parsedProperties=e}}onItemClick(e){this.onIndexChanged.emit(e),e.subItems&&e.subItems.length>0&&this.setExpandedPropertie(e.id)}onSubItemClick(e){this.onIndexChanged.emit(e)}render(){return t("div",{key:"9f79e6370ff61c6278a8238b0dc92881832f9b8f",class:"main-sidebar-container"},this.parsedProperties.map((e=>[t("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!e.active,"sidebar-default-option":!e.active},onClick:()=>this.onItemClick(e)},t("dropi-icon",{name:e.icon||"Cube",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"}),t("span",null,e.text),e.subItems&&e.subItems.length>0&&t("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!e.expandedMenu},name:"Dropdown-down",width:"20px",height:"20px",color:e.active?"Primary-Primary-500":"Gray-Gray-500"})),e.subItems&&e.subItems.length>0&&e.subItems.map((i=>t("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!e.expandedMenu,"sidebar-sub-item-default":!i.active,"sidebar-sub-item-active":!!i.active},onClick:e=>{e.stopPropagation(),this.onSubItemClick(i)}},i.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}static get style(){return":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}"}},[513,"dropi-sidebar",{sideBarProperties:[1025,"side-bar-properties"],parsedProperties:[32]},void 0,{sideBarProperties:[{watchPropHandler:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-sidebar","dropi-icon"].forEach((i=>{switch(i){case"dropi-sidebar":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}n();const d=o,p=n;export{d as DropiSidebar,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as r,H as t,h as s}from"./index.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;typeStep="point";currentStep=0;labelStepper=[];flowMode="Simultaneous";white_brand="dropi";get parsedLabels(){if("string"==typeof this.labelStepper)try{return JSON.parse(this.labelStepper)}catch{return[]}return this.labelStepper||[]}render(){const e=this.parsedLabels,r=Array.from({length:this.stepsCount},((e,r)=>r+1));return s("div",{key:"f67f6e9404bf67700c46b987923836d5251ae1c4",class:"stepper"},r.map(((t,p)=>{const i=t<this.currentStep,a=t===this.currentStep,n=p===r.length-1,o=e[p];return s("div",{class:"stepper__item",key:t},s("div",{class:"stepper__circle-row"},s("div",{class:{stepper__circle:!0,"stepper__circle--active":a,"stepper__circle--completed":i,"stepper__circle--pending":!a&&!i}},"point"===this.typeStep?s("span",{class:"stepper__dot"}):s("span",{class:"stepper__number"},t)),!n&&s("div",{class:{stepper__line:!0,"stepper__line--done":i}})),o&&s("span",{class:"stepper__label"},o))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__item{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-row{display:flex;align-items:center;width:100%}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.stepper__circle--active{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__dot{width:8px;height:8px;border-radius:50%;background:var(--Neutral-White, #ffffff);display:block}.stepper__circle--pending .stepper__dot{background:var(--Gray-Gray-400, #858ea6)}.stepper__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Neutral-White, #ffffff)}.stepper__circle--pending .stepper__number{color:var(--Gray-Gray-500, #69738c)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{margin-top:6px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);text-align:center}"}},[513,"dropi-simple-stepper",{stepsCount:[2,"steps-count"],typeStep:[1,"type-step"],currentStep:[2,"current-step"],labelStepper:[1,"label-stepper"],flowMode:[1,"flow-mode"],white_brand:[1]}]);function i(){"undefined"!=typeof customElements&&["dropi-simple-stepper"].forEach((r=>{"dropi-simple-stepper"===r&&(customElements.get(e(r))||customElements.define(e(r),p))}))}i();const a=p,n=i;export{a as DropiSimpleStepper,n as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as i}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}variant="text";width="";height="";radius="8px";lines=1;baseColor="#f6f7f8";getBackground(){const e=(this.baseColor??"#f6f7f8").startsWith("#")?this.baseColor??"#f6f7f8":`var(--${this.baseColor})`;return`linear-gradient(to right, ${e} 8%, #e3e7efe7 28%, ${e} 77%)`}getRadius(){return this.radius?this.radius:"circle"===this.variant?"50%":"text"===this.variant?"4px":"var(--Border-1, 4px)"}render(){return"text"===this.variant&&this.lines>1?i("div",{class:"skeleton-lines"},Array.from({length:this.lines}).map(((e,t)=>i("div",{class:"skeleton",style:{width:t===this.lines-1?"70%":this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})))):i("div",{class:"skeleton",style:{width:this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient( 90deg, var(--Gray-Gray-100, #e6eaf2) 25%, var(--Gray-Gray-50, #f7f8fa) 50%, var(--Gray-Gray-100, #e6eaf2) 75% );background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[513,"dropi-skeleton",{variant:[1],width:[1],height:[1],radius:[1],lines:[2],baseColor:[1,"base-color"]}]);function o(){"undefined"!=typeof customElements&&["dropi-skeleton"].forEach((t=>{"dropi-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const n=r,a=o;export{n as DropiSkeleton,a as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as r,H as t,h as s}from"./index.js";import{d as i}from"./p-D13d88W3.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels||[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,r=Array.from({length:this.stepsCount},((e,r)=>r+1));return s("div",{key:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},r.map((r=>{const t=this.stepState(r),i=e[r-1],p=r===this.stepsCount;return s("div",{class:"stepper__step",key:r},s("div",{class:"stepper__circle-wrap"},s("div",{class:{stepper__circle:!0,["stepper__circle--"+t]:!0}},"completed"===t?s("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):this.showNumberOfStep?s("span",null,r):null),!p&&s("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===t}})),i&&s("div",{class:"stepper__label"},i.title&&s("span",{class:"stepper__title"},i.title),i.description&&s("span",{class:"stepper__desc"},i.description)))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}"}},[513,"dropi-steps",{stepsCount:[2,"steps-count"],showNumberOfStep:[4,"show-number-of-step"],currentStep:[2,"current-step"],stepLabels:[1,"step-labels"],state:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-steps","dropi-icon"].forEach((r=>{switch(r){case"dropi-steps":customElements.get(e(r))||customElements.define(e(r),p);break;case"dropi-icon":customElements.get(e(r))||i()}}))}a();const o=p,n=a;export{o as DropiSteps,n as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-CV_oz45O.js";const p=o,r=s;export{p as DropiSwitch,r as defineCustomElement}
|