@dropi/ui 0.1.52 → 0.1.54

package/dist/dropi-ui/dropi-ui.esm.js

@@ -1 +1,50 @@
-import{p as e,g as t,b as o}from"./p-K5v4Q5tq.js";export{s as setNonce}from"./p-K5v4Q5tq.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((async e=>(await t(),o(JSON.parse('[["p-0d877866",[[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}]}]]],["p-69f07cca",[[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}]}]]],["p-26c997a4",[[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]}]]],["p-67fbe7e4",[[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"]}]]],["p-9733212c",[[513,"dropi-card-section",{"title":[1],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["p-6ca312e3",[[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}]}]]],["p-b2bcb723",[[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}]}]]],["p-9c9c6274",[[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"]}]]],["p-32bc1d2a",[[513,"dropi-languages-selector",{"languages":[1],"selectedLang":[1025,"selected-lang"],"isOpen":[32],"parsedLanguages":[32],"currentLang":[32]},null,{"languages":[{"languagesChanged":0}],"selectedLang":[{"selectedLangChanged":0}]}]]],["p-4337fd7a",[[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}]}]]],["p-b1059e6f",[[769,"dropi-accordion-item",{"sectionTitle":[1,"section-title"],"index":[2],"open":[1540],"disabled":[4],"preIcon":[1,"pre-icon"],"contentHeight":[32]},null,{"open":[{"openChanged":0}]}]]],["p-803ab87b",[[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]}]]],["p-44c9fb4e",[[513,"dropi-breadcrumb",{"items":[1],"homeRoute":[1,"home-route"],"homeIconName":[1,"home-icon-name"],"lastItemClickable":[4,"last-item-clickable"]}]]],["p-cf1ffef1",[[513,"dropi-card-checkbox",{"type":[1],"state":[1025],"title":[1],"description":[1],"extraInfo":[1,"extra-info"],"extraInfoDescription":[1,"extra-info-description"],"disabled":[4]}]]],["p-4b5775bd",[[769,"dropi-chips",{"customStyle":[1,"custom-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["p-d45feb08",[[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}]}]]],["p-ab06bceb",[[577,"dropi-country-selector",{"name":[513],"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}]}]]],["p-a469a6d4",[[577,"dropi-date-picker",{"name":[513],"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],"hideTodayShortcut":[4,"hide-today-shortcut"],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32],"viewMode":[32],"activeShortcut":[32]},[[4,"click","handleDocClick"]],{"selectedDate":[{"valueChanged":0}],"startDate":[{"valueChanged":0}],"endDate":[{"valueChanged":0}]}]]],["p-63356807",[[513,"dropi-date-picker-range",{"startDate":[1025,"start-date"],"endDate":[1025,"end-date"],"showLabel":[4,"show-label"],"placeholder":[1],"loading":[4],"maxDaysRange":[2,"max-days-range"],"hideTodayRangeShortcut":[4,"hide-today-range-shortcut"],"disabled":[4],"start":[32],"end":[32],"activeRange":[32],"showWarning":[32],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32],"viewMode":[32]},[[4,"click","handleDocClick"]],{"startDate":[{"onStartPropChange":0}],"endDate":[{"onEndPropChange":0}]}]]],["p-2d1a6f05",[[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}]}]]],["p-29e4dacf",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["p-3769ad78",[[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}]}]]],["p-b66d88bf",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["p-f6f026c7",[[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}]}]]],["p-74fcbc88",[[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"]]]]],["p-5e0b54e3",[[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"]}]]],["p-7f85578a",[[577,"dropi-phone-input",{"name":[513],"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}],"ngModelPhone":[{"ngModelPhoneChanged":0}],"selectedOption":[{"selectedOptionChanged":0}]}]]],["p-deb3a0e3",[[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}]}]]],["p-eac3194d",[[577,"dropi-select",{"label":[1025],"placeholder":[1025],"options":[1040],"name":[513],"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}]}]]],["p-54ab9e77",[[513,"dropi-sidebar",{"sideBarProperties":[1025,"side-bar-properties"],"parsedProperties":[32]},null,{"sideBarProperties":[{"watchPropHandler":0}]}]]],["p-29dbfb9a",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"],"state":[1]}]]],["p-7fe30856",[[513,"dropi-tabs",{"configuration":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"stopAction":[4,"stop-action"],"parsedTabs":[32]},null,{"configuration":[{"tabsChanged":0}]}]]],["p-c66941cf",[[577,"dropi-text-area",{"inputId":[1025,"input-id"],"name":[513],"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}]}]]],["p-4759c782",[[513,"dropi-time-line",{"steps":[1]}]]],["p-c567fd6b",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["p-5a6e3420",[[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]}]]],["p-5662edbf",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["p-e0d43ef4",[[513,"dropi-youtube-lazy-video",{"videoId":[1,"video-id"],"thumbnailSrc":[1,"thumbnail-src"],"videoTitle":[1,"video-title"],"isPlaying":[32]}]]],["p-f3d0d25b",[[769,"dropi-accordion",{"multiple":[4]}]]],["p-64c37ff6",[[513,"dropi-alert-legacy",{"visible":[1028],"message":[1],"type":[1],"autoClose":[4,"auto-close"]}]]],["p-2464f664",[[513,"dropi-badge",{"state":[1]}]]],["p-bafb043e",[[513,"dropi-badge-legacy",{"type":[1],"state":[1],"variant":[1],"count":[2]}]]],["p-0d03e548",[[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}]}]]],["p-a9213e90",[[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}]}]]],["p-6aaf5a93",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["p-a805fbad",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"title":[1],"message":[1]}]]],["p-bb6b09b7",[[577,"dropi-otp-send-code",{"name":[513],"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}]}]]],["p-32512758",[[513,"dropi-progress-bar",{"value":[2],"severity":[1],"height":[1],"showValue":[4,"show-value"],"trackColor":[1,"track-color"],"color":[1]}]]],["p-1976985d",[[577,"dropi-radio-button",{"label":[1],"name":[513],"inputId":[1,"input-id"],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}],"checked":[{"checkedChanged":0}]}]]],["p-9b7810f9",[[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]}]]],["p-3d6fecfa",[[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]}]]],["p-1e3f0220",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"radius":[1],"lines":[2],"baseColor":[1,"base-color"]}]]],["p-788b7388",[[513,"dropi-tag-type-product",{"label":[1]}]]],["p-0d3cabe9",[[769,"dropi-tooltip",{"text":[1],"outlined":[4]}]]],["p-26663648",[[513,"dropi-icon",{"name":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"color":[1],"strokeWidth":[1,"stroke-width"]},null,{"iconWidth":[{"sizeChanged":0}],"iconHeight":[{"sizeChanged":0}],"color":[{"colorChanged":0}],"strokeWidth":[{"strokeWidthChanged":0}]}]]],["p-37d60102",[[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"]}]]],["p-a9f8fc5e",[[513,"dropi-ilustration-icon",{"type":[1],"state":[1],"stateInsignia":[1,"state-insignia"],"tagProduct":[4,"tag-product"],"basePath":[1,"base-path"]}]]],["p-260d2559",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["p-4986f584",[[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}]}]]],["p-7f6f757b",[[577,"dropi-switch",{"name":[513],"isChecked":[1540,"is-checked"],"disabled":[516]},null,{"isChecked":[{"checkedChanged":0}]}]]],["p-38bb4b42",[[513,"dropi-country-flags",{"country":[1],"customStyle":[1,"custom-style"],"width":[1],"height":[1]}]]],["p-094ab555",[[577,"dropi-input",{"inputId":[1025,"input-id"],"name":[513],"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"],"autocomplete":[1],"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}]}]]],["p-baf66950",[[833,"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],"nativeType":[1,"native-type"]}]]],["p-35ce96a3",[[577,"dropi-checkbox",{"name":[513],"checked":[1540],"disabled":[516]},null,{"checked":[{"checkedChanged":0}]}]]]]'),e))));
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BKkSRXlb.js';
+export { s as setNonce } from './index-BKkSRXlb.js';
+
+/*
+ Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"dropi-table\",[[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\",[[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\",[[513,\"dropi-file-upload\",{\"title\":[1],\"label\":[1],\"textDropZone\":[1,\"text-drop-zone\"],\"textButton\":[1,\"text-button\"],\"previewType\":[1,\"preview-type\"],\"multiple\":[4],\"maxFiles\":[2,\"max-files\"],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"accept\":[1],\"onlyView\":[4,\"only-view\"],\"viewDragAndDrop\":[4,\"view-drag-and-drop\"],\"dragAndDropSize\":[1,\"drag-and-drop-size\"],\"selectedFiles\":[32],\"error\":[32],\"errorMessage\":[32],\"dragging\":[32]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"title\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"dropiIcon\":[1,\"dropi-icon\"],\"buttonSeverity\":[1,\"button-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"type\":[1],\"placeholder\":[1],\"textInput\":[1025,\"text-input\"],\"typeInput\":[1,\"type-input\"],\"maxLength\":[2,\"max-length\"],\"showIcon\":[4,\"show-icon\"],\"showClear\":[4,\"show-clear\"],\"dataToSearch\":[1,\"data-to-search\"],\"dataName\":[1,\"data-name\"],\"position\":[1],\"multipleSelectModel\":[4,\"multiple-select-model\"],\"heightOverlay\":[2,\"height-overlay\"],\"label\":[1],\"model\":[1025],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[577,\"dropi-country-selector\",{\"name\":[513],\"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\",[[577,\"dropi-date-picker\",{\"name\":[513],\"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],\"hideTodayShortcut\":[4,\"hide-today-shortcut\"],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32],\"viewMode\":[32],\"activeShortcut\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"selectedDate\":[{\"valueChanged\":0}],\"startDate\":[{\"valueChanged\":0}],\"endDate\":[{\"valueChanged\":0}]}]]],[\"dropi-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"disabled\":[4],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32],\"viewMode\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-drawer\",[[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\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[513,\"dropi-file-upload-progress-bar\",{\"textFile\":[1,\"text-file\"],\"progress\":[2],\"type\":[1025],\"urlImage\":[1,\"url-image\"],\"isPreview\":[4,\"is-preview\"],\"disabled\":[4],\"fileExtension\":[32]},null,{\"progress\":[{\"handleProgress\":0}],\"textFile\":[{\"handleTextFile\":0}]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1032],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player\",[[513,\"dropi-media-player\",{\"src\":[1],\"mediaType\":[1,\"media-type\"],\"poster\":[1],\"autoplay\":[4],\"loop\":[4],\"initialVolume\":[2,\"initial-volume\"],\"format\":[1],\"playing\":[32],\"currentTimeStr\":[32],\"durationStr\":[32],\"duration\":[32],\"volume\":[32],\"muted\":[32],\"showControls\":[32],\"isFullscreen\":[32],\"progress\":[32],\"speed\":[32],\"showSpeedMenu\":[32],\"showVolumeSlider\":[32]},[[4,\"click\",\"handleDocClick\"]]]]],[\"dropi-navbar\",[[513,\"dropi-navbar\",{\"logoUrl\":[1,\"logo-url\"],\"logoAlt\":[1,\"logo-alt\"],\"data\":[1],\"title\":[1],\"activeId\":[1,\"active-id\"],\"userName\":[1,\"user-name\"],\"userAvatar\":[1,\"user-avatar\"],\"notifications\":[2],\"showMenuToggle\":[4,\"show-menu-toggle\"]}]]],[\"dropi-phone-input\",[[577,\"dropi-phone-input\",{\"name\":[513],\"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}],\"ngModelPhone\":[{\"ngModelPhoneChanged\":0}],\"selectedOption\":[{\"selectedOptionChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"alwaysShowDescription\":[4,\"always-show-description\"],\"typeLayout\":[1,\"type-layout\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1025],\"placeholder\":[1025],\"options\":[1040],\"name\":[513],\"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\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"inputId\":[1025,\"input-id\"],\"name\":[513],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[512,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[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\",[[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-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[577,\"dropi-otp-send-code\",{\"name\":[513],\"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\",[[513,\"dropi-progress-bar\",{\"value\":[2],\"severity\":[1],\"height\":[1],\"showValue\":[4,\"show-value\"],\"trackColor\":[1,\"track-color\"],\"color\":[1]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[513],\"inputId\":[1,\"input-id\"],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}],\"checked\":[{\"checkedChanged\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"textStyle\":[1,\"text-style\"],\"buttonStyle\":[1,\"button-style\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"],\"white_brand\":[1]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"iconWidth\":[1,\"icon-width\"],\"iconHeight\":[1,\"icon-height\"],\"color\":[1],\"strokeWidth\":[1,\"stroke-width\"]},null,{\"iconWidth\":[{\"sizeChanged\":0}],\"iconHeight\":[{\"sizeChanged\":0}],\"color\":[{\"colorChanged\":0}],\"strokeWidth\":[{\"strokeWidthChanged\":0}]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"],\"textLink\":[1,\"text-link\"],\"linkUrl\":[1,\"link-url\"],\"clickedText\":[1,\"clicked-text\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"],\"basePath\":[1,\"base-path\"]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"inputId\":[1025,\"input-id\"],\"name\":[513],\"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\"],\"autocomplete\":[1],\"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}]}]]],[\"dropi-paginator\",[[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\"]}]]],[\"dropi-tag\",[[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-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"isDraggable\":[4,\"is-draggable\"],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"dismiss\":[64],\"openModalExternally\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"name\":[513],\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]},null,{\"isChecked\":[{\"checkedChanged\":0}]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-button\",[[833,\"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],\"nativeType\":[1,\"native-type\"]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"name\":[513],\"checked\":[1540],\"disabled\":[516]},null,{\"checked\":[{\"checkedChanged\":0}]}]]]]"), options);
+});
+//# sourceMappingURL=dropi-ui.esm.js.map
+
+//# sourceMappingURL=dropi-ui.esm.js.map

package/dist/dropi-ui/dropi-vertical-steps.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, d as createEvent, h } from './index-BKkSRXlb.js';
 
-const dropiVerticalStepsCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}`;
+const dropiVerticalStepsCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}`;
 
 const DropiVerticalSteps = class {
     constructor(hostRef) {
@@ -40,7 +40,7 @@ const DropiVerticalSteps = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: '9b0e19a21eaa78b51d82994747604623f9431d56', class: "vertical-steps" }, steps.map((step, i) => {
+        return (h("div", { key: 'ade3e320cb1abf80effaa345178f2fa0f51e12af', class: "vertical-steps" }, steps.map((step, i) => {
             const state = this.resolveState(i, step);
             const isLast = i === steps.length - 1;
             const isClickable = this.clickable && state === 'completed';

package/dist/dropi-ui/dropi-vertical-steps.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-vertical-steps.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,k/CAAk/C,CAAC;;MCgB3gD,kBAAkB,GAAA,MAAA;;;;;;IAErB,KAAK,GAA4B,EAAE;;IAEnC,WAAW,GAAW,CAAC;;IAEvB,SAAS,GAAY,KAAK;;IAE1B,aAAa,GAAY,IAAI;;AAG5B,IAAA,SAAS;AAElB,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,YAAA,IAAI;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAAI,YAAA,MAAM;AAAE,gBAAA,OAAO,EAAE;;;AAE1D,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,EAAE;;IAGjB,YAAY,CAAC,KAAa,EAAE,IAAkB,EAAA;QACpD,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK;AACjC,QAAA,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;AACnB,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,WAAW;AAC5C,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,SAAS;AAC5C,QAAA,OAAO,SAAS;;IAGlB,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW;QAE9B,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC;YACxC,MAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;YACrC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,WAAW;AAE3D,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,EAC3D,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,MAAM,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAA,EAExD,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,mBAAmB,KAAK,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACvE,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,IAC1C,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,KAEpF,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,EAAE,CAAC,GAAG,CAAC,CAAQ,CAC5C,CACG,EACL,CAAC,MAAM,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,KAAK,WAAW,EAAE,GAAI,CAC7F,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA,eAAA,EAAkB,KAAK,EAAE,GAAG,IAAI,EAAE,EAAA,EACtE,IAAI,CAAC,KAAK,CACN,CACH;SAET,CAAC,CACE;;;;;;;","names":[],"sources":["src/components/dropi-vertical-steps/dropi-vertical-steps.css?tag=dropi-vertical-steps&encapsulation=shadow","src/components/dropi-vertical-steps/dropi-vertical-steps.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.vertical-steps {\n  display: flex;\n  flex-direction: column;\n}\n\n.v-step {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--Size-3, 12px);\n}\n\n.v-step--clickable {\n  cursor: pointer;\n}\n\n/* ── Left indicator column ──────────────────────────────── */\n.v-step__indicator {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.v-step__circle {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.2s, border-color 0.2s;\n}\n\n.v-step__circle--pending {\n  background: var(--Neutral-White, #ffffff);\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n}\n\n.v-step__circle--current {\n  background: var(--Neutral-White, #ffffff);\n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n\n.v-step__circle--completed {\n  background: var(--Primary-Primary-500, #f49a3d);\n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n\n.v-step__number {\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-bold, 700);\n  color: var(--Gray-Gray-500, #69738c);\n}\n\n.v-step__circle--current .v-step__number {\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Vertical connecting line ───────────────────────────── */\n.v-step__line {\n  flex: 1;\n  width: 2px;\n  min-height: 24px;\n  background: var(--Gray-Gray-200, #c3c9d9);\n  margin: 4px 0;\n  transition: background 0.2s;\n}\n\n.v-step__line--done {\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Label ──────────────────────────────────────────────── */\n.v-step__label {\n  padding-top: 4px;\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-600, #475066);\n  line-height: 1.4;\n}\n\n.v-step__label--current {\n  color: var(--Gray-Gray-800, #1f2433);\n  font-weight: var(--font-weight-bold, 700);\n}\n\n.v-step__label--completed {\n  color: var(--Gray-Gray-500, #69738c);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport interface VerticalStep {\n  label?: string;\n  state?: 'pending' | 'current' | 'completed';\n}\n\n/**\n * @component dropi-vertical-steps\n * Vertical step-by-step progress indicator with optional click navigation.\n */\n@Component({\n  tag: 'dropi-vertical-steps',\n  styleUrl: 'dropi-vertical-steps.css',\n  shadow: true,\n})\nexport class DropiVerticalSteps {\n  /** Array of steps. Pass as JSON string or array */\n  @Prop() steps: VerticalStep[] | string = [];\n  /** Currently active step (1-based) */\n  @Prop() currentStep: number = 1;\n  /** Allow clicking completed steps to navigate back */\n  @Prop() clickable: boolean = false;\n  /** Show check icon inside completed step circles */\n  @Prop() showCheckIcon: boolean = true;\n\n  /** Emitted when a step is clicked. e.detail = step number (1-based) */\n  @Event() stepClick: EventEmitter<number>;\n\n  private get parsedSteps(): VerticalStep[] {\n    if (typeof this.steps === 'string') {\n      try { return JSON.parse(this.steps); } catch { return []; }\n    }\n    return this.steps || [];\n  }\n\n  private resolveState(index: number, step: VerticalStep): 'pending' | 'current' | 'completed' {\n    if (step.state) return step.state;\n    const n = index + 1;\n    if (n < this.currentStep) return 'completed';\n    if (n === this.currentStep) return 'current';\n    return 'pending';\n  }\n\n  render() {\n    const steps = this.parsedSteps;\n\n    return (\n      <div class=\"vertical-steps\">\n        {steps.map((step, i) => {\n          const state = this.resolveState(i, step);\n          const isLast = i === steps.length - 1;\n          const isClickable = this.clickable && state === 'completed';\n\n          return (\n            <div\n              class={{ 'v-step': true, 'v-step--clickable': isClickable }}\n              key={i}\n              onClick={() => isClickable && this.stepClick.emit(i + 1)}\n            >\n              <div class=\"v-step__indicator\">\n                <div class={{ 'v-step__circle': true, [`v-step__circle--${state}`]: true }}>\n                  {state === 'completed' && this.showCheckIcon ? (\n                    <dropi-icon name=\"Check\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Neutral-White\" />\n                  ) : (\n                    <span class=\"v-step__number\">{i + 1}</span>\n                  )}\n                </div>\n                {!isLast && <div class={{ 'v-step__line': true, 'v-step__line--done': state === 'completed' }} />}\n              </div>\n              <span class={{ 'v-step__label': true, [`v-step__label--${state}`]: true }}>\n                {step.label}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-vertical-steps.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,skDAAskD,CAAC;;MCgB/lD,kBAAkB,GAAA,MAAA;;;;;;IAErB,KAAK,GAA4B,EAAE;;IAEnC,WAAW,GAAW,CAAC;;IAEvB,SAAS,GAAY,KAAK;;IAE1B,aAAa,GAAY,IAAI;;AAG5B,IAAA,SAAS;AAElB,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,YAAA,IAAI;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAAI,YAAA,MAAM;AAAE,gBAAA,OAAO,EAAE;;;AAE1D,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,EAAE;;IAGjB,YAAY,CAAC,KAAa,EAAE,IAAkB,EAAA;QACpD,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK;AACjC,QAAA,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;AACnB,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,WAAW;AAC5C,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,SAAS;AAC5C,QAAA,OAAO,SAAS;;IAGlB,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW;QAE9B,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC;YACxC,MAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;YACrC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,WAAW;AAE3D,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,EAC3D,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,MAAM,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAA,EAExD,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,mBAAmB,KAAK,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACvE,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,IAC1C,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,KAEpF,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,EAAE,CAAC,GAAG,CAAC,CAAQ,CAC5C,CACG,EACL,CAAC,MAAM,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,KAAK,WAAW,EAAE,GAAI,CAC7F,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA,eAAA,EAAkB,KAAK,EAAE,GAAG,IAAI,EAAE,EAAA,EACtE,IAAI,CAAC,KAAK,CACN,CACH;SAET,CAAC,CACE;;;;;;;","names":[],"sources":["src/components/dropi-vertical-steps/dropi-vertical-steps.css?tag=dropi-vertical-steps&encapsulation=shadow","src/components/dropi-vertical-steps/dropi-vertical-steps.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n\n.vertical-steps {\n  display: flex;\n  flex-direction: column;\n}\n\n.v-step {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--Size-3, 12px);\n}\n\n.v-step--clickable {\n  cursor: pointer;\n}\n\n/* ── Left indicator column ──────────────────────────────── */\n.v-step__indicator {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.v-step__circle {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.2s, border-color 0.2s;\n}\n\n.v-step__circle--pending {\n  background: var(--Neutral-White, #ffffff);\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n}\n\n.v-step__circle--current {\n  background: var(--Neutral-White, #ffffff);\n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n\n.v-step__circle--completed {\n  background: var(--Primary-Primary-500, #f49a3d);\n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n\n.v-step__number {\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-bold, 700);\n  color: var(--Gray-Gray-500, #69738c);\n}\n\n.v-step__circle--current .v-step__number {\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Vertical connecting line ───────────────────────────── */\n.v-step__line {\n  flex: 1;\n  width: 2px;\n  min-height: 24px;\n  background: var(--Gray-Gray-200, #c3c9d9);\n  margin: 4px 0;\n  transition: background 0.2s;\n}\n\n.v-step__line--done {\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Label ──────────────────────────────────────────────── */\n.v-step__label {\n  padding-top: 4px;\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-600, #475066);\n  line-height: 1.4;\n}\n\n.v-step__label--current {\n  color: var(--Gray-Gray-800, #1f2433);\n  font-weight: var(--font-weight-bold, 700);\n}\n\n.v-step__label--completed {\n  color: var(--Gray-Gray-500, #69738c);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport interface VerticalStep {\n  label?: string;\n  state?: 'pending' | 'current' | 'completed';\n}\n\n/**\n * @component dropi-vertical-steps\n * Vertical step-by-step progress indicator with optional click navigation.\n */\n@Component({\n  tag: 'dropi-vertical-steps',\n  styleUrl: 'dropi-vertical-steps.css',\n  shadow: true,\n})\nexport class DropiVerticalSteps {\n  /** Array of steps. Pass as JSON string or array */\n  @Prop() steps: VerticalStep[] | string = [];\n  /** Currently active step (1-based) */\n  @Prop() currentStep: number = 1;\n  /** Allow clicking completed steps to navigate back */\n  @Prop() clickable: boolean = false;\n  /** Show check icon inside completed step circles */\n  @Prop() showCheckIcon: boolean = true;\n\n  /** Emitted when a step is clicked. e.detail = step number (1-based) */\n  @Event() stepClick: EventEmitter<number>;\n\n  private get parsedSteps(): VerticalStep[] {\n    if (typeof this.steps === 'string') {\n      try { return JSON.parse(this.steps); } catch { return []; }\n    }\n    return this.steps || [];\n  }\n\n  private resolveState(index: number, step: VerticalStep): 'pending' | 'current' | 'completed' {\n    if (step.state) return step.state;\n    const n = index + 1;\n    if (n < this.currentStep) return 'completed';\n    if (n === this.currentStep) return 'current';\n    return 'pending';\n  }\n\n  render() {\n    const steps = this.parsedSteps;\n\n    return (\n      <div class=\"vertical-steps\">\n        {steps.map((step, i) => {\n          const state = this.resolveState(i, step);\n          const isLast = i === steps.length - 1;\n          const isClickable = this.clickable && state === 'completed';\n\n          return (\n            <div\n              class={{ 'v-step': true, 'v-step--clickable': isClickable }}\n              key={i}\n              onClick={() => isClickable && this.stepClick.emit(i + 1)}\n            >\n              <div class=\"v-step__indicator\">\n                <div class={{ 'v-step__circle': true, [`v-step__circle--${state}`]: true }}>\n                  {state === 'completed' && this.showCheckIcon ? (\n                    <dropi-icon name=\"Check\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Neutral-White\" />\n                  ) : (\n                    <span class=\"v-step__number\">{i + 1}</span>\n                  )}\n                </div>\n                {!isLast && <div class={{ 'v-step__line': true, 'v-step__line--done': state === 'completed' }} />}\n              </div>\n              <span class={{ 'v-step__label': true, [`v-step__label--${state}`]: true }}>\n                {step.label}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-youtube-lazy-video.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, h } from './index-BKkSRXlb.js';
 
-const dropiYoutubeLazyVideoCss = () => `:host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--Neutral-Black);overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}`;
+const dropiYoutubeLazyVideoCss = () => `:host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--Neutral-Black);overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}`;
 
 const DropiYoutubeLazyVideo = class {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const DropiYoutubeLazyVideo = class {
         return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
     }
     render() {
-        return (h("div", { key: '9933e7c82f5422b276211ffba116bf772a0726e2', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '056ae3363500b172973b2d62f08534a13d049e69', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '1f2a7fedac0779942607e854c68f5f330101f815', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: 'cad0e99e5780facd41a5904bbd84ab5a12ffb84d', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'ff39c8fe7bba5da46de54134967e1861d5b0fa84', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '2bdfa8a2221ea12f7b3a8df60fbd80a1c7bfa58d', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
+        return (h("div", { key: 'f310994121b567e362532af9f2e78e22696316b8', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '2cdac5802266567917515c1dfc37f0527e645162', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '19b3f6886af2dcb2053afcab8ac7677d799cd119', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: '9a96fb89a30d05130c743dc9a8eec4223b57ddad', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: '31e28e81e0758e26f9c70ffe78a321e8eb1b125e', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '8c0ae2649f0ef9436309b4be68e0108d16b6e0de', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
     }
 };
 DropiYoutubeLazyVideo.style = dropiYoutubeLazyVideoCss();

package/dist/dropi-ui/dropi-youtube-lazy-video.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-youtube-lazy-video.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,g5BAAg5B,CAAC;;MCc56B,qBAAqB,GAAA,MAAA;;;;;IAExB,OAAO,GAAW,EAAE;;IAEpB,YAAY,GAAW,EAAE;;IAEzB,UAAU,GAAW,EAAE;IAEd,SAAS,GAAY,KAAK;AAE3C,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,OAAO,CAAA,eAAA,EAAkB,IAAI,CAAC,YAAY,MAAM;;AAElD,QAAA,OAAO,CAAA,2BAAA,EAA8B,IAAI,CAAC,OAAO,gBAAgB;;AAGnE,IAAA,IAAY,QAAQ,GAAA;AAClB,QAAA,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,OAAO,oCAAoC;;IAG1F,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAAA,EAC3D,CAAC,IAAI,CAAC,SAAS,KACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAK,EAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,mBAAmB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,CAAI,EACpE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,aAAa,EAAA,YAAA,EAAY,kBAAkB,EAAA,EACvD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CAC5E,CACL,CACP,EACA,IAAI,CAAC,SAAS,KACb,+DACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,EAAA,IAAA,EACf,OAAO,EAAC,MAAM,EAAA,CACd,CACH,CACG;;;;;;;","names":[],"sources":["src/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css?tag=dropi-youtube-lazy-video&encapsulation=shadow","src/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.video-wrapper {\n  position: relative;\n  width: 100%;\n  padding-bottom: 56.25%;\n  background: var(--Neutral-Black);\n  overflow: hidden;\n  border-radius: 12px;\n}\n\n.video-wrapper iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.thumbnail {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.thumbnail img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.3s ease;\n}\n\n.thumbnail:hover img {\n  transform: scale(1.05);\n}\n\n.play-button {\n  position: absolute;\n  color: white;\n  border: none;\n  border-radius: 50%;\n  width: 70px;\n  height: 70px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n  background: rgba(14, 17, 26, 0.6);\n  backdrop-filter: blur(2px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.play-button:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n\n@media screen and (max-width: 768px) {\n  .play-button {\n    width: 40px;\n    height: 40px;\n  }\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\n/**\n * @component dropi-youtube-lazy-video\n * Lazy-loads a YouTube video. Shows thumbnail until user clicks play.\n *\n * @example\n * <dropi-youtube-lazy-video video-id=\"dQw4w9WgXcQ\" video-title=\"Never Gonna Give You Up\"></dropi-youtube-lazy-video>\n */\n@Component({\n  tag: 'dropi-youtube-lazy-video',\n  styleUrl: 'dropi-youtube-lazy-video.css',\n  shadow: true,\n})\nexport class DropiYoutubeLazyVideo {\n  /** YouTube video ID */\n  @Prop() videoId: string = '';\n  /** Local asset thumbnail path (without /assets/images/ prefix and .png extension) */\n  @Prop() thumbnailSrc: string = '';\n  /** Video title for iframe accessibility */\n  @Prop() videoTitle: string = '';\n\n  @State() private isPlaying: boolean = false;\n\n  private get thumbnail(): string {\n    if (this.thumbnailSrc) {\n      return `/assets/images/${this.thumbnailSrc}.png`;\n    }\n    return `https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`;\n  }\n\n  private get videoUrl(): string {\n    return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;\n  }\n\n  render() {\n    return (\n      <div class={`video-wrapper${this.isPlaying ? ' playing' : ''}`}>\n        {!this.isPlaying && (\n          <div class=\"thumbnail\" onClick={() => { this.isPlaying = true; }}>\n            <img src={this.thumbnail} alt={`Video thumbnail ${this.videoId}`} />\n            <button class=\"play-button\" aria-label=\"Reproducir video\">\n              <dropi-icon name=\"Play\" iconWidth=\"17px\" iconHeight=\"21px\" color=\"Neutral-White\" />\n            </button>\n          </div>\n        )}\n        {this.isPlaying && (\n          <iframe\n            src={this.videoUrl}\n            title={this.videoTitle}\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            loading=\"lazy\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-youtube-lazy-video.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,q+BAAq+B,CAAC;;MCcjgC,qBAAqB,GAAA,MAAA;;;;;IAExB,OAAO,GAAW,EAAE;;IAEpB,YAAY,GAAW,EAAE;;IAEzB,UAAU,GAAW,EAAE;IAEd,SAAS,GAAY,KAAK;AAE3C,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,OAAO,CAAA,eAAA,EAAkB,IAAI,CAAC,YAAY,MAAM;;AAElD,QAAA,OAAO,CAAA,2BAAA,EAA8B,IAAI,CAAC,OAAO,gBAAgB;;AAGnE,IAAA,IAAY,QAAQ,GAAA;AAClB,QAAA,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,OAAO,oCAAoC;;IAG1F,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAAA,EAC3D,CAAC,IAAI,CAAC,SAAS,KACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAK,EAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,mBAAmB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,CAAI,EACpE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,aAAa,EAAA,YAAA,EAAY,kBAAkB,EAAA,EACvD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CAC5E,CACL,CACP,EACA,IAAI,CAAC,SAAS,KACb,+DACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,EAAA,IAAA,EACf,OAAO,EAAC,MAAM,EAAA,CACd,CACH,CACG;;;;;;;","names":[],"sources":["src/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css?tag=dropi-youtube-lazy-video&encapsulation=shadow","src/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.tsx"],"sourcesContent":[":host {\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n  display: block;\n  width: 100%;\n}\n\n.video-wrapper {\n  position: relative;\n  width: 100%;\n  padding-bottom: 56.25%;\n  background: var(--Neutral-Black);\n  overflow: hidden;\n  border-radius: 12px;\n}\n\n.video-wrapper iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.thumbnail {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.thumbnail img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.3s ease;\n}\n\n.thumbnail:hover img {\n  transform: scale(1.05);\n}\n\n.play-button {\n  position: absolute;\n  color: white;\n  border: none;\n  border-radius: 50%;\n  width: 70px;\n  height: 70px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n  background: rgba(14, 17, 26, 0.6);\n  backdrop-filter: blur(2px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.play-button:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n\n@media screen and (max-width: 768px) {\n  .play-button {\n    width: 40px;\n    height: 40px;\n  }\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\n/**\n * @component dropi-youtube-lazy-video\n * Lazy-loads a YouTube video. Shows thumbnail until user clicks play.\n *\n * @example\n * <dropi-youtube-lazy-video video-id=\"dQw4w9WgXcQ\" video-title=\"Never Gonna Give You Up\"></dropi-youtube-lazy-video>\n */\n@Component({\n  tag: 'dropi-youtube-lazy-video',\n  styleUrl: 'dropi-youtube-lazy-video.css',\n  shadow: true,\n})\nexport class DropiYoutubeLazyVideo {\n  /** YouTube video ID */\n  @Prop() videoId: string = '';\n  /** Local asset thumbnail path (without /assets/images/ prefix and .png extension) */\n  @Prop() thumbnailSrc: string = '';\n  /** Video title for iframe accessibility */\n  @Prop() videoTitle: string = '';\n\n  @State() private isPlaying: boolean = false;\n\n  private get thumbnail(): string {\n    if (this.thumbnailSrc) {\n      return `/assets/images/${this.thumbnailSrc}.png`;\n    }\n    return `https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`;\n  }\n\n  private get videoUrl(): string {\n    return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;\n  }\n\n  render() {\n    return (\n      <div class={`video-wrapper${this.isPlaying ? ' playing' : ''}`}>\n        {!this.isPlaying && (\n          <div class=\"thumbnail\" onClick={() => { this.isPlaying = true; }}>\n            <img src={this.thumbnail} alt={`Video thumbnail ${this.videoId}`} />\n            <button class=\"play-button\" aria-label=\"Reproducir video\">\n              <dropi-icon name=\"Play\" iconWidth=\"17px\" iconHeight=\"21px\" color=\"Neutral-White\" />\n            </button>\n          </div>\n        )}\n        {this.isPlaying && (\n          <iframe\n            src={this.videoUrl}\n            title={this.videoTitle}\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            loading=\"lazy\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}