@dropi/ui 0.1.42 → 0.1.43

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CEWSDq65.js');
+var index = require('./index-DydfpGMc.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"dropi-table.cjs\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"tableTitle\":[1,\"table-title\"],\"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.cjs\",[[772,\"dropi-alert-modal\",{\"visible\":[1544],\"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\"],\"isWhiteLabel\":[4,\"is-white-label\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox.cjs\",[[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.cjs\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1032,\"drawer-is-open\"],\"open\":[1032],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button.cjs\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar.cjs\",[[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.cjs\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay.cjs\",[[513,\"dropi-image-overlay\",{\"visible\":[1032],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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\"],\"withinModal\":[4,\"within-modal\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"_selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[11,\"scroll\",\"handleWindowScroll\"],[9,\"resize\",\"handleWindowResize\"],[4,\"click\",\"handleOutsideClick\"]],{\"selectProperties\":[{\"selectPropertiesChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"selectedOption\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar.cjs\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast.cjs\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2.cjs\",[[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.cjs\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video.cjs\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion.cjs\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy.cjs\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge.cjs\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy.cjs\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel.cjs\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[8,\"show-navigators\"],\"showIndicators\":[8,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[8],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader.cjs\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code.cjs\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digitsCount\":[2,\"digits-count\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]},null,{\"digitsCount\":[{\"handleDigitsCountChange\":0}]}]]],[\"dropi-progress-bar.cjs\",[[513,\"dropi-progress-bar\",{\"value\":[2],\"severity\":[1],\"height\":[1],\"showValue\":[4,\"show-value\"],\"trackColor\":[1,\"track-color\"],\"color\":[1]}]]],[\"dropi-radio-button.cjs\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product.cjs\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip.cjs\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon.cjs\",[[513,\"dropi-icon\",{\"name\":[1],\"iconWidth\":[1,\"icon-width\"],\"iconHeight\":[1,\"icon-height\"],\"color\":[1],\"strokeWidth\":[1,\"stroke-width\"]},null,{\"iconWidth\":[{\"widthChanged\":0}],\"iconHeight\":[{\"heightChanged\":0}],\"color\":[{\"colorChanged\":0}],\"strokeWidth\":[{\"strokeWidthChanged\":0}]}]]],[\"dropi-alert.cjs\",[[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.cjs\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-avatars.cjs\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal.cjs\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"isDraggable\":[4,\"is-draggable\"],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"dismiss\":[64],\"openModalExternally\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch.cjs\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags.cjs\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-input_3.cjs\",[[577,\"dropi-input\",{\"inputId\":[1025,\"input-id\"],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"passwordInput\":[1028,\"password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},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\",{\"variant\":[513],\"type\":[513],\"state\":[513],\"showIcon\":[4,\"show-icon\"],\"icon\":[513],\"text\":[513]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}],\"variant\":[{\"propsChanged\":0}]}]]],[\"dropi-button.cjs\",[[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.cjs\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dropi-table.cjs\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"tableTitle\":[1,\"table-title\"],\"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.cjs\",[[772,\"dropi-alert-modal\",{\"visible\":[1544],\"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\"],\"isWhiteLabel\":[4,\"is-white-label\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox.cjs\",[[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.cjs\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector.cjs\",[[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.cjs\",[[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\"],\"appendTo\":[1,\"append-to\"],\"isOpen\":[32],\"selected\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"currentSelection\":[{\"currentSelectionChanged\":0}],\"selectProperties\":[{\"selectPropertiesChanged\":0}]}]]],[\"dropi-date-picker.cjs\",[[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.cjs\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1032,\"drawer-is-open\"],\"open\":[1032],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button.cjs\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar.cjs\",[[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.cjs\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay.cjs\",[[513,\"dropi-image-overlay\",{\"visible\":[1032],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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\"],\"withinModal\":[4,\"within-modal\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"_selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[11,\"scroll\",\"handleWindowScroll\"],[9,\"resize\",\"handleWindowResize\"],[4,\"click\",\"handleOutsideClick\"]],{\"selectProperties\":[{\"selectPropertiesChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"selectedOption\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar.cjs\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast.cjs\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2.cjs\",[[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.cjs\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video.cjs\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion.cjs\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy.cjs\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge.cjs\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy.cjs\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel.cjs\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[8,\"show-navigators\"],\"showIndicators\":[8,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[8],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader.cjs\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code.cjs\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digitsCount\":[2,\"digits-count\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]},null,{\"digitsCount\":[{\"handleDigitsCountChange\":0}]}]]],[\"dropi-progress-bar.cjs\",[[513,\"dropi-progress-bar\",{\"value\":[2],\"severity\":[1],\"height\":[1],\"showValue\":[4,\"show-value\"],\"trackColor\":[1,\"track-color\"],\"color\":[1]}]]],[\"dropi-radio-button.cjs\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product.cjs\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip.cjs\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon.cjs\",[[513,\"dropi-icon\",{\"name\":[1],\"iconWidth\":[1,\"icon-width\"],\"iconHeight\":[1,\"icon-height\"],\"color\":[1],\"strokeWidth\":[1,\"stroke-width\"]},null,{\"iconWidth\":[{\"widthChanged\":0}],\"iconHeight\":[{\"heightChanged\":0}],\"color\":[{\"colorChanged\":0}],\"strokeWidth\":[{\"strokeWidthChanged\":0}]}]]],[\"dropi-alert.cjs\",[[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.cjs\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-avatars.cjs\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal.cjs\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"isDraggable\":[4,\"is-draggable\"],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"dismiss\":[64],\"openModalExternally\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch.cjs\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags.cjs\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-input_3.cjs\",[[577,\"dropi-input\",{\"inputId\":[1025,\"input-id\"],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"passwordInput\":[1028,\"password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},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\",{\"variant\":[513],\"type\":[513],\"state\":[513],\"showIcon\":[4,\"show-icon\"],\"icon\":[513],\"text\":[513]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}],\"variant\":[{\"propsChanged\":0}]}]]],[\"dropi-button.cjs\",[[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.cjs\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/dropi-city-selector/dropi-city-selector.css

@@ -92,7 +92,7 @@
   border: 1px solid var(--Gray-Gray-200, #c3c9d9);
   border-radius: var(--Border-2, 8px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
-  z-index: 200;
+  z-index: var(--dropi-z-index-overlay, 11000);
   overflow: hidden;
 }
 

package/dist/collection/components/dropi-country-selector/dropi-country-selector.css

@@ -106,7 +106,7 @@ label {
   background: var(--Neutral-White, #ffffff);
   border: 1px solid var(--Gray-Gray-200, #c3c9d9);
   border-radius: var(--Border-2, 8px);
-  z-index: 200;
+  z-index: var(--dropi-z-index-overlay, 11000);
   list-style: none;
   padding: 0;
   margin: 0;

package/dist/collection/components/dropi-country-selector/dropi-country-selector.js

@@ -1,4 +1,33 @@
 import { h } from "@stencil/core";
+const PORTAL_CSS = `
+.select-dropdown {
+  background: #ffffff;
+  border: 1px solid #c3c9d9;
+  border-radius: 8px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: 0 8px 24px rgba(0,0,0,.10);
+  overflow: hidden;
+  transition: max-height .2s ease, opacity .2s ease;
+  font-family: inherit;
+  font-size: 14px;
+}
+.select-dropdown.expanded { max-height: 300px; opacity: 1; overflow-y: auto; }
+.select-dropdown.collapsed { max-height: 0; opacity: 0; pointer-events: none; border-color: transparent; box-shadow: none; }
+.select-dropdown::-webkit-scrollbar { width: 6px; }
+.select-dropdown::-webkit-scrollbar-track { background: transparent; }
+.select-dropdown::-webkit-scrollbar-thumb { background: #c3c9d9; border-radius: 4px; }
+.search-li { padding: 10px 12px; position: sticky; top: 0; background: #ffffff; z-index: 1; border-bottom: 1px solid #e6eaf2; }
+.search-field { position: relative; display: flex; align-items: center; }
+.country-search { width: 100%; height: 36px; padding: 0 36px 0 12px; border: 1px solid #c3c9d9; border-radius: 8px; outline: none; font-size: 14px; font-family: inherit; color: #32394d; background: #f7f8fa; }
+.country-search:focus { border-color: #50a5f1; background: #ffffff; }
+.country-search::placeholder { color: #858ea6; }
+.search-icon { position: absolute; right: 10px; display: flex; align-items: center; pointer-events: none; }
+.option { width: 100%; min-height: 44px; padding: 10px 16px; border: none; background: transparent; text-align: left; color: #32394d; font-size: 14px; font-family: inherit; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: background .1s ease; white-space: nowrap; }
+.option:hover { background: #f7f8fa; }
+.flag-img { border-radius: 4px; width: 24px; height: 24px; object-fit: cover; flex-shrink: 0; }
+`;
 const COUNTRIES = [
     { name: 'Afghanistan', code: 'AF', codePhone: '93' },
     { name: 'Albania', code: 'AL', codePhone: '355' },
@@ -119,15 +148,25 @@ export class DropiCountrySelector {
      * When provided, its non-null fields override individual props.
      */
     selectProperties = null;
+    /** When set to "body", the dropdown renders with fixed positioning to escape parent overflow clipping */
+    appendTo = '';
     /** Emitted when a country is selected. Detail is the CountryItem. */
     dropiChange;
     isOpen = false;
     selected = null;
     el;
+    buttonRef;
+    portalContainer = null;
+    portalFocusedSelector = null;
     handleDocClick(e) {
-        if (this.isOpen && !e.composedPath().includes(this.el)) {
-            this.isOpen = false;
-        }
+        if (!this.isOpen)
+            return;
+        const path = e.composedPath();
+        if (path.includes(this.el))
+            return;
+        if (this.portalContainer && path.includes(this.portalContainer))
+            return;
+        this.isOpen = false;
     }
     searchInputRef;
     currentSelectionChanged(val) {
@@ -153,6 +192,55 @@ export class DropiCountrySelector {
         if (this.currentSelection)
             this.currentSelectionChanged(this.currentSelection);
     }
+    componentDidLoad() {
+        if (this.appendTo !== 'body')
+            return;
+        this.portalContainer = document.createElement('div');
+        const style = document.createElement('style');
+        style.textContent = PORTAL_CSS;
+        this.portalContainer.appendChild(style);
+        document.body.appendChild(this.portalContainer);
+    }
+    disconnectedCallback() {
+        this.returnUlToShadow();
+        this.portalContainer?.remove();
+        this.portalContainer = null;
+    }
+    componentWillRender() {
+        if (!this.portalContainer)
+            return;
+        const active = document.activeElement;
+        if (active && this.portalContainer.contains(active)) {
+            this.portalFocusedSelector = '.' + Array.from(active.classList).join('.');
+        }
+        this.returnUlToShadow();
+    }
+    componentDidRender() {
+        if (!this.portalContainer || !this.buttonRef)
+            return;
+        const ul = this.el.shadowRoot?.querySelector('ul.select-dropdown');
+        if (!ul)
+            return;
+        const rect = this.buttonRef.getBoundingClientRect();
+        ul.style.cssText = `position:fixed;top:${rect.bottom + 4}px;left:${rect.left}px;width:${rect.width}px;z-index:11000;`;
+        this.portalContainer.appendChild(ul);
+        if (this.portalFocusedSelector) {
+            const el = this.portalContainer.querySelector(this.portalFocusedSelector);
+            if (el) {
+                const len = el.value?.length ?? 0;
+                el.focus();
+                el.setSelectionRange?.(len, len);
+            }
+            this.portalFocusedSelector = null;
+        }
+    }
+    returnUlToShadow() {
+        if (!this.portalContainer)
+            return;
+        const ul = this.portalContainer.querySelector('ul.select-dropdown');
+        if (ul)
+            this.el.shadowRoot?.querySelector('.custom-select')?.appendChild(ul);
+    }
     get filtered() {
         if (!this.searchTerm)
             return COUNTRIES;
@@ -175,11 +263,11 @@ export class DropiCountrySelector {
         this.dropiChange.emit(country);
     }
     render() {
-        return (h("div", { key: '036ea5668f8ff842f69f13c9d94000ecdc96126b', class: "custom-select" }, this.label && (h("label", { key: '457b2a26a2e9ea425aa95a2a162f2f3e547376e3' }, this.label, this.showObligatory && h("span", { key: 'fc2b04e48d9372e0e5c1f593e57797558dc2e359', class: "required" }, "*"))), h("button", { key: '0239ee64b4859e45a9b8dcff0e175124d16cdc09', type: "button", class: {
+        return (h("div", { key: '1a510a9b0aad889618ab94b7b54670fab1e56729', class: "custom-select" }, this.label && (h("label", { key: '3e86a64a1b3fe27708bc3a605d5de0dc0ef926ca' }, this.label, this.showObligatory && h("span", { key: 'af72e01e496a42d59d48d2c3c5eaba04a73e708c', class: "required" }, "*"))), h("button", { key: 'cbd2aa745610bffb96b507527c4fe88fd80cbbd1', type: "button", ref: (el) => { this.buttonRef = el; }, class: {
                 'select-button': true,
                 'select-completed': !!this.selected,
                 'select-invalid': this.hasError,
-            }, disabled: this.disabled, onClick: () => this.open() }, h("div", { key: 'dd468a1977089ada40f93e1e76f0d55349c5f80d', class: "selected-content" }, this.selected ? (h("span", { class: "selected-option" }, h("img", { class: "flag-img", src: `https://flagsapi.com/${this.selected.code}/shiny/24.png`, alt: this.selected.name }), this.selected.name)) : (h("span", { class: "placeholder-text" }, this.placeholder))), h("dropi-icon", { key: '397055b90b0dab05effdcd2bc26a9839f963fa89', name: this.isOpen ? 'Arrow-Up-2' : 'Arrow-Down-2', iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-500" })), h("ul", { key: 'cac3fd861f38331eb4fada4f65ee897d1017cc52', class: `select-dropdown${this.isOpen ? ' expanded' : ' collapsed'}` }, h("li", { key: '0ccd958e816ff47fd53647d59f078483c7dbb3eb', class: "search-li" }, h("div", { key: '7ad42859a5743aa27aea9a001f1424e50cdc9f60', class: "search-field" }, h("input", { key: 'cb599f62e811383caeda0e329b688123f74fa571', ref: (el) => { this.searchInputRef = el; }, type: "text", class: "country-search", placeholder: "Buscar pa\u00EDs...", value: this.searchTerm, onInput: (e) => { this.searchTerm = e.target.value; } }), h("span", { key: 'c60f6af4051d721a9c4c9b09f562f80d72a538eb', class: "search-icon" }, h("dropi-icon", { key: '93477b3d42c8022424ea886820db795c5dc1194a', name: "Search", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" })))), this.filtered.map(country => (h("li", { key: country.code }, h("button", { class: "option", type: "button", onClick: () => this.select(country) }, h("img", { class: "flag-img", src: `https://flagsapi.com/${country.code}/shiny/24.png`, alt: country.name }), country.name))))), this.textHelper && (h("div", { key: 'e8fd998ffea654db0bac5e91b40ebd221781b12d', class: { 'select-helper': true, 'select-helper-error': this.hasError } }, this.hasError && h("dropi-icon", { key: 'c7a334f5c2813cd0c4db5c8d36157b14ed2bdb11', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" }), h("span", { key: '04c7b006f67d6a4a3564fbe39c214f2fe9708cb4' }, this.textHelper)))));
+            }, disabled: this.disabled, onClick: () => this.open() }, h("div", { key: 'b50e848e8689d2e1aacfef0213b25d9cc85782c0', class: "selected-content" }, this.selected ? (h("span", { class: "selected-option" }, h("img", { class: "flag-img", src: `https://flagsapi.com/${this.selected.code}/shiny/24.png`, alt: this.selected.name }), this.selected.name)) : (h("span", { class: "placeholder-text" }, this.placeholder))), h("dropi-icon", { key: '324a2e95d8fbb6ee25c434912e6b84005af3d4fe', name: this.isOpen ? 'Arrow-Up-2' : 'Arrow-Down-2', iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-500" })), h("ul", { key: 'f93d34cb715ea78dcb12242148cdb8dc143fbdbf', class: `select-dropdown${this.isOpen ? ' expanded' : ' collapsed'}` }, h("li", { key: '7100ecf3ca9ddfebbc7f5461614d3ae5e714f9a7', class: "search-li" }, h("div", { key: 'ca31fe6fa95231b0ac75e08bf96a97f28bc3f947', class: "search-field" }, h("input", { key: '6d07a808c8982991934351b2f9d9b96ef136b4b3', ref: (el) => { this.searchInputRef = el; }, type: "text", class: "country-search", placeholder: "Buscar pa\u00EDs...", value: this.searchTerm, onInput: (e) => { this.searchTerm = e.target.value; } }), h("span", { key: '77c15e6a1d92bbfa570eca92f862a6a29f167c67', class: "search-icon" }, h("dropi-icon", { key: '8a49100954c335d09fbe418836c76037abd00e60', name: "Search", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" })))), this.filtered.map(country => (h("li", { key: country.code }, h("button", { class: "option", type: "button", onClick: () => this.select(country) }, h("img", { class: "flag-img", src: `https://flagsapi.com/${country.code}/shiny/24.png`, alt: country.name }), country.name))))), this.textHelper && (h("div", { key: '52089f00fe6c8ecc115a35068365f62a7328ecbe', class: { 'select-helper': true, 'select-helper-error': this.hasError } }, this.hasError && h("dropi-icon", { key: '5272c813693f350a195990ae946ac50387b09723', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" }), h("span", { key: '7d74cd023b30b08753ea841ef1a1592497be9884' }, this.textHelper)))));
     }
     static get is() { return "dropi-country-selector"; }
     static get encapsulation() { return "shadow"; }
@@ -374,6 +462,26 @@ export class DropiCountrySelector {
                 "reflect": false,
                 "attribute": "select-properties",
                 "defaultValue": "null"
+            },
+            "appendTo": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When set to \"body\", the dropdown renders with fixed positioning to escape parent overflow clipping"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "append-to",
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/components/dropi-drawer/dropi-drawer.css

@@ -4,7 +4,7 @@
 .drawer-host {
   position: fixed;
   inset: 0;
-  z-index: 1000;
+  z-index: var(--dropi-z-index-drawer, 9999);
   pointer-events: none;
   visibility: hidden;
 }

package/dist/collection/components/dropi-modal/dropi-modal.css

@@ -5,7 +5,7 @@
   position: fixed; inset: 0;
   display: flex; align-items: center; justify-content: center;
   pointer-events: none; opacity: 0;
-  transition: opacity 0.18s ease; z-index: 9999;
+  transition: opacity 0.18s ease; z-index: var(--dropi-z-index-modal, 9999);
   visibility: hidden;
 }
 .modal-root--open { opacity: 1; pointer-events: auto; visibility: visible; }

package/dist/collection/components/dropi-phone-input/dropi-phone-input.css

@@ -130,7 +130,7 @@ input[type='number'] {
   border: 1px solid transparent;
   border-radius: var(--Border-2, 8px);
   overflow-y: scroll;
-  z-index: 100;
+  z-index: var(--dropi-z-index-overlay, 11000);
 }
 
 /* Scrollbar */

package/dist/collection/components/dropi-select/dropi-select.css

@@ -123,7 +123,7 @@
   border-radius: var(--Border-2, 8px);
   background: var(--Neutral-White, #ffffff);
   box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
-  z-index: 9999;
+  z-index: var(--dropi-z-index-overlay, 11000);
   animation: dropdown-open 120ms ease-out;
 }
 

package/dist/collection/components/dropi-toast/dropi-toast.css

@@ -1,7 +1,7 @@
 :host { display: contents; }
 *, *::before, *::after { box-sizing: border-box; }
 
-.toast-container { position: fixed; z-index: 9999; display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; }
+.toast-container { position: fixed; z-index: var(--dropi-z-index-toast, 12000); display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; }
 .toast-container--top-right    { top: 80px; right: 0; padding: var(--Size-2, 8px); }
 .toast-container--top-left     { top: 80px; left: 0; padding: var(--Size-2, 8px); }
 .toast-container--bottom-right { bottom: 24px; right: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }

package/dist/collection/components/dropi-tooltip/dropi-tooltip.css

@@ -18,7 +18,7 @@
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s;
-  z-index: 1000;
+  z-index: var(--dropi-z-index-overlay, 11000);
 }
 
 :host(:hover) .tooltip-simple-bubble {

package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css

@@ -4,7 +4,7 @@
 .tooltip-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; }
 
 .tooltip-bubble {
-  position: absolute; z-index: 9999;
+  position: absolute; z-index: var(--dropi-z-index-overlay, 11000);
   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;

package/dist/components/dropi-alert-modal.js

@@ -1 +1 @@
-import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-BSHROiHb.js";import{d}from"./p-B9rJd-Rf.js";import{d as n}from"./p-BmuWhHN-.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],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"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}
+import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-BSHROiHb.js";import{d}from"./p-B9rJd-Rf.js";import{d as n}from"./p-Bw8zPxUl.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],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"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}

package/dist/components/dropi-city-selector.js

@@ -1 +1 @@
-import{t as e,p as r,H as i,c as t,h as a}from"./index.js";import{d as o}from"./p-B9rJd-Rf.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=t(this,"selectedCitiesChange")}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const i=r.items.find((r=>r.value==e));if(i)return i.label}return e+""}render(){const e=this.filtered;return a("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},a("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},a("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&a("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>a("span",{class:"chip",key:e+""},this.getLabel(e),a("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},a("dropi-icon",{name:"Close-small",iconWidth:"10px",iconHeight:"10px",color:"Primary-Primary-500"})))))),a("dropi-icon",{key:"f99675449127fb19fdea950db057d8c14ca62644",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"2a14a55016c19128fde45359f4b29b6f04f9b035",class:"dropdown",role:"listbox"},a("div",{key:"1321152ed7b0d3f50b04c7f28b05f1523c41cce4",class:"search-wrap"},a("div",{key:"7c94a7506d44cd89b83e5782cce16319f266f82c",class:"search-field"},a("input",{key:"5f40db9a8df0adc09776b4adcfe03a4a6d1d1467",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),a("span",{key:"3140903ef4355b970c8f348e4f55d43f852e247d",class:"search-icon"},a("dropi-icon",{key:"b59235b0d7a685000033d2a294fbce246d0ba4c2",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),a("div",{key:"bfd40e336b402bd92ec212466cf89e1cffb0d4be",class:"options-list"},0===e.length&&a("div",{key:"9fce9b4df1ffb122278480f0ab60255ea0c795ec",class:"no-results"},"Sin resultados"),e.map((e=>a("div",{key:e.value,class:"group"},a("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return a("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},a("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&a("dropi-icon",{name:"Check",iconWidth:"10px",iconHeight:"10px",color:"Neutral-White"})),a("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:200;overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[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}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const n=s,d=c;export{n as DropiCitySelector,d as defineCustomElement}
+import{t as e,p as r,H as i,c as t,h as a}from"./index.js";import{d as o}from"./p-B9rJd-Rf.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=t(this,"selectedCitiesChange")}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const i=r.items.find((r=>r.value==e));if(i)return i.label}return e+""}render(){const e=this.filtered;return a("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},a("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},a("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&a("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>a("span",{class:"chip",key:e+""},this.getLabel(e),a("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},a("dropi-icon",{name:"Close-small",iconWidth:"10px",iconHeight:"10px",color:"Primary-Primary-500"})))))),a("dropi-icon",{key:"f99675449127fb19fdea950db057d8c14ca62644",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"2a14a55016c19128fde45359f4b29b6f04f9b035",class:"dropdown",role:"listbox"},a("div",{key:"1321152ed7b0d3f50b04c7f28b05f1523c41cce4",class:"search-wrap"},a("div",{key:"7c94a7506d44cd89b83e5782cce16319f266f82c",class:"search-field"},a("input",{key:"5f40db9a8df0adc09776b4adcfe03a4a6d1d1467",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),a("span",{key:"3140903ef4355b970c8f348e4f55d43f852e247d",class:"search-icon"},a("dropi-icon",{key:"b59235b0d7a685000033d2a294fbce246d0ba4c2",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),a("div",{key:"bfd40e336b402bd92ec212466cf89e1cffb0d4be",class:"options-list"},0===e.length&&a("div",{key:"9fce9b4df1ffb122278480f0ab60255ea0c795ec",class:"no-results"},"Sin resultados"),e.map((e=>a("div",{key:e.value,class:"group"},a("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return a("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},a("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&a("dropi-icon",{name:"Check",iconWidth:"10px",iconHeight:"10px",color:"Neutral-White"})),a("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:var(--dropi-z-index-overlay, 11000);overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[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}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const n=s,d=c;export{n as DropiCitySelector,d as defineCustomElement}

package/dist/components/dropi-country-selector.js

@@ -1 +1 @@
-import{t as e,p as o,H as a,c as n,h as c}from"./index.js";import{d as r}from"./p-B9rJd-Rf.js";const d=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],t=o(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=n(this,"dropiChange")}label="";placeholder="Selecciona un país";currentSelection="";disabled=!1;showObligatory=!1;hasError=!1;textHelper="";searchTerm="";selectProperties=null;dropiChange;isOpen=!1;selected=null;get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}searchInputRef;currentSelectionChanged(e){this.selected=d.find((o=>o.code===e))||null}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.hasError&&(this.hasError=e.hasError))}componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.currentSelection&&this.currentSelectionChanged(this.currentSelection)}get filtered(){if(!this.searchTerm)return d;const e=this.searchTerm.toLowerCase();return d.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.currentSelection=e.code,this.dropiChange.emit(e)}render(){return c("div",{key:"036ea5668f8ff842f69f13c9d94000ecdc96126b",class:"custom-select"},this.label&&c("label",{key:"457b2a26a2e9ea425aa95a2a162f2f3e547376e3"},this.label,this.showObligatory&&c("span",{key:"fc2b04e48d9372e0e5c1f593e57797558dc2e359",class:"required"},"*")),c("button",{key:"0239ee64b4859e45a9b8dcff0e175124d16cdc09",type:"button",class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.hasError},disabled:this.disabled,onClick:()=>this.open()},c("div",{key:"dd468a1977089ada40f93e1e76f0d55349c5f80d",class:"selected-content"},this.selected?c("span",{class:"selected-option"},c("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):c("span",{class:"placeholder-text"},this.placeholder)),c("dropi-icon",{key:"397055b90b0dab05effdcd2bc26a9839f963fa89",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),c("ul",{key:"cac3fd861f38331eb4fada4f65ee897d1017cc52",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},c("li",{key:"0ccd958e816ff47fd53647d59f078483c7dbb3eb",class:"search-li"},c("div",{key:"7ad42859a5743aa27aea9a001f1424e50cdc9f60",class:"search-field"},c("input",{key:"cb599f62e811383caeda0e329b688123f74fa571",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}}),c("span",{key:"c60f6af4051d721a9c4c9b09f562f80d72a538eb",class:"search-icon"},c("dropi-icon",{key:"93477b3d42c8022424ea886820db795c5dc1194a",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),this.filtered.map((e=>c("li",{key:e.code},c("button",{class:"option",type:"button",onClick:()=>this.select(e)},c("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))),this.textHelper&&c("div",{key:"e8fd998ffea654db0bac5e91b40ebd221781b12d",class:{"select-helper":!0,"select-helper-error":this.hasError}},this.hasError&&c("dropi-icon",{key:"c7a334f5c2813cd0c4db5c8d36157b14ed2bdb11",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),c("span",{key:"04c7b006f67d6a4a3564fbe39c214f2fe9708cb4"},this.textHelper)))}static get watchers(){return{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}}static get style(){return":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:44px;padding:0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{color:var(--Gray-Gray-700, #32394d)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px)}.placeholder-text{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.flag-img{border-radius:var(--Border-1, 4px);width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);overflow:hidden;transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:300px;opacity:1;overflow-y:auto}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-300, #a3abbf)}.search-li{padding:10px 12px;position:sticky;top:0;background:var(--Neutral-White, #ffffff);z-index:1;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.country-search{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);outline:none;font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);transition:border-color 0.15s, background 0.15s}.country-search:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.country-search::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.option{width:100%;min-height:44px;padding:10px 16px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s ease;white-space:nowrap}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-country-selector",{label:[1],placeholder:[1],currentSelection:[1025,"current-selection"],disabled:[4],showObligatory:[4,"show-obligatory"],hasError:[4,"has-error"],textHelper:[1,"text-helper"],searchTerm:[1025,"search-term"],selectProperties:[8,"select-properties"],isOpen:[32],selected:[32]},[[4,"click","handleDocClick"]],{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["dropi-country-selector","dropi-icon"].forEach((o=>{switch(o){case"dropi-country-selector":customElements.get(e(o))||customElements.define(e(o),t);break;case"dropi-icon":customElements.get(e(o))||r()}}))}i();const s=t,l=i;export{s as DropiCountrySelector,l as defineCustomElement}
+import{t as e,p as o,H as n,c as a,h as r}from"./index.js";import{d as c}from"./p-B9rJd-Rf.js";const t=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],d=o(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=a(this,"dropiChange")}label="";placeholder="Selecciona un país";currentSelection="";disabled=!1;showObligatory=!1;hasError=!1;textHelper="";searchTerm="";selectProperties=null;appendTo="";dropiChange;isOpen=!1;selected=null;get el(){return this}buttonRef;portalContainer=null;portalFocusedSelector=null;handleDocClick(e){if(!this.isOpen)return;const o=e.composedPath();o.includes(this.el)||this.portalContainer&&o.includes(this.portalContainer)||(this.isOpen=!1)}searchInputRef;currentSelectionChanged(e){this.selected=t.find((o=>o.code===e))||null}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.hasError&&(this.hasError=e.hasError))}componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.currentSelection&&this.currentSelectionChanged(this.currentSelection)}componentDidLoad(){if("body"!==this.appendTo)return;this.portalContainer=document.createElement("div");const e=document.createElement("style");e.textContent="\n.select-dropdown {\n  background: #ffffff;\n  border: 1px solid #c3c9d9;\n  border-radius: 8px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: 0 8px 24px rgba(0,0,0,.10);\n  overflow: hidden;\n  transition: max-height .2s ease, opacity .2s ease;\n  font-family: inherit;\n  font-size: 14px;\n}\n.select-dropdown.expanded { max-height: 300px; opacity: 1; overflow-y: auto; }\n.select-dropdown.collapsed { max-height: 0; opacity: 0; pointer-events: none; border-color: transparent; box-shadow: none; }\n.select-dropdown::-webkit-scrollbar { width: 6px; }\n.select-dropdown::-webkit-scrollbar-track { background: transparent; }\n.select-dropdown::-webkit-scrollbar-thumb { background: #c3c9d9; border-radius: 4px; }\n.search-li { padding: 10px 12px; position: sticky; top: 0; background: #ffffff; z-index: 1; border-bottom: 1px solid #e6eaf2; }\n.search-field { position: relative; display: flex; align-items: center; }\n.country-search { width: 100%; height: 36px; padding: 0 36px 0 12px; border: 1px solid #c3c9d9; border-radius: 8px; outline: none; font-size: 14px; font-family: inherit; color: #32394d; background: #f7f8fa; }\n.country-search:focus { border-color: #50a5f1; background: #ffffff; }\n.country-search::placeholder { color: #858ea6; }\n.search-icon { position: absolute; right: 10px; display: flex; align-items: center; pointer-events: none; }\n.option { width: 100%; min-height: 44px; padding: 10px 16px; border: none; background: transparent; text-align: left; color: #32394d; font-size: 14px; font-family: inherit; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: background .1s ease; white-space: nowrap; }\n.option:hover { background: #f7f8fa; }\n.flag-img { border-radius: 4px; width: 24px; height: 24px; object-fit: cover; flex-shrink: 0; }\n",this.portalContainer.appendChild(e),document.body.appendChild(this.portalContainer)}disconnectedCallback(){this.returnUlToShadow(),this.portalContainer?.remove(),this.portalContainer=null}componentWillRender(){if(!this.portalContainer)return;const e=document.activeElement;e&&this.portalContainer.contains(e)&&(this.portalFocusedSelector="."+Array.from(e.classList).join(".")),this.returnUlToShadow()}componentDidRender(){if(!this.portalContainer||!this.buttonRef)return;const e=this.el.shadowRoot?.querySelector("ul.select-dropdown");if(!e)return;const o=this.buttonRef.getBoundingClientRect();if(e.style.cssText=`position:fixed;top:${o.bottom+4}px;left:${o.left}px;width:${o.width}px;z-index:11000;`,this.portalContainer.appendChild(e),this.portalFocusedSelector){const e=this.portalContainer.querySelector(this.portalFocusedSelector);if(e){const o=e.value?.length??0;e.focus(),e.setSelectionRange?.(o,o)}this.portalFocusedSelector=null}}returnUlToShadow(){if(!this.portalContainer)return;const e=this.portalContainer.querySelector("ul.select-dropdown");e&&this.el.shadowRoot?.querySelector(".custom-select")?.appendChild(e)}get filtered(){if(!this.searchTerm)return t;const e=this.searchTerm.toLowerCase();return t.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.currentSelection=e.code,this.dropiChange.emit(e)}render(){return r("div",{key:"1a510a9b0aad889618ab94b7b54670fab1e56729",class:"custom-select"},this.label&&r("label",{key:"3e86a64a1b3fe27708bc3a605d5de0dc0ef926ca"},this.label,this.showObligatory&&r("span",{key:"af72e01e496a42d59d48d2c3c5eaba04a73e708c",class:"required"},"*")),r("button",{key:"cbd2aa745610bffb96b507527c4fe88fd80cbbd1",type:"button",ref:e=>{this.buttonRef=e},class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.hasError},disabled:this.disabled,onClick:()=>this.open()},r("div",{key:"b50e848e8689d2e1aacfef0213b25d9cc85782c0",class:"selected-content"},this.selected?r("span",{class:"selected-option"},r("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):r("span",{class:"placeholder-text"},this.placeholder)),r("dropi-icon",{key:"324a2e95d8fbb6ee25c434912e6b84005af3d4fe",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),r("ul",{key:"f93d34cb715ea78dcb12242148cdb8dc143fbdbf",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},r("li",{key:"7100ecf3ca9ddfebbc7f5461614d3ae5e714f9a7",class:"search-li"},r("div",{key:"ca31fe6fa95231b0ac75e08bf96a97f28bc3f947",class:"search-field"},r("input",{key:"6d07a808c8982991934351b2f9d9b96ef136b4b3",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}}),r("span",{key:"77c15e6a1d92bbfa570eca92f862a6a29f167c67",class:"search-icon"},r("dropi-icon",{key:"8a49100954c335d09fbe418836c76037abd00e60",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),this.filtered.map((e=>r("li",{key:e.code},r("button",{class:"option",type:"button",onClick:()=>this.select(e)},r("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))),this.textHelper&&r("div",{key:"52089f00fe6c8ecc115a35068365f62a7328ecbe",class:{"select-helper":!0,"select-helper-error":this.hasError}},this.hasError&&r("dropi-icon",{key:"5272c813693f350a195990ae946ac50387b09723",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"7d74cd023b30b08753ea841ef1a1592497be9884"},this.textHelper)))}static get watchers(){return{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}}static get style(){return":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:44px;padding:0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{color:var(--Gray-Gray-700, #32394d)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px)}.placeholder-text{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.flag-img{border-radius:var(--Border-1, 4px);width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);z-index:var(--dropi-z-index-overlay, 11000);list-style:none;padding:0;margin:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);overflow:hidden;transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:300px;opacity:1;overflow-y:auto}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-300, #a3abbf)}.search-li{padding:10px 12px;position:sticky;top:0;background:var(--Neutral-White, #ffffff);z-index:1;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.country-search{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);outline:none;font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);transition:border-color 0.15s, background 0.15s}.country-search:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.country-search::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.option{width:100%;min-height:44px;padding:10px 16px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s ease;white-space:nowrap}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-country-selector",{label:[1],placeholder:[1],currentSelection:[1025,"current-selection"],disabled:[4],showObligatory:[4,"show-obligatory"],hasError:[4,"has-error"],textHelper:[1,"text-helper"],searchTerm:[1025,"search-term"],selectProperties:[8,"select-properties"],appendTo:[1,"append-to"],isOpen:[32],selected:[32]},[[4,"click","handleDocClick"]],{currentSelection:[{currentSelectionChanged:0}],selectProperties:[{selectPropertiesChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["dropi-country-selector","dropi-icon"].forEach((o=>{switch(o){case"dropi-country-selector":customElements.get(e(o))||customElements.define(e(o),d);break;case"dropi-icon":customElements.get(e(o))||c()}}))}i();const s=d,l=i;export{s as DropiCountrySelector,l as defineCustomElement}