@dropi/ui 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/ilustration/bg-warning.svg +3 -0
- package/assets/icons/ilustration/default.svg +4 -0
- package/assets/icons/ilustration/error.svg +10 -0
- package/assets/icons/ilustration/exclusive.svg +9 -0
- package/assets/icons/ilustration/info.svg +10 -0
- package/assets/icons/ilustration/loading.svg +4 -0
- package/assets/icons/ilustration/love.svg +9 -0
- package/assets/icons/ilustration/premium-new.svg +14 -0
- package/assets/icons/ilustration/premium.svg +5 -0
- package/assets/icons/ilustration/sorry.svg +4 -0
- package/assets/icons/ilustration/success.svg +11 -0
- package/assets/icons/ilustration/verified-new.svg +9 -0
- package/assets/icons/ilustration/verified.svg +4 -0
- package/assets/icons/ilustration/warning.svg +9 -0
- package/assets/lottie-files/loading.json +1 -0
- package/dist/cjs/dropi-accordion-item.cjs.entry.js +54 -0
- package/dist/cjs/dropi-accordion.cjs.entry.js +5 -39
- package/dist/cjs/dropi-alert-legacy.cjs.entry.js +39 -0
- package/dist/cjs/dropi-alert-modal.cjs.entry.js +128 -0
- package/dist/cjs/dropi-alert.cjs.entry.js +21 -15
- package/dist/cjs/dropi-avatars.cjs.entry.js +3 -3
- package/dist/cjs/dropi-badge-legacy.cjs.entry.js +30 -0
- package/dist/cjs/dropi-badge.cjs.entry.js +4 -4
- package/dist/cjs/dropi-banner-external.cjs.entry.js +53 -0
- package/dist/cjs/dropi-breadcrumb.cjs.entry.js +48 -0
- package/dist/cjs/dropi-button.cjs.entry.js +13 -7
- package/dist/cjs/dropi-card-checkbox.cjs.entry.js +48 -0
- package/dist/cjs/dropi-card-product.cjs.entry.js +76 -0
- package/dist/cjs/dropi-card-section.cjs.entry.js +17 -17
- package/dist/cjs/dropi-carousel.cjs.entry.js +148 -0
- package/dist/cjs/dropi-checkbox-selection-list.cjs.entry.js +17 -15
- package/dist/cjs/dropi-checkbox.cjs.entry.js +6 -6
- package/dist/cjs/dropi-chips.cjs.entry.js +9 -9
- package/dist/cjs/dropi-city-selector.cjs.entry.js +96 -0
- package/dist/cjs/dropi-color-picker.cjs.entry.js +319 -0
- package/dist/cjs/dropi-country-flags.cjs.entry.js +37 -0
- package/dist/cjs/dropi-country-selector.cjs.entry.js +197 -0
- package/dist/cjs/dropi-date-picker-range.cjs.entry.js +115 -0
- package/dist/cjs/dropi-date-picker.cjs.entry.js +223 -0
- package/dist/cjs/dropi-drawer.cjs.entry.js +76 -0
- package/dist/cjs/dropi-dropdown.cjs.entry.js +22 -15
- package/dist/cjs/dropi-empty-state.cjs.entry.js +16 -15
- package/dist/cjs/dropi-favorite-button.cjs.entry.js +5 -5
- package/dist/cjs/dropi-file-upload-progress-bar.cjs.entry.js +75 -0
- package/dist/cjs/dropi-file-upload.cjs.entry.js +236 -0
- package/dist/cjs/dropi-icon.cjs.entry.js +2 -2
- package/dist/cjs/dropi-ilustration-icon.cjs.entry.js +39 -0
- package/dist/cjs/dropi-image-miniature.cjs.entry.js +3 -3
- package/dist/cjs/dropi-image-overlay.cjs.entry.js +4 -4
- package/dist/cjs/dropi-input_3.cjs.entry.js +390 -0
- package/dist/cjs/dropi-languages-selector.cjs.entry.js +57 -0
- package/dist/cjs/dropi-logo.cjs.entry.js +3 -3
- package/dist/cjs/dropi-lottie-loader.cjs.entry.js +7 -7
- package/dist/cjs/dropi-media-player.cjs.entry.js +189 -0
- package/dist/cjs/dropi-modal.cjs.entry.js +36 -14
- package/dist/cjs/dropi-navbar.cjs.entry.js +54 -0
- package/dist/cjs/dropi-otp-send-code.cjs.entry.js +10 -10
- package/dist/cjs/dropi-phone-input.cjs.entry.js +197 -0
- package/dist/cjs/dropi-radio-button.cjs.entry.js +7 -7
- package/dist/cjs/dropi-radio-selection-list.cjs.entry.js +17 -13
- package/dist/cjs/dropi-read-more.cjs.entry.js +8 -4
- package/dist/cjs/dropi-search.cjs.entry.js +52 -38
- package/dist/cjs/dropi-select.cjs.entry.js +98 -55
- package/dist/cjs/dropi-sidebar.cjs.entry.js +78 -0
- package/dist/cjs/dropi-simple-stepper.cjs.entry.js +8 -6
- package/dist/cjs/dropi-skeleton.cjs.entry.js +16 -6
- package/dist/cjs/dropi-steps.cjs.entry.js +6 -4
- package/dist/cjs/dropi-switch.cjs.entry.js +5 -5
- package/dist/cjs/dropi-table.cjs.entry.js +292 -0
- package/dist/cjs/dropi-tabs.cjs.entry.js +13 -11
- package/dist/cjs/dropi-tag-type-product.cjs.entry.js +19 -0
- package/dist/cjs/dropi-text-area.cjs.entry.js +49 -18
- package/dist/cjs/dropi-time-line.cjs.entry.js +3 -3
- package/dist/cjs/dropi-toast.cjs.entry.js +4 -4
- package/dist/cjs/dropi-tooltip-v2.cjs.entry.js +131 -0
- package/dist/cjs/dropi-tooltip.cjs.entry.js +5 -26
- package/dist/cjs/dropi-ui.cjs.js +2 -2
- package/dist/cjs/dropi-vertical-steps.cjs.entry.js +6 -6
- package/dist/cjs/dropi-youtube-lazy-video.cjs.entry.js +33 -0
- package/dist/cjs/{index-B6R6Ojma.js → index-077kM98l.js} +6 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +30 -2
- package/dist/collection/components/dropi-accordion/dropi-accordion-item.css +45 -0
- package/dist/collection/components/dropi-accordion/dropi-accordion-item.js +172 -0
- package/dist/collection/components/dropi-accordion/dropi-accordion.css +3 -3
- package/dist/collection/components/dropi-accordion/dropi-accordion.js +7 -129
- package/dist/collection/components/dropi-alert/dropi-alert.css +26 -15
- package/dist/collection/components/dropi-alert/dropi-alert.js +87 -21
- package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.css +31 -0
- package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.js +128 -0
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.css +96 -0
- package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js +526 -0
- package/dist/collection/components/dropi-avatars/dropi-avatars.js +3 -3
- package/dist/collection/components/dropi-badge/dropi-badge.css +1 -1
- package/dist/collection/components/dropi-badge/dropi-badge.js +3 -4
- package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.css +17 -0
- package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.js +119 -0
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.css +56 -0
- package/dist/collection/components/dropi-banner-external/dropi-banner-external.js +243 -0
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.css +69 -0
- package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.js +171 -0
- package/dist/collection/components/dropi-button/dropi-button.css +21 -19
- package/dist/collection/components/dropi-button/dropi-button.js +53 -7
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.css +92 -0
- package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.js +222 -0
- package/dist/collection/components/dropi-card-product/dropi-card-product.css +235 -0
- package/dist/collection/components/dropi-card-product/dropi-card-product.js +384 -0
- package/dist/collection/components/dropi-card-section/dropi-card-section.css +2 -2
- package/dist/collection/components/dropi-card-section/dropi-card-section.js +25 -25
- package/dist/collection/components/dropi-carousel/dropi-carousel.css +148 -0
- package/dist/collection/components/dropi-carousel/dropi-carousel.js +374 -0
- package/dist/collection/components/dropi-checkbox/dropi-checkbox.js +6 -6
- package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js +42 -20
- package/dist/collection/components/dropi-chips/dropi-chips.css +2 -0
- package/dist/collection/components/dropi-chips/dropi-chips.js +15 -15
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.css +218 -0
- package/dist/collection/components/dropi-city-selector/dropi-city-selector.js +234 -0
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.css +210 -0
- package/dist/collection/components/dropi-color-picker/dropi-color-picker.js +393 -0
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.css +30 -0
- package/dist/collection/components/dropi-country-flags/dropi-country-flags.js +129 -0
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.css +211 -0
- package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +429 -0
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.css +215 -0
- package/dist/collection/components/dropi-date-picker/dropi-date-picker.js +516 -0
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.css +143 -0
- package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js +327 -0
- package/dist/collection/components/dropi-drawer/dropi-drawer.css +129 -0
- package/dist/collection/components/dropi-drawer/dropi-drawer.js +284 -0
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.css +1 -1
- package/dist/collection/components/dropi-dropdown/dropi-dropdown.js +51 -26
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.css +1 -0
- package/dist/collection/components/dropi-empty-state/dropi-empty-state.js +65 -38
- package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.js +5 -5
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.css +464 -0
- package/dist/collection/components/dropi-file-upload/dropi-file-upload.js +516 -0
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.css +115 -0
- package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.js +256 -0
- package/dist/collection/components/dropi-icon/dropi-icon.js +1 -1
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.css +91 -0
- package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js +150 -0
- package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.js +1 -1
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.css +86 -41
- package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.js +1 -1
- package/dist/collection/components/dropi-input/dropi-input.css +1 -1
- package/dist/collection/components/dropi-input/dropi-input.js +158 -87
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.css +79 -0
- package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js +154 -0
- package/dist/collection/components/dropi-logo/dropi-logo.js +2 -2
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.css +8 -2
- package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.js +11 -11
- package/dist/collection/components/dropi-media-player/dropi-media-player.css +320 -0
- package/dist/collection/components/dropi-media-player/dropi-media-player.js +391 -0
- package/dist/collection/components/dropi-modal/dropi-modal.css +20 -4
- package/dist/collection/components/dropi-modal/dropi-modal.js +300 -18
- package/dist/collection/components/dropi-navbar/dropi-navbar.css +166 -0
- package/dist/collection/components/dropi-navbar/dropi-navbar.js +302 -0
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.css +17 -10
- package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.js +9 -9
- package/dist/collection/components/dropi-paginator/dropi-paginator.css +2 -2
- package/dist/collection/components/dropi-paginator/dropi-paginator.js +51 -99
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.css +209 -0
- package/dist/collection/components/dropi-phone-input/dropi-phone-input.js +442 -0
- package/dist/collection/components/dropi-radio-button/dropi-radio-button.js +13 -20
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.css +3 -3
- package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js +69 -19
- package/dist/collection/components/dropi-read-more/dropi-read-more.css +5 -8
- package/dist/collection/components/dropi-read-more/dropi-read-more.js +46 -2
- package/dist/collection/components/dropi-search/dropi-search.css +2 -2
- package/dist/collection/components/dropi-search/dropi-search.js +194 -60
- package/dist/collection/components/dropi-select/dropi-select.css +7 -7
- package/dist/collection/components/dropi-select/dropi-select.js +166 -84
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.css +76 -0
- package/dist/collection/components/dropi-sidebar/dropi-sidebar.js +143 -0
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.css +2 -2
- package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js +29 -7
- package/dist/collection/components/dropi-skeleton/dropi-skeleton.js +40 -10
- package/dist/collection/components/dropi-steps/dropi-steps.css +3 -3
- package/dist/collection/components/dropi-steps/dropi-steps.js +31 -3
- package/dist/collection/components/dropi-switch/dropi-switch.js +5 -5
- package/dist/collection/components/dropi-table/dropi-table.css +540 -0
- package/dist/collection/components/dropi-table/dropi-table.js +966 -0
- package/dist/collection/components/dropi-tabs/dropi-tabs.css +10 -5
- package/dist/collection/components/dropi-tabs/dropi-tabs.js +35 -13
- package/dist/collection/components/dropi-tag/dropi-tag.css +1 -2
- package/dist/collection/components/dropi-tag/dropi-tag.js +1 -1
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.css +14 -0
- package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.js +48 -0
- package/dist/collection/components/dropi-text-area/dropi-text-area.css +6 -2
- package/dist/collection/components/dropi-text-area/dropi-text-area.js +87 -32
- package/dist/collection/components/dropi-time-line/dropi-time-line.css +2 -2
- package/dist/collection/components/dropi-time-line/dropi-time-line.js +1 -1
- package/dist/collection/components/dropi-toast/dropi-toast.css +2 -2
- package/dist/collection/components/dropi-toast/dropi-toast.js +3 -3
- package/dist/collection/components/dropi-tooltip/dropi-tooltip.css +28 -63
- package/dist/collection/components/dropi-tooltip/dropi-tooltip.js +11 -88
- package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css +67 -0
- package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js +468 -0
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.css +3 -3
- package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js +5 -5
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css +73 -0
- package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js +110 -0
- package/dist/components/dropi-accordion-item.d.ts +11 -0
- package/dist/components/dropi-accordion-item.js +1 -0
- package/dist/components/dropi-accordion.js +1 -1
- package/dist/components/dropi-alert-legacy.d.ts +11 -0
- package/dist/components/dropi-alert-legacy.js +1 -0
- package/dist/components/dropi-alert-modal.d.ts +11 -0
- package/dist/components/dropi-alert-modal.js +1 -0
- package/dist/components/dropi-alert.js +1 -1
- package/dist/components/dropi-avatars.js +1 -1
- package/dist/components/dropi-badge-legacy.d.ts +11 -0
- package/dist/components/dropi-badge-legacy.js +1 -0
- package/dist/components/dropi-badge.js +1 -1
- package/dist/components/dropi-banner-external.d.ts +11 -0
- package/dist/components/dropi-banner-external.js +1 -0
- package/dist/components/dropi-breadcrumb.d.ts +11 -0
- package/dist/components/dropi-breadcrumb.js +1 -0
- package/dist/components/dropi-button.js +1 -1
- package/dist/components/dropi-card-checkbox.d.ts +11 -0
- package/dist/components/dropi-card-checkbox.js +1 -0
- package/dist/components/dropi-card-product.d.ts +11 -0
- package/dist/components/dropi-card-product.js +1 -0
- package/dist/components/dropi-card-section.js +1 -1
- package/dist/components/dropi-carousel.d.ts +11 -0
- package/dist/components/dropi-carousel.js +1 -0
- package/dist/components/dropi-checkbox-selection-list.js +1 -1
- package/dist/components/dropi-checkbox.js +1 -1
- package/dist/components/dropi-chips.js +1 -1
- package/dist/components/dropi-city-selector.d.ts +11 -0
- package/dist/components/dropi-city-selector.js +1 -0
- package/dist/components/dropi-color-picker.d.ts +11 -0
- package/dist/components/dropi-color-picker.js +1 -0
- package/dist/components/dropi-country-flags.d.ts +11 -0
- package/dist/components/dropi-country-flags.js +1 -0
- package/dist/components/dropi-country-selector.d.ts +11 -0
- package/dist/components/dropi-country-selector.js +1 -0
- package/dist/components/dropi-date-picker-range.d.ts +11 -0
- package/dist/components/dropi-date-picker-range.js +1 -0
- package/dist/components/dropi-date-picker.d.ts +11 -0
- package/dist/components/dropi-date-picker.js +1 -0
- package/dist/components/dropi-drawer.d.ts +11 -0
- package/dist/components/dropi-drawer.js +1 -0
- package/dist/components/dropi-dropdown.js +1 -1
- package/dist/components/dropi-empty-state.js +1 -1
- package/dist/components/dropi-favorite-button.js +1 -1
- package/dist/components/dropi-file-upload-progress-bar.d.ts +11 -0
- package/dist/components/dropi-file-upload-progress-bar.js +1 -0
- package/dist/components/dropi-file-upload.d.ts +11 -0
- package/dist/components/dropi-file-upload.js +1 -0
- package/dist/components/dropi-icon.js +1 -1
- package/dist/components/dropi-ilustration-icon.d.ts +11 -0
- package/dist/components/dropi-ilustration-icon.js +1 -0
- package/dist/components/dropi-image-miniature.js +1 -1
- package/dist/components/dropi-image-overlay.js +1 -1
- package/dist/components/dropi-input.js +1 -1
- package/dist/components/dropi-languages-selector.d.ts +11 -0
- package/dist/components/dropi-languages-selector.js +1 -0
- package/dist/components/dropi-logo.js +1 -1
- package/dist/components/dropi-lottie-loader.js +1 -1
- package/dist/components/dropi-media-player.d.ts +11 -0
- package/dist/components/dropi-media-player.js +1 -0
- package/dist/components/dropi-modal.js +1 -1
- package/dist/components/dropi-navbar.d.ts +11 -0
- package/dist/components/dropi-navbar.js +1 -0
- package/dist/components/dropi-otp-send-code.js +1 -1
- package/dist/components/dropi-paginator.js +1 -1
- package/dist/components/dropi-phone-input.d.ts +11 -0
- package/dist/components/dropi-phone-input.js +1 -0
- package/dist/components/dropi-radio-button.js +1 -1
- package/dist/components/dropi-radio-selection-list.js +1 -1
- package/dist/components/dropi-read-more.js +1 -1
- package/dist/components/dropi-search.js +1 -1
- package/dist/components/dropi-select.js +1 -1
- package/dist/components/dropi-sidebar.d.ts +11 -0
- package/dist/components/dropi-sidebar.js +1 -0
- package/dist/components/dropi-simple-stepper.js +1 -1
- package/dist/components/dropi-skeleton.js +1 -1
- package/dist/components/dropi-steps.js +1 -1
- package/dist/components/dropi-switch.js +1 -1
- package/dist/components/dropi-table.d.ts +11 -0
- package/dist/components/dropi-table.js +1 -0
- package/dist/components/dropi-tabs.js +1 -1
- package/dist/components/dropi-tag-type-product.d.ts +11 -0
- package/dist/components/dropi-tag-type-product.js +1 -0
- package/dist/components/dropi-tag.js +1 -1
- package/dist/components/dropi-text-area.js +1 -1
- package/dist/components/dropi-time-line.js +1 -1
- package/dist/components/dropi-toast.js +1 -1
- package/dist/components/dropi-tooltip-v2.d.ts +11 -0
- package/dist/components/dropi-tooltip-v2.js +1 -0
- package/dist/components/dropi-tooltip.js +1 -1
- package/dist/components/dropi-vertical-steps.js +1 -1
- package/dist/components/dropi-youtube-lazy-video.d.ts +11 -0
- package/dist/components/dropi-youtube-lazy-video.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-9KLpSviZ.js +1 -0
- package/dist/components/p-BVekazGL.js +1 -0
- package/dist/components/p-BYRcOZS4.js +1 -0
- package/dist/components/p-BuDg1d0S.js +1 -0
- package/dist/components/p-C2paYEIp.js +1 -0
- package/dist/components/p-CDvkvedb.js +1 -0
- package/dist/components/{p-CPs3fHRc.js → p-CnALA9z_.js} +1 -1
- package/dist/components/p-CtzCJQVR.js +1 -0
- package/dist/components/p-CzHupXu8.js +1 -0
- package/dist/components/p-DWzWYR5X.js +1 -0
- package/dist/components/p-D_Y7tuEH.js +1 -0
- package/dist/components/p-DjO9xpVc.js +1 -0
- package/dist/dropi-ui/dropi-ui.esm.js +1 -1
- package/dist/dropi-ui/p-0966c363.entry.js +1 -0
- package/dist/dropi-ui/p-0c541a53.entry.js +1 -0
- package/dist/dropi-ui/p-0cd1fb7a.entry.js +1 -0
- package/dist/dropi-ui/p-0f161461.entry.js +1 -0
- package/dist/dropi-ui/p-10e363a2.entry.js +1 -0
- package/dist/dropi-ui/p-1d4c5364.entry.js +1 -0
- package/dist/dropi-ui/p-2e0623ba.entry.js +1 -0
- package/dist/dropi-ui/p-2e4efb72.entry.js +1 -0
- package/dist/dropi-ui/p-36cdd4fc.entry.js +1 -0
- package/dist/dropi-ui/{p-c2316d4d.entry.js → p-37c86c74.entry.js} +1 -1
- package/dist/dropi-ui/p-392654b7.entry.js +1 -0
- package/dist/dropi-ui/p-39904430.entry.js +1 -0
- package/dist/dropi-ui/p-3a3b778f.entry.js +1 -0
- package/dist/dropi-ui/p-3cbe953f.entry.js +1 -0
- package/dist/dropi-ui/p-40b69ccd.entry.js +1 -0
- package/dist/dropi-ui/p-443ed5bd.entry.js +1 -0
- package/dist/dropi-ui/p-475a16f2.entry.js +1 -0
- package/dist/dropi-ui/p-4967b619.entry.js +1 -0
- package/dist/dropi-ui/p-4de83790.entry.js +1 -0
- package/dist/dropi-ui/p-59188dd5.entry.js +1 -0
- package/dist/dropi-ui/p-6178190b.entry.js +1 -0
- package/dist/dropi-ui/p-623759eb.entry.js +1 -0
- package/dist/dropi-ui/p-645da978.entry.js +1 -0
- package/dist/dropi-ui/p-6e727fb0.entry.js +1 -0
- package/dist/dropi-ui/p-7036c073.entry.js +1 -0
- package/dist/dropi-ui/p-710312bd.entry.js +1 -0
- package/dist/dropi-ui/p-74dfe8d1.entry.js +1 -0
- package/dist/dropi-ui/p-770afae3.entry.js +1 -0
- package/dist/dropi-ui/p-7c0bc6dd.entry.js +1 -0
- package/dist/dropi-ui/p-7f8d3642.entry.js +1 -0
- package/dist/dropi-ui/p-7fc02d98.entry.js +1 -0
- package/dist/dropi-ui/p-8188cca4.entry.js +1 -0
- package/dist/dropi-ui/p-858bedcf.entry.js +1 -0
- package/dist/dropi-ui/p-87e9ba6d.entry.js +1 -0
- package/dist/dropi-ui/p-8b4d4d2d.entry.js +1 -0
- package/dist/dropi-ui/p-9062f0de.entry.js +1 -0
- package/dist/dropi-ui/p-925852b1.entry.js +1 -0
- package/dist/dropi-ui/{p-724a2aea.entry.js → p-99943b7d.entry.js} +1 -1
- package/dist/dropi-ui/p-TXz_09YZ.js +2 -0
- package/dist/dropi-ui/p-a1f2383d.entry.js +1 -0
- package/dist/dropi-ui/p-a6939701.entry.js +1 -0
- package/dist/dropi-ui/p-aa8d2aec.entry.js +1 -0
- package/dist/dropi-ui/p-aafaffa3.entry.js +1 -0
- package/dist/dropi-ui/{p-30fdd316.entry.js → p-ac345a0e.entry.js} +1 -1
- package/dist/dropi-ui/p-acfa17ef.entry.js +1 -0
- package/dist/dropi-ui/p-af3691a0.entry.js +1 -0
- package/dist/dropi-ui/p-b207fc92.entry.js +1 -0
- package/dist/dropi-ui/p-ba3ad28e.entry.js +1 -0
- package/dist/dropi-ui/p-bd0ffb4a.entry.js +1 -0
- package/dist/dropi-ui/p-c2e96728.entry.js +1 -0
- package/dist/dropi-ui/p-c664f99f.entry.js +1 -0
- package/dist/dropi-ui/p-c7e3a5e0.entry.js +1 -0
- package/dist/dropi-ui/{p-061e1ad4.entry.js → p-cfc19ca0.entry.js} +1 -1
- package/dist/dropi-ui/p-d36a0c37.entry.js +1 -0
- package/dist/dropi-ui/p-dd4c6b40.entry.js +1 -0
- package/dist/dropi-ui/p-e0351b61.entry.js +1 -0
- package/dist/dropi-ui/p-e2361547.entry.js +1 -0
- package/dist/dropi-ui/p-e25b2680.entry.js +1 -0
- package/dist/dropi-ui/p-e6943d7c.entry.js +1 -0
- package/dist/dropi-ui/p-e7b59811.entry.js +1 -0
- package/dist/dropi-ui/p-eac7777f.entry.js +1 -0
- package/dist/dropi-ui/p-ed94b5fe.entry.js +1 -0
- package/dist/dropi-ui/p-f0ddf569.entry.js +1 -0
- package/dist/dropi-ui/p-f95c11f8.entry.js +1 -0
- package/dist/esm/dropi-accordion-item.entry.js +52 -0
- package/dist/esm/dropi-accordion.entry.js +5 -39
- package/dist/esm/dropi-alert-legacy.entry.js +37 -0
- package/dist/esm/dropi-alert-modal.entry.js +126 -0
- package/dist/esm/dropi-alert.entry.js +21 -15
- package/dist/esm/dropi-avatars.entry.js +3 -3
- package/dist/esm/dropi-badge-legacy.entry.js +28 -0
- package/dist/esm/dropi-badge.entry.js +4 -4
- package/dist/esm/dropi-banner-external.entry.js +51 -0
- package/dist/esm/dropi-breadcrumb.entry.js +46 -0
- package/dist/esm/dropi-button.entry.js +13 -7
- package/dist/esm/dropi-card-checkbox.entry.js +46 -0
- package/dist/esm/dropi-card-product.entry.js +74 -0
- package/dist/esm/dropi-card-section.entry.js +17 -17
- package/dist/esm/dropi-carousel.entry.js +146 -0
- package/dist/esm/dropi-checkbox-selection-list.entry.js +17 -15
- package/dist/esm/dropi-checkbox.entry.js +6 -6
- package/dist/esm/dropi-chips.entry.js +9 -9
- package/dist/esm/dropi-city-selector.entry.js +94 -0
- package/dist/esm/dropi-color-picker.entry.js +317 -0
- package/dist/esm/dropi-country-flags.entry.js +35 -0
- package/dist/esm/dropi-country-selector.entry.js +195 -0
- package/dist/esm/dropi-date-picker-range.entry.js +113 -0
- package/dist/esm/dropi-date-picker.entry.js +221 -0
- package/dist/esm/dropi-drawer.entry.js +74 -0
- package/dist/esm/dropi-dropdown.entry.js +22 -15
- package/dist/esm/dropi-empty-state.entry.js +16 -15
- package/dist/esm/dropi-favorite-button.entry.js +5 -5
- package/dist/esm/dropi-file-upload-progress-bar.entry.js +73 -0
- package/dist/esm/dropi-file-upload.entry.js +234 -0
- package/dist/esm/dropi-icon.entry.js +2 -2
- package/dist/esm/dropi-ilustration-icon.entry.js +37 -0
- package/dist/esm/dropi-image-miniature.entry.js +3 -3
- package/dist/esm/dropi-image-overlay.entry.js +4 -4
- package/dist/esm/dropi-input_3.entry.js +386 -0
- package/dist/esm/dropi-languages-selector.entry.js +55 -0
- package/dist/esm/dropi-logo.entry.js +3 -3
- package/dist/esm/dropi-lottie-loader.entry.js +7 -7
- package/dist/esm/dropi-media-player.entry.js +187 -0
- package/dist/esm/dropi-modal.entry.js +36 -14
- package/dist/esm/dropi-navbar.entry.js +52 -0
- package/dist/esm/dropi-otp-send-code.entry.js +10 -10
- package/dist/esm/dropi-phone-input.entry.js +195 -0
- package/dist/esm/dropi-radio-button.entry.js +7 -7
- package/dist/esm/dropi-radio-selection-list.entry.js +17 -13
- package/dist/esm/dropi-read-more.entry.js +8 -4
- package/dist/esm/dropi-search.entry.js +52 -38
- package/dist/esm/dropi-select.entry.js +98 -55
- package/dist/esm/dropi-sidebar.entry.js +76 -0
- package/dist/esm/dropi-simple-stepper.entry.js +8 -6
- package/dist/esm/dropi-skeleton.entry.js +16 -6
- package/dist/esm/dropi-steps.entry.js +6 -4
- package/dist/esm/dropi-switch.entry.js +5 -5
- package/dist/esm/dropi-table.entry.js +290 -0
- package/dist/esm/dropi-tabs.entry.js +13 -11
- package/dist/esm/dropi-tag-type-product.entry.js +17 -0
- package/dist/esm/dropi-text-area.entry.js +49 -18
- package/dist/esm/dropi-time-line.entry.js +3 -3
- package/dist/esm/dropi-toast.entry.js +4 -4
- package/dist/esm/dropi-tooltip-v2.entry.js +129 -0
- package/dist/esm/dropi-tooltip.entry.js +5 -26
- package/dist/esm/dropi-ui.js +3 -3
- package/dist/esm/dropi-vertical-steps.entry.js +6 -6
- package/dist/esm/dropi-youtube-lazy-video.entry.js +31 -0
- package/dist/esm/{index-Twbb5MNM.js → index-TXz_09YZ.js} +6 -3
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/dropi-accordion/dropi-accordion-item.d.ts +24 -0
- package/dist/types/components/dropi-accordion/dropi-accordion.d.ts +3 -23
- package/dist/types/components/dropi-alert/dropi-alert.d.ts +9 -3
- package/dist/types/components/dropi-alert-legacy/dropi-alert-legacy.d.ts +18 -0
- package/dist/types/components/dropi-alert-modal/dropi-alert-modal.d.ts +66 -0
- package/dist/types/components/dropi-badge-legacy/dropi-badge-legacy.d.ts +15 -0
- package/dist/types/components/dropi-banner-external/dropi-banner-external.d.ts +36 -0
- package/dist/types/components/dropi-breadcrumb/dropi-breadcrumb.d.ts +31 -0
- package/dist/types/components/dropi-button/dropi-button.d.ts +6 -2
- package/dist/types/components/dropi-card-checkbox/dropi-card-checkbox.d.ts +34 -0
- package/dist/types/components/dropi-card-product/dropi-card-product.d.ts +43 -0
- package/dist/types/components/dropi-card-section/dropi-card-section.d.ts +5 -5
- package/dist/types/components/dropi-carousel/dropi-carousel.d.ts +44 -0
- package/dist/types/components/dropi-checkbox/dropi-checkbox.d.ts +1 -1
- package/dist/types/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.d.ts +7 -5
- package/dist/types/components/dropi-chips/dropi-chips.d.ts +4 -4
- package/dist/types/components/dropi-city-selector/dropi-city-selector.d.ts +48 -0
- package/dist/types/components/dropi-color-picker/dropi-color-picker.d.ts +56 -0
- package/dist/types/components/dropi-country-flags/dropi-country-flags.d.ts +19 -0
- package/dist/types/components/dropi-country-selector/dropi-country-selector.d.ts +50 -0
- package/dist/types/components/dropi-date-picker/dropi-date-picker.d.ts +55 -0
- package/dist/types/components/dropi-date-picker-range/dropi-date-picker-range.d.ts +50 -0
- package/dist/types/components/dropi-drawer/dropi-drawer.d.ts +31 -0
- package/dist/types/components/dropi-dropdown/dropi-dropdown.d.ts +12 -6
- package/dist/types/components/dropi-empty-state/dropi-empty-state.d.ts +12 -10
- package/dist/types/components/dropi-favorite-button/dropi-favorite-button.d.ts +1 -1
- package/dist/types/components/dropi-file-upload/dropi-file-upload.d.ts +76 -0
- package/dist/types/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.d.ts +33 -0
- package/dist/types/components/dropi-ilustration-icon/dropi-ilustration-icon.d.ts +24 -0
- package/dist/types/components/dropi-input/dropi-input.d.ts +28 -18
- package/dist/types/components/dropi-languages-selector/dropi-languages-selector.d.ts +31 -0
- package/dist/types/components/dropi-lottie-loader/dropi-lottie-loader.d.ts +1 -1
- package/dist/types/components/dropi-media-player/dropi-media-player.d.ts +51 -0
- package/dist/types/components/dropi-modal/dropi-modal.d.ts +22 -3
- package/dist/types/components/dropi-navbar/dropi-navbar.d.ts +42 -0
- package/dist/types/components/dropi-otp-send-code/dropi-otp-send-code.d.ts +1 -1
- package/dist/types/components/dropi-paginator/dropi-paginator.d.ts +10 -20
- package/dist/types/components/dropi-phone-input/dropi-phone-input.d.ts +49 -0
- package/dist/types/components/dropi-radio-button/dropi-radio-button.d.ts +2 -2
- package/dist/types/components/dropi-radio-selection-list/dropi-radio-selection-list.d.ts +11 -4
- package/dist/types/components/dropi-read-more/dropi-read-more.d.ts +4 -0
- package/dist/types/components/dropi-search/dropi-search.d.ts +24 -12
- package/dist/types/components/dropi-select/dropi-select.d.ts +26 -15
- package/dist/types/components/dropi-sidebar/dropi-sidebar.d.ts +41 -0
- package/dist/types/components/dropi-simple-stepper/dropi-simple-stepper.d.ts +2 -0
- package/dist/types/components/dropi-skeleton/dropi-skeleton.d.ts +4 -1
- package/dist/types/components/dropi-steps/dropi-steps.d.ts +3 -0
- package/dist/types/components/dropi-switch/dropi-switch.d.ts +1 -1
- package/dist/types/components/dropi-table/dropi-table.d.ts +131 -0
- package/dist/types/components/dropi-tabs/dropi-tabs.d.ts +5 -3
- package/dist/types/components/dropi-tag-type-product/dropi-tag-type-product.d.ts +9 -0
- package/dist/types/components/dropi-text-area/dropi-text-area.d.ts +27 -6
- package/dist/types/components/dropi-tooltip/dropi-tooltip.d.ts +3 -17
- package/dist/types/components/dropi-tooltip-v2/dropi-tooltip.d.ts +59 -0
- package/dist/types/components/dropi-vertical-steps/dropi-vertical-steps.d.ts +1 -1
- package/dist/types/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.d.ts +19 -0
- package/dist/types/components.d.ts +4694 -688
- package/dist/types/index.d.ts +1 -0
- package/package.json +25 -3
- package/readme.md +56 -7
- package/scripts/setup.js +121 -23
- package/skills/install-dropi-ui/skill.md +15 -10
- package/dist/cjs/dropi-input.cjs.entry.js +0 -210
- package/dist/cjs/dropi-paginator.cjs.entry.js +0 -91
- package/dist/cjs/dropi-tag.cjs.entry.js +0 -68
- package/dist/components/p-DKXrREI4.js +0 -1
- package/dist/components/p-Ds74ZOlC.js +0 -1
- package/dist/components/p-WZTFyFH2.js +0 -1
- package/dist/dropi-ui/p-0c13dded.entry.js +0 -1
- package/dist/dropi-ui/p-121c8a09.entry.js +0 -1
- package/dist/dropi-ui/p-291a1416.entry.js +0 -1
- package/dist/dropi-ui/p-2cee44f9.entry.js +0 -1
- package/dist/dropi-ui/p-3537ee5a.entry.js +0 -1
- package/dist/dropi-ui/p-3d859657.entry.js +0 -1
- package/dist/dropi-ui/p-433d161d.entry.js +0 -1
- package/dist/dropi-ui/p-4bdfad16.entry.js +0 -1
- package/dist/dropi-ui/p-4ea7d3a7.entry.js +0 -1
- package/dist/dropi-ui/p-51c8ef68.entry.js +0 -1
- package/dist/dropi-ui/p-54780c90.entry.js +0 -1
- package/dist/dropi-ui/p-66deb85e.entry.js +0 -1
- package/dist/dropi-ui/p-68f81080.entry.js +0 -1
- package/dist/dropi-ui/p-74c37688.entry.js +0 -1
- package/dist/dropi-ui/p-7cec1cea.entry.js +0 -1
- package/dist/dropi-ui/p-7daa2677.entry.js +0 -1
- package/dist/dropi-ui/p-8906a68d.entry.js +0 -1
- package/dist/dropi-ui/p-Twbb5MNM.js +0 -2
- package/dist/dropi-ui/p-a4204ece.entry.js +0 -1
- package/dist/dropi-ui/p-a5650d8f.entry.js +0 -1
- package/dist/dropi-ui/p-a9116dbe.entry.js +0 -1
- package/dist/dropi-ui/p-b0d3442e.entry.js +0 -1
- package/dist/dropi-ui/p-b36b819f.entry.js +0 -1
- package/dist/dropi-ui/p-c10cbb8d.entry.js +0 -1
- package/dist/dropi-ui/p-cb5fd7a9.entry.js +0 -1
- package/dist/dropi-ui/p-d1e1b716.entry.js +0 -1
- package/dist/dropi-ui/p-d5ecc394.entry.js +0 -1
- package/dist/dropi-ui/p-db6c9828.entry.js +0 -1
- package/dist/dropi-ui/p-e721127d.entry.js +0 -1
- package/dist/dropi-ui/p-e8557da0.entry.js +0 -1
- package/dist/dropi-ui/p-ebfd4665.entry.js +0 -1
- package/dist/dropi-ui/p-f3cef35a.entry.js +0 -1
- package/dist/dropi-ui/p-f6a69c4e.entry.js +0 -1
- package/dist/dropi-ui/p-ff45e7c8.entry.js +0 -1
- package/dist/esm/dropi-input.entry.js +0 -208
- package/dist/esm/dropi-paginator.entry.js +0 -89
- package/dist/esm/dropi-tag.entry.js +0 -66
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-TXz_09YZ.js';
|
|
2
|
+
|
|
3
|
+
const dropiTooltipCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}`;
|
|
4
|
+
|
|
5
|
+
const DropiTooltipV2 = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/** Tooltip text */
|
|
10
|
+
text = '';
|
|
11
|
+
/** Tooltip title (bold, shown with label) */
|
|
12
|
+
title = '';
|
|
13
|
+
/** Tooltip label (shown below title) */
|
|
14
|
+
label = '';
|
|
15
|
+
/** Position: top | bottom | left | right */
|
|
16
|
+
position = 'bottom';
|
|
17
|
+
/** Position of the arrow: start | center | end (matches Angular `arrowPosition`) */
|
|
18
|
+
arrowPosition = 'center';
|
|
19
|
+
/** Trigger: hover | click | focus | timeout | static | hidden */
|
|
20
|
+
trigger = 'hover';
|
|
21
|
+
/** Max CSS width of the bubble */
|
|
22
|
+
maxWidth = '280px';
|
|
23
|
+
/** Min CSS width of the bubble (matches Angular `minWidth`) */
|
|
24
|
+
minWidth = '300px';
|
|
25
|
+
/** Delay in ms before showing */
|
|
26
|
+
showDelay = 0;
|
|
27
|
+
/** Disable the tooltip completely (matches Angular `disabled`) */
|
|
28
|
+
disabled = false;
|
|
29
|
+
/** Show the trigger icon (matches Angular `showIcon`) */
|
|
30
|
+
showIcon = true;
|
|
31
|
+
/** Show the close (X) button inside the bubble (matches Angular `showX`) */
|
|
32
|
+
showX = false;
|
|
33
|
+
/** Icon name from the dropi-icon sprite (matches Angular `iconName`) */
|
|
34
|
+
iconName = 'Tooltip';
|
|
35
|
+
/** Icon color token or hex (matches Angular `iconColor`) */
|
|
36
|
+
iconColor = '#7B8190';
|
|
37
|
+
/** Icon size in px without unit (matches Angular `iconSize`) */
|
|
38
|
+
iconSize = '14';
|
|
39
|
+
visible = false;
|
|
40
|
+
showTimer = null;
|
|
41
|
+
timeoutTimer = null;
|
|
42
|
+
componentDidLoad() {
|
|
43
|
+
if (this.trigger === 'static')
|
|
44
|
+
this.show();
|
|
45
|
+
if (this.trigger === 'timeout')
|
|
46
|
+
this.showWithTimeout();
|
|
47
|
+
}
|
|
48
|
+
show = () => {
|
|
49
|
+
if (this.disabled || this.trigger === 'hidden')
|
|
50
|
+
return;
|
|
51
|
+
const content = this.text || this.title || this.label;
|
|
52
|
+
if (!content.trim())
|
|
53
|
+
return;
|
|
54
|
+
if (this.showDelay > 0) {
|
|
55
|
+
this.showTimer = setTimeout(() => { this.visible = true; }, this.showDelay);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
this.visible = true;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
hide = () => {
|
|
62
|
+
if (this.showTimer) {
|
|
63
|
+
clearTimeout(this.showTimer);
|
|
64
|
+
this.showTimer = null;
|
|
65
|
+
}
|
|
66
|
+
if (this.timeoutTimer) {
|
|
67
|
+
clearTimeout(this.timeoutTimer);
|
|
68
|
+
this.timeoutTimer = null;
|
|
69
|
+
}
|
|
70
|
+
this.visible = false;
|
|
71
|
+
};
|
|
72
|
+
showWithTimeout() {
|
|
73
|
+
this.show();
|
|
74
|
+
this.timeoutTimer = setTimeout(() => this.hide(), 6000);
|
|
75
|
+
}
|
|
76
|
+
handleMouseEnter = () => {
|
|
77
|
+
if (this.trigger !== 'hover')
|
|
78
|
+
return;
|
|
79
|
+
this.show();
|
|
80
|
+
};
|
|
81
|
+
handleMouseLeave = () => {
|
|
82
|
+
if (this.trigger !== 'hover')
|
|
83
|
+
return;
|
|
84
|
+
setTimeout(() => this.hide(), 10);
|
|
85
|
+
};
|
|
86
|
+
handleClick = () => {
|
|
87
|
+
if (this.trigger !== 'click')
|
|
88
|
+
return;
|
|
89
|
+
this.visible ? this.hide() : this.show();
|
|
90
|
+
};
|
|
91
|
+
handleFocusin = () => {
|
|
92
|
+
if (this.trigger !== 'focus')
|
|
93
|
+
return;
|
|
94
|
+
this.show();
|
|
95
|
+
};
|
|
96
|
+
handleFocusout = () => {
|
|
97
|
+
if (this.trigger !== 'focus')
|
|
98
|
+
return;
|
|
99
|
+
this.hide();
|
|
100
|
+
};
|
|
101
|
+
handleClose = () => {
|
|
102
|
+
if (this.trigger === 'static') {
|
|
103
|
+
this.trigger = 'hover';
|
|
104
|
+
this.showX = false;
|
|
105
|
+
}
|
|
106
|
+
this.hide();
|
|
107
|
+
};
|
|
108
|
+
get displayContent() {
|
|
109
|
+
if (this.text)
|
|
110
|
+
return this.text;
|
|
111
|
+
if (this.title && this.label)
|
|
112
|
+
return `${this.title}\n${this.label}`;
|
|
113
|
+
return this.title || this.label || '';
|
|
114
|
+
}
|
|
115
|
+
render() {
|
|
116
|
+
const bubbleStyle = { maxWidth: this.maxWidth };
|
|
117
|
+
if (this.minWidth)
|
|
118
|
+
bubbleStyle.minWidth = this.minWidth;
|
|
119
|
+
return (h("div", { key: '0f552323b1917d2324a696ded87fbd8251c7b23f', class: "tooltip-wrapper", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClick: this.handleClick, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout }, this.showIcon && (h("dropi-icon", { key: '201d20c6db44099221999ccc7673d5b0c2392f71', name: this.iconName, width: `${this.iconSize}px`, height: `${this.iconSize}px`, color: this.iconColor })), h("slot", { key: '1e1848442f4ba714a9720def95e6efda2d0959bd' }), this.displayContent && (h("div", { key: '4697b41f9216d331c3b7fbb3cb26463b419c8530', class: {
|
|
120
|
+
'tooltip-bubble': true,
|
|
121
|
+
[`tooltip-bubble--${this.position}`]: true,
|
|
122
|
+
[`tooltip-bubble--arrow-${this.arrowPosition}`]: true,
|
|
123
|
+
'tooltip-bubble--visible': this.visible,
|
|
124
|
+
}, style: bubbleStyle, role: "tooltip" }, this.showX && (h("button", { key: '1aa1de98457fb9812c4df9b6ae44366accec8752', class: "tooltip-close", onClick: this.handleClose, "aria-label": "Cerrar" }, h("dropi-icon", { key: '964ebde1dab86620b6f6fb5b59626900a815c5f2', name: "Close-small", width: "12px", height: "12px", color: "Gray-Gray-500" }))), this.title && !this.text && h("strong", { key: 'c7e321fbe9753bd98d49de552d12d4477e382cf3', class: "tooltip-title" }, this.title), this.label && !this.text && h("span", { key: '6aad3847605402622d37579d71a85163e17dbeec', class: "tooltip-label" }, this.label), this.text && h("span", { key: 'd688e80849a8156c243c9a6b642cc9e5976bcce9' }, this.text), h("span", { key: 'c9ce48f1499360f14e797dc006227b76baad4213', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
DropiTooltipV2.style = dropiTooltipCss();
|
|
128
|
+
|
|
129
|
+
export { DropiTooltipV2 as dropi_tooltip_v2 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-TXz_09YZ.js';
|
|
2
2
|
|
|
3
|
-
const dropiTooltipCss = () => `:host{display:inline-block
|
|
3
|
+
const dropiTooltipCss = () => `:host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:1000}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}`;
|
|
4
4
|
|
|
5
5
|
const DropiTooltip = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -8,31 +8,10 @@ const DropiTooltip = class {
|
|
|
8
8
|
}
|
|
9
9
|
/** Tooltip text */
|
|
10
10
|
text = '';
|
|
11
|
-
/**
|
|
12
|
-
|
|
13
|
-
/** Max CSS width of the bubble */
|
|
14
|
-
maxWidth = '280px';
|
|
15
|
-
/** Delay in ms before showing */
|
|
16
|
-
showDelay = 0;
|
|
17
|
-
visible = false;
|
|
18
|
-
showTimer = null;
|
|
19
|
-
show = () => {
|
|
20
|
-
if (this.showDelay > 0) {
|
|
21
|
-
this.showTimer = setTimeout(() => { this.visible = true; }, this.showDelay);
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
this.visible = true;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
hide = () => {
|
|
28
|
-
if (this.showTimer) {
|
|
29
|
-
clearTimeout(this.showTimer);
|
|
30
|
-
this.showTimer = null;
|
|
31
|
-
}
|
|
32
|
-
this.visible = false;
|
|
33
|
-
};
|
|
11
|
+
/** Whether the tooltip has an outline style (matches Angular `outlined`) */
|
|
12
|
+
outlined = false;
|
|
34
13
|
render() {
|
|
35
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '82c2b45a441ae85a0aa7885cde0fcbe1ea553cfa', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '7fc4ab29a90e329131cd201a953d72c53b364f3f' }), this.text && (h("div", { key: '7de66eff9510747a524bdbccd598071c3f729448', class: "tooltip-simple-bubble" }, this.text))));
|
|
36
15
|
}
|
|
37
16
|
};
|
|
38
17
|
DropiTooltip.style = dropiTooltipCss();
|
package/dist/esm/dropi-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-TXz_09YZ.js';
|
|
2
|
+
export { s as setNonce } from './index-TXz_09YZ.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["dropi-icon",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list",[[513,"dropi-checkbox-selection-list",{"options":[1],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"showNotFound":[4,"show-not-found"],"notFoundMessage":[1,"not-found-message"],"multiSelect":[4,"multi-select"],"filterText":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-empty-state",[[769,"dropi-empty-state",{"header":[1],"description":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"actionLabel":[1,"action-label"],"secondaryLabel":[1,"secondary-label"]}]]],["dropi-search",[[513,"dropi-search",{"placeholder":[1],"value":[1025],"maxlength":[2],"showClear":[4,"show-clear"],"options":[1],"labelKey":[1,"label-key"],"multiSelect":[4,"multi-select"],"dropdownHeight":[1,"dropdown-height"],"label":[1],"open":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-accordion",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert",[[513,"dropi-alert",{"message":[1],"type":[1],"state":[1],"dismissable":[4],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"anchorText":[1,"anchor-text"],"anchorUrl":[1,"anchor-url"],"showAlert":[1028,"show-alert"]}]]],["dropi-chips",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown",[[513,"dropi-dropdown",{"options":[1],"valueModel":[1,"value-model"],"imageModel":[1,"image-model"],"height":[1],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-favorite-button",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay",[[513,"dropi-image-overlay",{"visible":[1028],"images":[1],"activeIndex":[1026,"active-index"],"current":[32],"parsedImages":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"indexChanged":0}],"visible":[{"visibleChanged":0}]}]]],["dropi-input",[[577,"dropi-input",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1,"input-mode"],"passwordInput":[4,"password-input"],"moneyFormat":[4,"money-format"],"thousandSeparator":[4,"thousand-separator"],"onlyNumbers":[4,"only-numbers"],"allowDecimals":[4,"allow-decimals"],"onlyLetters":[4,"only-letters"],"icon":[1],"iconColor":[1,"icon-color"],"invalid":[4],"helperText":[1,"helper-text"],"showHelperOnlyOnError":[4,"show-helper-only-on-error"],"showPassword":[32],"touched":[32]},null,{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["dropi-modal",[[769,"dropi-modal",{"visible":[1540],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"showHeader":[4,"show-header"],"position":[1],"size":[1],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["dropi-paginator",[[513,"dropi-paginator",{"total":[2],"pageSize":[1026,"page-size"],"page":[1538],"maxPages":[2,"max-pages"],"noLabels":[4,"no-labels"],"showPageSizeSelector":[4,"show-page-size-selector"],"pageSizeOptions":[1,"page-size-options"],"parsedOptions":[32]},null,{"pageSizeOptions":[{"optionsChanged":0}]}]]],["dropi-radio-selection-list",[[513,"dropi-radio-selection-list",{"options":[1],"selectedOption":[1032,"selected-option"],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"typeLayout":[1,"type-layout"],"filterText":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-select",[[577,"dropi-select",{"label":[1],"placeholder":[1],"options":[1040],"name":[1],"disabled":[516],"invalid":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"showObligatory":[4,"show-obligatory"],"searchEnabled":[4,"search-enabled"],"multiSelect":[4,"multi-select"],"dropdownType":[4,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[4,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"value":[1040],"isOpen":[32],"selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"value":[{"valueChanged":0}]}]]],["dropi-steps",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag",[[513,"dropi-tag",{"type":[1],"state":[1],"showIcon":[4,"show-icon"],"icon":[1],"text":[1]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["dropi-text-area",[[577,"dropi-text-area",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"minlength":[2],"rows":[2],"resize":[1],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"helperText":[1,"helper-text"],"invalid":[4],"touched":[32]},null,{"value":[{"valueChanged":0}]}]]],["dropi-time-line",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code",[[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]}]]],["dropi-radio-button",[[577,"dropi-radio-button",{"label":[1],"name":[1],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["dropi-read-more",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper",[[513,"dropi-simple-stepper",{"stepsCount":[2,"steps-count"],"typeStep":[1,"type-step"],"currentStep":[2,"current-step"],"labelStepper":[1,"label-stepper"],"flowMode":[1,"flow-mode"]}]]],["dropi-skeleton",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
|
|
19
|
+
return bootstrapLazy(JSON.parse("[[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"title\":[1],\"showSearch\":[4,\"show-search\"],\"showColumnSelector\":[4,\"show-column-selector\"],\"showPaginator\":[4,\"show-paginator\"],\"pageSizes\":[1,\"page-sizes\"],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[2,\"total-pages\"],\"rowActions\":[1,\"row-actions\"],\"headers\":[1],\"data\":[1],\"selectedRowIds\":[16],\"childData\":[1,\"child-data\"],\"visibleRowsChildrens\":[1,\"visible-rows-childrens\"],\"dropiTableConfiguration\":[8,\"dropi-table-configuration\"],\"dropiTableBackendParams\":[8,\"dropi-table-backend-params\"],\"isCursorPagination\":[4,\"is-cursor-pagination\"],\"parsedColumns\":[32],\"parsedRows\":[32],\"parsedPageSizes\":[32],\"parsedRowActions\":[32],\"sortKey\":[32],\"sortDir\":[32],\"sortAsc\":[32],\"selectedKeys\":[32],\"searchTerm\":[32],\"pageSize\":[32],\"showColumnMenu\":[32],\"hiddenColumns\":[32],\"openActionRow\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}],\"pageSizes\":[{\"pageSizesChanged\":0}],\"rowActions\":[{\"rowActionsChanged\":0}],\"headers\":[{\"headersChanged\":0}],\"data\":[{\"dataChanged\":0}]}]]],[\"dropi-alert-modal\",[[513,\"dropi-alert-modal\",{\"visible\":[1540],\"type\":[1025],\"tittle\":[1025],\"message\":[1025],\"primaryButton\":[1025,\"primary-button\"],\"secondaryButton\":[1025,\"secondary-button\"],\"loading\":[4],\"closable\":[1028],\"displayButtons\":[1028,\"display-buttons\"],\"loadingTitle\":[1025,\"loading-title\"],\"loadingMessage\":[1025,\"loading-message\"],\"isStep\":[4,\"is-step\"],\"baseZIndex\":[2,\"base-z-index\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload\",[[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]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[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\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[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]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[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}]}]]],[\"dropi-date-picker\",[[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\"]]]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1028,\"drawer-is-open\"],\"open\":[1028],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[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]},null,{\"progress\":[{\"handleProgress\":0}],\"textFile\":[{\"handleTextFile\":0}]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1028],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player\",[[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\"]]]]],[\"dropi-navbar\",[[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\"]}]]],[\"dropi-phone-input\",[[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}]}]]],[\"dropi-radio-selection-list\",[[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]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[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}]}]]],[\"dropi-sidebar\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[4,\"show-navigators\"],\"showIndicators\":[4,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[4],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"currentColor\":[1025,\"current-color\"],\"position\":[1],\"color\":[32],\"hue\":[32],\"saturation\":[32],\"currentVal\":[32],\"opacity\":[32],\"showEdit\":[32]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"dropi-date-picker-range\",[[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]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[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]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[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]}]]],[\"dropi-simple-stepper\",[[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]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"],\"textLink\":[1,\"text-link\"],\"linkUrl\":[1,\"link-url\"],\"clickedText\":[1,\"clicked-text\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"draggable\":[4],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"hide\":[64],\"show\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-input_3\",[[577,\"dropi-input\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"isPasswordInput\":[1028,\"is-password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},null,{\"inputProperties\":[{\"inputPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}],[513,\"dropi-paginator\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"disabled\":[4],\"maxVisiblePages\":[2,\"max-visible-pages\"],\"isNotTotalPages\":[4,\"is-not-total-pages\"],\"noLabels\":[4,\"no-labels\"]}],[513,\"dropi-tag\",{\"type\":[1],\"state\":[1],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"text\":[1]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"customIconColor\":[1,\"custom-icon-color\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
|
|
20
20
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-TXz_09YZ.js';
|
|
2
2
|
|
|
3
|
-
const dropiVerticalStepsCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #
|
|
3
|
+
const dropiVerticalStepsCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}`;
|
|
4
4
|
|
|
5
5
|
const DropiVerticalSteps = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.
|
|
8
|
+
this.stepClick = createEvent(this, "stepClick", 7);
|
|
9
9
|
}
|
|
10
10
|
/** Array of steps. Pass as JSON string or array */
|
|
11
11
|
steps = [];
|
|
@@ -16,7 +16,7 @@ const DropiVerticalSteps = class {
|
|
|
16
16
|
/** Show check icon inside completed step circles */
|
|
17
17
|
showCheckIcon = true;
|
|
18
18
|
/** Emitted when a step is clicked. e.detail = step number (1-based) */
|
|
19
|
-
|
|
19
|
+
stepClick;
|
|
20
20
|
get parsedSteps() {
|
|
21
21
|
if (typeof this.steps === 'string') {
|
|
22
22
|
try {
|
|
@@ -40,11 +40,11 @@ const DropiVerticalSteps = class {
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
const steps = this.parsedSteps;
|
|
43
|
-
return (h("div", { key: '
|
|
43
|
+
return (h("div", { key: 'c73381c9db9f19ec7a7823c8301fd3dc5ebcd767', class: "vertical-steps" }, steps.map((step, i) => {
|
|
44
44
|
const state = this.resolveState(i, step);
|
|
45
45
|
const isLast = i === steps.length - 1;
|
|
46
46
|
const isClickable = this.clickable && state === 'completed';
|
|
47
|
-
return (h("div", { class: { 'v-step': true, 'v-step--clickable': isClickable }, key: i, onClick: () => isClickable && this.
|
|
47
|
+
return (h("div", { class: { 'v-step': true, 'v-step--clickable': isClickable }, key: i, onClick: () => isClickable && this.stepClick.emit(i + 1) }, h("div", { class: "v-step__indicator" }, h("div", { class: { 'v-step__circle': true, [`v-step__circle--${state}`]: true } }, state === 'completed' && this.showCheckIcon ? (h("dropi-icon", { name: "Check", width: "12px", height: "12px", color: "Neutral-White" })) : (h("span", { class: "v-step__number" }, i + 1))), !isLast && h("div", { class: { 'v-step__line': true, 'v-step__line--done': state === 'completed' } })), h("span", { class: { 'v-step__label': true, [`v-step__label--${state}`]: true } }, step.label)));
|
|
48
48
|
})));
|
|
49
49
|
}
|
|
50
50
|
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-TXz_09YZ.js';
|
|
2
|
+
|
|
3
|
+
const dropiYoutubeLazyVideoCss = () => `:host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--Neutral-Black);overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}`;
|
|
4
|
+
|
|
5
|
+
const DropiYoutubeLazyVideo = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/** YouTube video ID */
|
|
10
|
+
videoId = '';
|
|
11
|
+
/** Local asset thumbnail path (without /assets/images/ prefix and .png extension) */
|
|
12
|
+
thumbnailSrc = '';
|
|
13
|
+
/** Video title for iframe accessibility */
|
|
14
|
+
videoTitle = '';
|
|
15
|
+
isPlaying = false;
|
|
16
|
+
get thumbnail() {
|
|
17
|
+
if (this.thumbnailSrc) {
|
|
18
|
+
return `/assets/images/${this.thumbnailSrc}.png`;
|
|
19
|
+
}
|
|
20
|
+
return `https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`;
|
|
21
|
+
}
|
|
22
|
+
get videoUrl() {
|
|
23
|
+
return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (h("div", { key: '6279fe0a6bea1280c1f11970acaccefefb1cb217', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '3a10666782aa544a9a8803eb9971502f9d7d49eb', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: 'c359f64ca794e0c881b4d86815afef5232ec39d1', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: '0e0ece4ad0e4b7f3eefb908eb41e8d115846cf49', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: '7303be2f675d2b51f7333889392fb291669210c7', name: "Play", width: "17px", height: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '166b4405676d578959188f0f50c882773f9afe63', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
DropiYoutubeLazyVideo.style = dropiYoutubeLazyVideoCss();
|
|
30
|
+
|
|
31
|
+
export { DropiYoutubeLazyVideo as dropi_youtube_lazy_video };
|
|
@@ -488,9 +488,9 @@ var createEvent = (ref, name, flags) => {
|
|
|
488
488
|
return {
|
|
489
489
|
emit: (detail) => {
|
|
490
490
|
return emitEvent(elm, name, {
|
|
491
|
-
bubbles:
|
|
492
|
-
composed:
|
|
493
|
-
cancelable:
|
|
491
|
+
bubbles: !!(flags & 4 /* Bubbles */),
|
|
492
|
+
composed: !!(flags & 2 /* Composed */),
|
|
493
|
+
cancelable: !!(flags & 1 /* Cancellable */),
|
|
494
494
|
detail
|
|
495
495
|
});
|
|
496
496
|
}
|
|
@@ -1718,6 +1718,9 @@ var getHostListenerTarget = (doc, elm, flags) => {
|
|
|
1718
1718
|
if (flags & 4 /* TargetDocument */) {
|
|
1719
1719
|
return doc;
|
|
1720
1720
|
}
|
|
1721
|
+
if (flags & 8 /* TargetWindow */) {
|
|
1722
|
+
return win;
|
|
1723
|
+
}
|
|
1721
1724
|
return elm;
|
|
1722
1725
|
};
|
|
1723
1726
|
var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as globalScripts, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { g as globalScripts, b as bootstrapLazy } from './index-TXz_09YZ.js';
|
|
2
|
+
export { s as setNonce } from './index-TXz_09YZ.js';
|
|
3
3
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["dropi-icon",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["dropi-card-section",[[513,"dropi-card-section",{"sectionTitle":[1,"section-title"],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["dropi-checkbox-selection-list",[[513,"dropi-checkbox-selection-list",{"options":[1],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"showNotFound":[4,"show-not-found"],"notFoundMessage":[1,"not-found-message"],"multiSelect":[4,"multi-select"],"filterText":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-empty-state",[[769,"dropi-empty-state",{"header":[1],"description":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"actionLabel":[1,"action-label"],"secondaryLabel":[1,"secondary-label"]}]]],["dropi-search",[[513,"dropi-search",{"placeholder":[1],"value":[1025],"maxlength":[2],"showClear":[4,"show-clear"],"options":[1],"labelKey":[1,"label-key"],"multiSelect":[4,"multi-select"],"dropdownHeight":[1,"dropdown-height"],"label":[1],"open":[32],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-accordion",[[769,"dropi-accordion",{"header":[1],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["dropi-alert",[[513,"dropi-alert",{"message":[1],"type":[1],"state":[1],"dismissable":[4],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"anchorText":[1,"anchor-text"],"anchorUrl":[1,"anchor-url"],"showAlert":[1028,"show-alert"]}]]],["dropi-chips",[[769,"dropi-chips",{"chipStyle":[1,"chip-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["dropi-dropdown",[[513,"dropi-dropdown",{"options":[1],"valueModel":[1,"value-model"],"imageModel":[1,"image-model"],"height":[1],"selected":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-favorite-button",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["dropi-image-miniature",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["dropi-image-overlay",[[513,"dropi-image-overlay",{"visible":[1028],"images":[1],"activeIndex":[1026,"active-index"],"current":[32],"parsedImages":[32]},null,{"images":[{"imagesChanged":0}],"activeIndex":[{"indexChanged":0}],"visible":[{"visibleChanged":0}]}]]],["dropi-input",[[577,"dropi-input",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1,"input-mode"],"passwordInput":[4,"password-input"],"moneyFormat":[4,"money-format"],"thousandSeparator":[4,"thousand-separator"],"onlyNumbers":[4,"only-numbers"],"allowDecimals":[4,"allow-decimals"],"onlyLetters":[4,"only-letters"],"icon":[1],"iconColor":[1,"icon-color"],"invalid":[4],"helperText":[1,"helper-text"],"showHelperOnlyOnError":[4,"show-helper-only-on-error"],"showPassword":[32],"touched":[32]},null,{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["dropi-modal",[[769,"dropi-modal",{"visible":[1540],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"showHeader":[4,"show-header"],"position":[1],"size":[1],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["dropi-paginator",[[513,"dropi-paginator",{"total":[2],"pageSize":[1026,"page-size"],"page":[1538],"maxPages":[2,"max-pages"],"noLabels":[4,"no-labels"],"showPageSizeSelector":[4,"show-page-size-selector"],"pageSizeOptions":[1,"page-size-options"],"parsedOptions":[32]},null,{"pageSizeOptions":[{"optionsChanged":0}]}]]],["dropi-radio-selection-list",[[513,"dropi-radio-selection-list",{"options":[1],"selectedOption":[1032,"selected-option"],"showFilter":[4,"show-filter"],"filterPlaceholder":[1,"filter-placeholder"],"typeLayout":[1,"type-layout"],"filterText":[32],"parsedOptions":[32]},null,{"options":[{"optionsChanged":0}]}]]],["dropi-select",[[577,"dropi-select",{"label":[1],"placeholder":[1],"options":[1040],"name":[1],"disabled":[516],"invalid":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"showObligatory":[4,"show-obligatory"],"searchEnabled":[4,"search-enabled"],"multiSelect":[4,"multi-select"],"dropdownType":[4,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[4,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"value":[1040],"isOpen":[32],"selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"value":[{"valueChanged":0}]}]]],["dropi-steps",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"]}]]],["dropi-tabs",[[513,"dropi-tabs",{"tabs":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"parsedTabs":[32]},null,{"tabs":[{"tabsChanged":0}]}]]],["dropi-tag",[[513,"dropi-tag",{"type":[1],"state":[1],"showIcon":[4,"show-icon"],"icon":[1],"text":[1]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["dropi-text-area",[[577,"dropi-text-area",{"inputId":[1,"input-id"],"name":[1],"label":[1],"placeholder":[1],"value":[1025],"maxlength":[2],"minlength":[2],"rows":[2],"resize":[1],"disabled":[516],"required":[516],"showAsterisk":[4,"show-asterisk"],"helperText":[1,"helper-text"],"invalid":[4],"touched":[32]},null,{"value":[{"valueChanged":0}]}]]],["dropi-time-line",[[513,"dropi-time-line",{"steps":[1]}]]],["dropi-toast",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["dropi-vertical-steps",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["dropi-avatars",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["dropi-badge",[[513,"dropi-badge",{"state":[1]}]]],["dropi-logo",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["dropi-lottie-loader",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"loaderTitle":[1,"loader-title"],"message":[1]}]]],["dropi-otp-send-code",[[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]}]]],["dropi-radio-button",[[577,"dropi-radio-button",{"label":[1],"name":[1],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["dropi-read-more",[[513,"dropi-read-more",{"text":[1],"maxWords":[2,"max-words"],"showSeeLess":[4,"show-see-less"],"expanded":[32]}]]],["dropi-simple-stepper",[[513,"dropi-simple-stepper",{"stepsCount":[2,"steps-count"],"typeStep":[1,"type-step"],"currentStep":[2,"current-step"],"labelStepper":[1,"label-stepper"],"flowMode":[1,"flow-mode"]}]]],["dropi-skeleton",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"lines":[2]}]]],["dropi-tooltip",[[769,"dropi-tooltip",{"text":[1],"position":[1],"maxWidth":[1,"max-width"],"showDelay":[2,"show-delay"],"visible":[32]}]]],["dropi-button",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"text":[1]}]]],["dropi-switch",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["dropi-checkbox",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]], options);
|
|
7
|
+
return bootstrapLazy(JSON.parse("[[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":0}]}]]],[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"title\":[1],\"showSearch\":[4,\"show-search\"],\"showColumnSelector\":[4,\"show-column-selector\"],\"showPaginator\":[4,\"show-paginator\"],\"pageSizes\":[1,\"page-sizes\"],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[2,\"total-pages\"],\"rowActions\":[1,\"row-actions\"],\"headers\":[1],\"data\":[1],\"selectedRowIds\":[16],\"childData\":[1,\"child-data\"],\"visibleRowsChildrens\":[1,\"visible-rows-childrens\"],\"dropiTableConfiguration\":[8,\"dropi-table-configuration\"],\"dropiTableBackendParams\":[8,\"dropi-table-backend-params\"],\"isCursorPagination\":[4,\"is-cursor-pagination\"],\"parsedColumns\":[32],\"parsedRows\":[32],\"parsedPageSizes\":[32],\"parsedRowActions\":[32],\"sortKey\":[32],\"sortDir\":[32],\"sortAsc\":[32],\"selectedKeys\":[32],\"searchTerm\":[32],\"pageSize\":[32],\"showColumnMenu\":[32],\"hiddenColumns\":[32],\"openActionRow\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}],\"pageSizes\":[{\"pageSizesChanged\":0}],\"rowActions\":[{\"rowActionsChanged\":0}],\"headers\":[{\"headersChanged\":0}],\"data\":[{\"dataChanged\":0}]}]]],[\"dropi-alert-modal\",[[513,\"dropi-alert-modal\",{\"visible\":[1540],\"type\":[1025],\"tittle\":[1025],\"message\":[1025],\"primaryButton\":[1025,\"primary-button\"],\"secondaryButton\":[1025,\"secondary-button\"],\"loading\":[4],\"closable\":[1028],\"displayButtons\":[1028,\"display-buttons\"],\"loadingTitle\":[1025,\"loading-title\"],\"loadingMessage\":[1025,\"loading-message\"],\"isStep\":[4,\"is-step\"],\"baseZIndex\":[2,\"base-z-index\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload\",[[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]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[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\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[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]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[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}]}]]],[\"dropi-date-picker\",[[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\"]]]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1028,\"drawer-is-open\"],\"open\":[1028],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[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]},null,{\"progress\":[{\"handleProgress\":0}],\"textFile\":[{\"handleTextFile\":0}]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1028],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player\",[[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\"]]]]],[\"dropi-navbar\",[[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\"]}]]],[\"dropi-phone-input\",[[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}]}]]],[\"dropi-radio-selection-list\",[[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]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[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}]}]]],[\"dropi-sidebar\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[4,\"show-navigators\"],\"showIndicators\":[4,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[4],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"currentColor\":[1025,\"current-color\"],\"position\":[1],\"color\":[32],\"hue\":[32],\"saturation\":[32],\"currentVal\":[32],\"opacity\":[32],\"showEdit\":[32]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"dropi-date-picker-range\",[[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]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[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]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[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]}]]],[\"dropi-simple-stepper\",[[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]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"],\"textLink\":[1,\"text-link\"],\"linkUrl\":[1,\"link-url\"],\"clickedText\":[1,\"clicked-text\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"draggable\":[4],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"hide\":[64],\"show\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-input_3\",[[577,\"dropi-input\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"isPasswordInput\":[1028,\"is-password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},null,{\"inputProperties\":[{\"inputPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}],[513,\"dropi-paginator\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"disabled\":[4],\"maxVisiblePages\":[2,\"max-visible-pages\"],\"isNotTotalPages\":[4,\"is-not-total-pages\"],\"noLabels\":[4,\"no-labels\"]}],[513,\"dropi-tag\",{\"type\":[1],\"state\":[1],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"text\":[1]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"customIconColor\":[1,\"custom-icon-color\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @component dropi-accordion-item
|
|
3
|
+
* Collapsible section item intended to be used inside <dropi-accordion>.
|
|
4
|
+
*/
|
|
5
|
+
export declare class DropiAccordionItem {
|
|
6
|
+
el: HTMLElement;
|
|
7
|
+
/** The title of the item — matches Angular `sectionTitle` */
|
|
8
|
+
sectionTitle: string;
|
|
9
|
+
/** Index of the item — matches Angular `index` */
|
|
10
|
+
index: number;
|
|
11
|
+
/** Whether the section is expanded */
|
|
12
|
+
open: boolean;
|
|
13
|
+
/** Disable toggling */
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
/** Icon name before title */
|
|
16
|
+
preIcon: string;
|
|
17
|
+
private contentHeight;
|
|
18
|
+
private contentRef?;
|
|
19
|
+
openChanged(val: boolean): void;
|
|
20
|
+
componentDidLoad(): void;
|
|
21
|
+
private updateHeight;
|
|
22
|
+
private handleToggle;
|
|
23
|
+
render(): any;
|
|
24
|
+
}
|
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
1
|
/**
|
|
3
2
|
* @component dropi-accordion
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* <dropi-accordion header="¿Cómo funciona?">
|
|
8
|
-
* <p>Contenido del acordeón aquí.</p>
|
|
9
|
-
* </dropi-accordion>
|
|
3
|
+
* Container for <dropi-accordion-item> components.
|
|
10
4
|
*/
|
|
11
5
|
export declare class DropiAccordion {
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
/** Whether the section is expanded */
|
|
15
|
-
open: boolean;
|
|
16
|
-
/** Disable toggling */
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
/** Icon name from dropi-icon sprite (shown before title) */
|
|
19
|
-
preIcon: string;
|
|
20
|
-
/** Emitted when toggled. e.detail = new open state */
|
|
21
|
-
dropiToggle: EventEmitter<boolean>;
|
|
22
|
-
private contentHeight;
|
|
23
|
-
private contentRef?;
|
|
24
|
-
openChanged(val: boolean): void;
|
|
25
|
-
componentDidLoad(): void;
|
|
26
|
-
private updateHeight;
|
|
27
|
-
private handleToggle;
|
|
6
|
+
/** Allows multiple sections to be open at the same time. If false, only one section can be open. */
|
|
7
|
+
multiple: boolean;
|
|
28
8
|
render(): any;
|
|
29
9
|
}
|
|
@@ -25,11 +25,17 @@ export declare class DropiAlert {
|
|
|
25
25
|
anchorUrl: string;
|
|
26
26
|
/** Whether the alert is visible */
|
|
27
27
|
showAlert: boolean;
|
|
28
|
+
/** Link text (alternative to anchorText) */
|
|
29
|
+
textLink: string;
|
|
30
|
+
/** Link URL (alternative to anchorUrl) */
|
|
31
|
+
linkUrl: string;
|
|
32
|
+
/** Clicked text tracking */
|
|
33
|
+
clickedText: string;
|
|
28
34
|
/** Emitted when the alert is dismissed */
|
|
29
|
-
|
|
35
|
+
onClose: EventEmitter<void>;
|
|
30
36
|
/** Emitted when the action button is clicked */
|
|
31
|
-
|
|
37
|
+
onButtonClick: EventEmitter<void>;
|
|
32
38
|
/** Emitted when the anchor link is clicked */
|
|
33
|
-
|
|
39
|
+
onClickLink: EventEmitter<void>;
|
|
34
40
|
render(): any;
|
|
35
41
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @component dropi-alert-legacy
|
|
3
|
+
* Legacy alert component for backward compatibility with Angular core.
|
|
4
|
+
*/
|
|
5
|
+
export declare class DropiAlertLegacy {
|
|
6
|
+
/** Visibility toggle */
|
|
7
|
+
visible: boolean;
|
|
8
|
+
/** Alert message */
|
|
9
|
+
message: string;
|
|
10
|
+
/** Semantic type: success | error | warning | info */
|
|
11
|
+
type: 'success' | 'error' | 'warning' | 'info';
|
|
12
|
+
/** Automatically close after timeout */
|
|
13
|
+
autoClose: boolean;
|
|
14
|
+
private timer;
|
|
15
|
+
componentDidLoad(): void;
|
|
16
|
+
private startTimer;
|
|
17
|
+
render(): any;
|
|
18
|
+
}
|