@dropi/ui 0.1.50 → 0.1.51

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-04-29T22:38:08",
+  "timestamp": "2026-04-30T18:05:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",
@@ -5913,15 +5913,44 @@
       "docsTags": [
         {
           "name": "component",
-          "text": "dropi-date-picker-range\nDate range picker with shortcut buttons (Today, Last 7/15/30/90 days)."
+          "text": "dropi-date-picker-range\nDate range picker with calendar popup and shortcut panel."
         },
         {
           "name": "example",
-          "text": "<dropi-date-picker-range show-label></dropi-date-picker-range>"
+          "text": "<dropi-date-picker-range></dropi-date-picker-range>"
         }
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Disabled state",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "endDate",
           "type": "string",
@@ -6053,10 +6082,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "'DD/MM/YYYY – DD/MM/YYYY'"
             }
           ],
-          "default": "''",
+          "default": "'DD/MM/YYYY – DD/MM/YYYY'",
           "values": [
             {
               "type": "string"
@@ -6177,14 +6206,27 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "click",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
       "states": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "dropi-icon"
+      ],
+      "dependencyGraph": {
+        "dropi-date-picker-range": [
+          "dropi-icon"
+        ]
+      }
     },
     {
       "filePath": "src/components/dropi-drawer/dropi-drawer.tsx",
@@ -7971,6 +8013,7 @@
         "dropi-city-selector",
         "dropi-country-selector",
         "dropi-date-picker",
+        "dropi-date-picker-range",
         "dropi-drawer",
         "dropi-favorite-button",
         "dropi-file-upload",
@@ -8037,6 +8080,9 @@
         "dropi-date-picker": [
           "dropi-icon"
         ],
+        "dropi-date-picker-range": [
+          "dropi-icon"
+        ],
         "dropi-drawer": [
           "dropi-icon"
         ],

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

@@ -1 +1 @@
-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-7e4d0691",[[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-04cd97a1",[[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-f6653da2",[[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],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32]},[[4,"click","handleDocClick"]],{"selectedDate":[{"valueChanged":0}],"startDate":[{"valueChanged":0}],"endDate":[{"valueChanged":0}]}]]],["p-d205db7d",[[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-e423406c",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["p-fdfd0842",[[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-2b8e9056",[[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-3721a73a",[[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-92185d67",[[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-6e4f08eb",[[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-d5ab501d",[[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-704c6619",[[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}]}]]],["p-258f147a",[[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-b9ddcabc",[[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-8f4b21e8",[[513,"dropi-progress-bar",{"value":[2],"severity":[1],"height":[1],"showValue":[4,"show-value"],"trackColor":[1,"track-color"],"color":[1]}]]],["p-4531453d",[[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-f42337d9",[[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-ca020035",[[513,"dropi-tag-type-product",{"label":[1]}]]],["p-37a91ebb",[[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-76b33901",[[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-d9f90650",[[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{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-7e4d0691",[[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-04cd97a1",[[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-f6653da2",[[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],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32]},[[4,"click","handleDocClick"]],{"selectedDate":[{"valueChanged":0}],"startDate":[{"valueChanged":0}],"endDate":[{"valueChanged":0}]}]]],["p-4f498d26",[[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]},[[4,"click","handleDocClick"]],{"startDate":[{"onStartPropChange":0}],"endDate":[{"onEndPropChange":0}]}]]],["p-d205db7d",[[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-e423406c",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["p-fdfd0842",[[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-2b8e9056",[[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-3721a73a",[[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-92185d67",[[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-6e4f08eb",[[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-d5ab501d",[[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-258f147a",[[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-b9ddcabc",[[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-8f4b21e8",[[513,"dropi-progress-bar",{"value":[2],"severity":[1],"height":[1],"showValue":[4,"show-value"],"trackColor":[1,"track-color"],"color":[1]}]]],["p-4531453d",[[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-f42337d9",[[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-ca020035",[[513,"dropi-tag-type-product",{"label":[1]}]]],["p-37a91ebb",[[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-76b33901",[[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-d9f90650",[[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))));

package/dist/dropi-ui/p-4f498d26.entry.js

@@ -0,0 +1 @@
+import{r as t,c as r,a as e,h as a}from"./p-K5v4Q5tq.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],n=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],o=class{constructor(e){t(this,e),this.startDateChange=r(this,"startDateChange"),this.endDateChange=r(this,"endDateChange"),this.dropiRangeChange=r(this,"dropiRangeChange")}startDate="";endDate="";showLabel=!0;placeholder="DD/MM/YYYY – DD/MM/YYYY";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;disabled=!1;startDateChange;endDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return e(this)}onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}handleDocClick(t){this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const r=new Date;return r.setDate(r.getDate()-t),r.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}get displayValue(){const t=t=>t.split("-").reverse().join("/");return this.start&&this.end?`${t(this.start)} – ${t(this.end)}`:this.start?t(this.start):""}toggleOpen(){if(!this.disabled){if(!this.open&&this.start){const t=new Date(this.start);this.viewYear=t.getFullYear(),this.viewMonth=t.getMonth()}this.open=!this.open}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(t,r,e){return`${t}-${String(r+1).padStart(2,"0")}-${String(e).padStart(2,"0")}`}isInRange(t){const r=this.end||this.hoverDate;if(!this.start||!r)return!1;const[e,a]=this.start<=r?[this.start,r]:[r,this.start];return t>e&&t<a}selectDate(t){if(!this.start||this.start&&this.end)this.start=t,this.end="",this.activeRange=-1,this.showWarning=!1;else{if(t<this.start?(this.end=this.start,this.start=t):this.end=t,this.activeRange=-1,this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;if(this.showWarning=t>this.maxDaysRange,this.showWarning)return}this.open=!1,this.emit()}}selectShortcut(t){const r=this.shortcuts[t];this.start=r.start,this.end=r.end,this.activeRange=t,this.showWarning=!1,this.open=!1,this.emit()}emit(){this.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}buildDays(){const t=this.viewYear,r=this.viewMonth,e=new Date(t,r,1).getDay(),a=new Date(t,r+1,0).getDate(),i=new Date(t,r,0).getDate(),n=[];for(let a=e-1;a>=0;a--){const e=i-a;n.push({iso:this.toISO(0===r?t-1:t,0===r?11:r-1,e),day:e,currentMonth:!1})}for(let e=1;e<=a;e++)n.push({iso:this.toISO(t,r,e),day:e,currentMonth:!0});const o=42-n.length;for(let e=1;e<=o;e++)n.push({iso:this.toISO(11===r?t+1:t,11===r?0:r+1,e),day:e,currentMonth:!1});return n}render(){if(this.loading)return a("div",{class:"skeleton"});const t=this.buildDays(),r=this.today;return a("div",{class:"dpr-wrap"},this.showLabel&&a("label",{class:"dpr-label"},"Rango de fechas"),a("button",{class:{"dpr-trigger":!0,"dpr-trigger--disabled":this.disabled},onClick:()=>this.toggleOpen(),disabled:this.disabled,type:"button"},a("dropi-icon",{name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),a("span",{class:{"dpr-trigger__value":!0,"dpr-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),a("dropi-icon",{name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"})),this.open&&a("div",{class:"dpr-popup"},a("div",{class:"dpr-calendar"},a("div",{class:"dp-nav"},a("button",{class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},a("dropi-icon",{name:"Arrow-Left-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),a("span",{class:"dp-nav__title"},a("span",null,i[this.viewMonth]),a("span",null,this.viewYear)),a("button",{class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},a("dropi-icon",{name:"Arrow-Right-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),a("div",{class:"dp-grid"},n.map((t=>a("div",{class:"dp-day-header"},t))),t.map((({iso:t,day:e,currentMonth:i})=>{const n=t===this.start,o=t===this.end,s=this.isInRange(t);return a("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":t===r&&!n&&!o,"dp-cell--selected":n||o,"dp-cell--range-start":n,"dp-cell--range-end":o,"dp-cell--in-range":s},type:"button",onClick:()=>this.selectDate(t),onMouseEnter:()=>{this.start&&!this.end&&(this.hoverDate=t)},onMouseLeave:()=>this.hoverDate=""},e)}))),this.showWarning&&a("div",{class:"warning-box"},a("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días."))),a("div",{class:"dpr-divider"}),a("div",{class:"dpr-shortcuts"},this.shortcuts.map(((t,r)=>a("button",{key:r,class:{"shortcut-btn":!0,"shortcut-btn--active":this.activeRange===r},onClick:()=>this.selectShortcut(r),type:"button"},t.label))))))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}};o.style=':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dpr-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:44px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}';export{o as dropi_date_picker_range}

package/dist/esm/dropi-date-picker-range.entry.js

@@ -1,7 +1,12 @@
-import { r as registerInstance, c as createEvent, h } from './index-K5v4Q5tq.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-K5v4Q5tq.js';
 
-const dropiDatePickerRangeCss = () => `:host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:var(--font-weight-medium);color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-m)}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:var(--font-weight-regular)}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:var(--font-weight-semibold)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}`;
+const dropiDatePickerRangeCss = () => `:host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dpr-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:44px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}`;
 
+const MONTHS_ES = [
+    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
+    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre',
+];
+const DAYS_ES = ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'];
 const DropiDatePickerRange = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -16,13 +21,15 @@ const DropiDatePickerRange = class {
     /** Show "Rango de fechas" label */
     showLabel = true;
     /** Input placeholder */
-    placeholder = '';
+    placeholder = 'DD/MM/YYYY – DD/MM/YYYY';
     /** Show loading skeleton */
     loading = false;
     /** Max allowed range in days (0 = unlimited) */
     maxDaysRange = 0;
     /** Hide "Hoy" shortcut */
     hideTodayRangeShortcut = false;
+    /** Disabled state */
+    disabled = false;
     /** Emitted when start date changes */
     startDateChange;
     /** Emitted when end date changes */
@@ -33,8 +40,18 @@ const DropiDatePickerRange = class {
     end = '';
     activeRange = -1;
     showWarning = false;
+    open = false;
+    viewYear = new Date().getFullYear();
+    viewMonth = new Date().getMonth();
+    hoverDate = '';
+    get el() { return getElement(this); }
     onStartPropChange(val) { this.start = val; }
     onEndPropChange(val) { this.end = val; }
+    handleDocClick(e) {
+        if (this.open && !e.composedPath().includes(this.el)) {
+            this.open = false;
+        }
+    }
     componentWillLoad() {
         this.start = this.startDate;
         this.end = this.endDate;
@@ -57,47 +74,137 @@ const DropiDatePickerRange = class {
         ];
         return this.hideTodayRangeShortcut ? all.slice(1) : all;
     }
+    get displayValue() {
+        const fmt = (s) => s.split('-').reverse().join('/');
+        if (this.start && this.end)
+            return `${fmt(this.start)} – ${fmt(this.end)}`;
+        if (this.start)
+            return fmt(this.start);
+        return '';
+    }
+    toggleOpen() {
+        if (this.disabled)
+            return;
+        if (!this.open && this.start) {
+            const d = new Date(this.start);
+            this.viewYear = d.getFullYear();
+            this.viewMonth = d.getMonth();
+        }
+        this.open = !this.open;
+    }
+    prevMonth() {
+        if (this.viewMonth === 0) {
+            this.viewMonth = 11;
+            this.viewYear--;
+        }
+        else
+            this.viewMonth--;
+    }
+    nextMonth() {
+        if (this.viewMonth === 11) {
+            this.viewMonth = 0;
+            this.viewYear++;
+        }
+        else
+            this.viewMonth++;
+    }
+    toISO(year, month, day) {
+        return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+    }
+    isInRange(iso) {
+        const end = this.end || this.hoverDate;
+        if (!this.start || !end)
+            return false;
+        const [s, e] = this.start <= end ? [this.start, end] : [end, this.start];
+        return iso > s && iso < e;
+    }
+    selectDate(iso) {
+        if (!this.start || (this.start && this.end)) {
+            this.start = iso;
+            this.end = '';
+            this.activeRange = -1;
+            this.showWarning = false;
+        }
+        else {
+            if (iso < this.start) {
+                this.end = this.start;
+                this.start = iso;
+            }
+            else {
+                this.end = iso;
+            }
+            this.activeRange = -1;
+            if (this.maxDaysRange > 0) {
+                const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;
+                this.showWarning = diff > this.maxDaysRange;
+                if (this.showWarning)
+                    return;
+            }
+            this.open = false;
+            this.emit();
+        }
+    }
     selectShortcut(idx) {
         const s = this.shortcuts[idx];
         this.start = s.start;
         this.end = s.end;
         this.activeRange = idx;
         this.showWarning = false;
+        this.open = false;
         this.emit();
     }
-    onStartChange(e) {
-        this.start = e.target.value;
-        this.activeRange = -1;
-        this.checkRange();
-        if (this.start && this.end)
-            this.emit();
-    }
-    onEndChange(e) {
-        this.end = e.target.value;
-        this.activeRange = -1;
-        this.checkRange();
-        if (this.start && this.end)
-            this.emit();
-    }
-    checkRange() {
-        if (this.start && this.end && this.maxDaysRange > 0) {
-            const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;
-            this.showWarning = diff > this.maxDaysRange;
-        }
-        else {
-            this.showWarning = false;
-        }
-    }
     emit() {
         this.startDateChange.emit(this.start);
         this.endDateChange.emit(this.end);
         this.dropiRangeChange.emit({ start: this.start, end: this.end });
     }
+    buildDays() {
+        const year = this.viewYear;
+        const month = this.viewMonth;
+        const firstDay = new Date(year, month, 1).getDay();
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        const daysInPrevMonth = new Date(year, month, 0).getDate();
+        const cells = [];
+        for (let i = firstDay - 1; i >= 0; i--) {
+            const d = daysInPrevMonth - i;
+            const m = month === 0 ? 11 : month - 1;
+            const y = month === 0 ? year - 1 : year;
+            cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });
+        }
+        for (let d = 1; d <= daysInMonth; d++) {
+            cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });
+        }
+        const remaining = 42 - cells.length;
+        for (let d = 1; d <= remaining; d++) {
+            const m = month === 11 ? 0 : month + 1;
+            const y = month === 11 ? year + 1 : year;
+            cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });
+        }
+        return cells;
+    }
     render() {
-        if (this.loading) {
+        if (this.loading)
             return h("div", { class: "skeleton" });
-        }
-        return (h("div", { class: "date-picker-range" }, this.showLabel && h("div", { class: "label" }, "Rango de fechas"), h("div", { class: "inputs-row" }, h("div", { class: "input-group" }, h("label", { class: "input-label" }, "Desde"), h("input", { type: "date", class: "date-input", value: this.start, max: this.end || this.today, onChange: (e) => this.onStartChange(e) })), h("span", { class: "separator" }, "\u2014"), h("div", { class: "input-group" }, h("label", { class: "input-label" }, "Hasta"), h("input", { type: "date", class: "date-input", value: this.end, min: this.start, max: this.today, onChange: (e) => this.onEndChange(e) }))), h("div", { class: "shortcuts" }, this.shortcuts.map((s, i) => (h("button", { key: i, class: `shortcut-btn${this.activeRange === i ? ' active' : ''}`, onClick: () => this.selectShortcut(i) }, s.label)))), this.showWarning && (h("div", { class: "warning-box" }, h("span", { class: "warning-message" }, "Solo puedes filtrar en un rango m\u00E1ximo de ", this.maxDaysRange, " d\u00EDas.")))));
+        const days = this.buildDays();
+        const today = this.today;
+        return (h("div", { class: "dpr-wrap" }, this.showLabel && h("label", { class: "dpr-label" }, "Rango de fechas"), h("button", { class: { 'dpr-trigger': true, 'dpr-trigger--disabled': this.disabled }, onClick: () => this.toggleOpen(), disabled: this.disabled, type: "button" }, h("dropi-icon", { name: "Calendar", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" }), h("span", { class: { 'dpr-trigger__value': true, 'dpr-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder), h("dropi-icon", { name: "Arrow-Down-2", iconWidth: "12px", iconHeight: "12px", color: "Gray-Gray-400" })), this.open && (h("div", { class: "dpr-popup" }, h("div", { class: "dpr-calendar" }, h("div", { class: "dp-nav" }, h("button", { class: "dp-nav__btn", onClick: () => this.prevMonth(), type: "button" }, h("dropi-icon", { name: "Arrow-Left-2", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" })), h("span", { class: "dp-nav__title" }, h("span", null, MONTHS_ES[this.viewMonth]), h("span", null, this.viewYear)), h("button", { class: "dp-nav__btn", onClick: () => this.nextMonth(), type: "button" }, h("dropi-icon", { name: "Arrow-Right-2", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" }))), h("div", { class: "dp-grid" }, DAYS_ES.map(d => h("div", { class: "dp-day-header" }, d)), days.map(({ iso, day, currentMonth }) => {
+            const isStart = iso === this.start;
+            const isEnd = iso === this.end;
+            const inRange = this.isInRange(iso);
+            const isToday = iso === today;
+            return (h("button", { class: {
+                    'dp-cell': true,
+                    'dp-cell--other-month': !currentMonth,
+                    'dp-cell--today': isToday && !isStart && !isEnd,
+                    'dp-cell--selected': isStart || isEnd,
+                    'dp-cell--range-start': isStart,
+                    'dp-cell--range-end': isEnd,
+                    'dp-cell--in-range': inRange,
+                }, type: "button", onClick: () => this.selectDate(iso), onMouseEnter: () => {
+                    if (this.start && !this.end)
+                        this.hoverDate = iso;
+                }, onMouseLeave: () => this.hoverDate = '' }, day));
+        })), this.showWarning && (h("div", { class: "warning-box" }, h("span", { class: "warning-message" }, "Solo puedes filtrar en un rango m\u00E1ximo de ", this.maxDaysRange, " d\u00EDas.")))), h("div", { class: "dpr-divider" }), h("div", { class: "dpr-shortcuts" }, this.shortcuts.map((s, i) => (h("button", { key: i, class: { 'shortcut-btn': true, 'shortcut-btn--active': this.activeRange === i }, onClick: () => this.selectShortcut(i), type: "button" }, s.label))))))));
     }
     static get watchers() { return {
         "startDate": [{