@dropi/ui 0.1.22 → 0.1.23

package/dist/dropi-ui/dropi-ui.css

@@ -1 +1,311 @@
-:root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}
+/* ============================================================
+   DROPI DESIGN SYSTEM — TOKENS GLOBALES
+   Fuente: tokens.scss + variables_system_design.scss
+   ============================================================ */
+
+:root {
+  /* ── Brand: Primary ─────────────────────────────────────── */
+  --Primary-Primary-50: #fef8f2;
+  --Primary-Primary-100: #ffecda;
+  --Primary-Primary-200: #fcddbd;
+  --Primary-Primary-300: #f2bc85;
+  --Primary-Primary-400: #f7b46f;
+  --Primary-Primary-500: #f49a3d;
+  --Primary-Primary-600: #e58017;
+  --Primary-Primary-700: #99540f;
+  --Primary-Primary-800: #66380a;
+  --Primary-Primary-900: #331c05;
+
+  /* ── Brand: Secondary ───────────────────────────────────── */
+  --Secondary-Secondary-50: #f0fafc;
+  --Secondary-Secondary-100: #cee8f2;
+  --Secondary-Secondary-200: #95d0e5;
+  --Secondary-Secondary-300: #62bad9;
+  --Secondary-Secondary-400: #33a4cc;
+  --Secondary-Secondary-500: #008dbf;
+  --Secondary-Secondary-600: #007199;
+  --Secondary-Secondary-700: #005573;
+  --Secondary-Secondary-800: #00384d;
+  --Secondary-Secondary-900: #001c26;
+
+  /* ── Neutral ─────────────────────────────────────────────── */
+  --Neutral-White: #ffffff;
+  --Neutral-Black: #000000;
+
+  /* ── Gray ────────────────────────────────────────────────── */
+  --Gray-Gray-50: #f7f8fa;
+  --Gray-Gray-100: #e6eaf2;
+  --Gray-Gray-200: #c3c9d9;
+  --Gray-Gray-300: #a3abbf;
+  --Gray-Gray-400: #858ea6;
+  --Gray-Gray-500: #69738c;
+  --Gray-Gray-600: #475066;
+  --Gray-Gray-700: #32394d;
+  --Gray-Gray-800: #1f2433;
+  --Gray-Gray-900: #0e111a;
+
+  /* ── Success ─────────────────────────────────────────────── */
+  --Success-Success-50: #e7f8f3;
+  --Success-Success-100: #b3eada;
+  --Success-Success-200: #8ee0c8;
+  --Success-Success-300: #5bd1af;
+  --Success-Success-400: #3bc99f;
+  --Success-Success-500: #0abb87;
+  --Success-Success-600: #09aa7b;
+  --Success-Success-700: #078560;
+  --Success-Success-800: #06674a;
+  --Success-Success-900: #044f39;
+
+  /* ── Error ───────────────────────────────────────────────── */
+  --Error-Error-50: #fef0f0;
+  --Error-Error-100: #fcd1d1;
+  --Error-Error-200: #fababb;
+  --Error-Error-300: #f89b9c;
+  --Error-Error-400: #f68889;
+  --Error-Error-500: #f46a6b;
+  --Error-Error-600: #de6061;
+  --Error-Error-700: #ad4b4c;
+  --Error-Error-800: #863a3b;
+  --Error-Error-900: #662d2d;
+
+  /* ── Info ────────────────────────────────────────────────── */
+  --Info-Info-50: #eef6fe;
+  --Info-Info-100: #c9e3fb;
+  --Info-Info-200: #afd6f9;
+  --Info-Info-300: #8ac3f6;
+  --Info-Info-400: #73b7f4;
+  --Info-Info-500: #50a5f1;
+  --Info-Info-600: #4996db;
+  --Info-Info-700: #3975ab;
+  --Info-Info-800: #2c5b85;
+  --Info-Info-900: #224565;
+
+  /* ── Warning ─────────────────────────────────────────────── */
+  --Warning-Warning-50: #fef8ed;
+  --Warning-Warning-100: #fbe8c8;
+  --Warning-Warning-200: #f9ddad;
+  --Warning-Warning-300: #f6cd87;
+  --Warning-Warning-400: #f4c370;
+  --Warning-Warning-500: #f1b44c;
+  --Warning-Warning-600: #dba445;
+  --Warning-Warning-700: #ab8036;
+  --Warning-Warning-800: #85632a;
+  --Warning-Warning-900: #654c20;
+
+  /* ── Orange ──────────────────────────────────────────────── */
+  --Orange-orange-50: #fef5ec;
+  --Orange-orange-500: #f49a3d;
+
+  /* ── Spacing ─────────────────────────────────────────────── */
+  --Size-1: 4px;
+  --Size-2: 8px;
+  --Size-3: 12px;
+  --Size-4: 16px;
+  --Size-5: 24px;
+  --Size-6: 32px;
+  --Size-7: 40px;
+  --Size-8: 48px;
+  --Size-9: 56px;
+  --Size-10: 64px;
+
+  /* ── Border Radius ───────────────────────────────────────── */
+  --Border-1: 4px;
+  --Border-2: 8px;
+  --Border-3: 12px;
+  --Border-4: 24px;
+  --Border-5: 32px;
+  --Border-full: 9999px;
+
+  /* ── Font Size ───────────────────────────────────────────── */
+  --font-size-xxxxl: 36px;
+  --font-size-xxxl: 30px;
+  --font-size-xxl: 24px;
+  --font-size-xl: 20px;
+  --font-size-l: 18px;
+  --font-size-m: 16px;
+  --font-size-s: 14px;
+  --font-size-xs: 12px;
+  --font-size-xxs: 10px;
+
+  /* ── Line Height ─────────────────────────────────────────── */
+  --lineheight-simple: 110%;
+  --lineheight-large: 150%;
+
+  /* ── Font Weight ─────────────────────────────────────────── */
+  --font-weight-bold: 700;
+  --font-weight-semibold: 600;
+  --font-weight-medium: 500;
+  --font-weight-regular: 400;
+  --font-weight-light: 300;
+
+  /* ── Font Family ─────────────────────────────────────────── */
+  --font-family-01: 'Inter', sans-serif;
+
+  /* ── Breakpoints ─────────────────────────────────────────── */
+  --breakpoint-extra-small: 576px;
+  --breakpoint-small: 600px;
+  --breakpoint-medium: 1000px;
+  --breakpoint-large: 1200px;
+  --breakpoint-extra-large: 1536px;
+  --breakpoint-full-width: 1920px;
+
+  /* ── Shadows ─────────────────────────────────────────────── */
+  --Shadow-small: 0px 0px 12px rgba(0, 0, 0, 0.04);
+  --Shadow-medium: 0.5px 4px 8px rgba(0, 0, 0, 0.08);
+  --Shadow-large: 0px 4px 16px rgba(0, 0, 0, 0.16);
+  --Shadow-icon: 0px 0px 4px rgba(0, 0, 0, 0.16);
+
+  /* ── Transportadoras ─────────────────────────────────────── */
+  --Interrapidisimo: #383637;
+  --Domina: #464ffe;
+  --Coordinadora: #2686c5;
+  --Servientrega: #1ba558;
+  --99-minutos: #9cd453;
+  --TCC: #f8dd49;
+  --Veloces: #dc2e76;
+  --Envia: #e7484e;
+  --Restlogix: #90dd92;
+  --Tiui: #0596a5;
+  --Fedex: #4d148c;
+  --Laarcourier: #faf063;
+  --Gintracom: #ff3939;
+  --Blue-express: #1542a3;
+  --Lulu: #f03a3e;
+  --Urbano: #e53237;
+  --Tipsa: #1d3681;
+}
+
+/* ── Responsive Font Sizes (mobile) ─────────────────────── */
+@media (max-width: 600px) {
+  :root {
+    --font-size-xxxxl: 32px;
+    --font-size-xxxl: 26px;
+    --font-size-xxl: 20px;
+    --font-size-xl: 18px;
+    --font-size-l: 16px;
+    --font-size-m: 16px;
+    --font-size-s: 14px;
+    --font-size-xs: 12px;
+    --font-size-xxs: 10px;
+  }
+}
+
+/* ── Base ────────────────────────────────────────────────── */
+* {
+  font-family: var(--font-family-01);
+  box-sizing: border-box;
+  text-align: left;
+}
+
+/* ── Headings ────────────────────────────────────────────── */
+h1 {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xxxxl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+h2 {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xxxl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+h3 {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xxl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+h4 {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+h5 {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-l);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+
+/* ── Typography Utility Classes ──────────────────────────── */
+.Body-L-Medium {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-m);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--lineheight-large);
+}
+.Body-L-Regular {
+  color: var(--Gray-Gray-600);
+  font-size: var(--font-size-m);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--lineheight-large);
+}
+.Body-M-Medium {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--lineheight-large);
+}
+.Body-M-Regular {
+  color: var(--Gray-Gray-600);
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--lineheight-large);
+}
+.Body-S-Medium {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--lineheight-large);
+}
+.Body-S-Regular {
+  color: var(--Gray-Gray-600);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--lineheight-large);
+}
+.Caption-M {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+.Caption-S {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xxs);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+.Label-L {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-m);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+.Label-M {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+.Label-S {
+  color: var(--Gray-Gray-700);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--lineheight-simple);
+}
+
+/* Support for scroll locking in modals/drawers without direct style manipulation (SSR safe) */
+body.dropi-modal-open {
+  overflow: hidden !important;
+}
+
+/* Prevent dropi-icon from flashing at full size before the component is defined */
+dropi-icon:not(:defined) {
+  display: inline-flex;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+}

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

@@ -1 +1,50 @@
-import{p as e,g as t,b as o}from"./p-D5SAM1O2.js";export{s as setNonce}from"./p-D5SAM1O2.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-8bf5d8ee",[[513,"dropi-icon",{"name":[1],"width":[1],"height":[1],"color":[1]},null,{"color":[{"colorChanged":0}]}]]],["p-a822a23e",[[513,"dropi-table",{"columns":[1],"rows":[1],"showCheckbox":[4,"show-checkbox"],"loading":[4],"emptyMessage":[1,"empty-message"],"title":[1],"showSearch":[4,"show-search"],"showColumnSelector":[4,"show-column-selector"],"showPaginator":[4,"show-paginator"],"pageSizes":[1,"page-sizes"],"currentPage":[1026,"current-page"],"totalPages":[2,"total-pages"],"rowActions":[1,"row-actions"],"headers":[1],"data":[1],"selectedRowIds":[16],"childData":[1,"child-data"],"visibleRowsChildrens":[1,"visible-rows-childrens"],"dropiTableConfiguration":[8,"dropi-table-configuration"],"dropiTableBackendParams":[8,"dropi-table-backend-params"],"isCursorPagination":[4,"is-cursor-pagination"],"parsedColumns":[32],"parsedRows":[32],"parsedPageSizes":[32],"parsedRowActions":[32],"sortKey":[32],"sortDir":[32],"sortAsc":[32],"selectedKeys":[32],"searchTerm":[32],"pageSize":[32],"showColumnMenu":[32],"hiddenColumns":[32],"openActionRow":[32]},null,{"columns":[{"columnsChanged":0}],"rows":[{"rowsChanged":0}],"pageSizes":[{"pageSizesChanged":0}],"rowActions":[{"rowActionsChanged":0}],"headers":[{"headersChanged":0}],"data":[{"dataChanged":0}]}]]],["p-a457e8ca",[[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"],"params":[8],"show":[64],"hide":[64]},null,{"params":[{"paramsChanged":0}]}]]],["p-3321ca70",[[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-7c0d2edf",[[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-fa3d0267",[[513,"dropi-card-section",{"title":[1],"description":[1],"typeElement":[1,"type-element"],"type":[1],"isChecked":[1028,"is-checked"]}]]],["p-976a15e3",[[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-53a7a37d",[[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-ae35d538",[[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-5c0bd7c2",[[513,"dropi-languages-selector",{"languages":[1],"selectedLang":[1025,"selected-lang"],"isOpen":[32],"parsedLanguages":[32],"currentLang":[32]},null,{"languages":[{"languagesChanged":0}],"selectedLang":[{"selectedLangChanged":0}]}]]],["p-0188e07a",[[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-00e5a2de",[[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-66b80371",[[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-efc2fc35",[[513,"dropi-breadcrumb",{"items":[1],"homeRoute":[1,"home-route"],"homeIconName":[1,"home-icon-name"],"lastItemClickable":[4,"last-item-clickable"]}]]],["p-92291873",[[513,"dropi-card-checkbox",{"type":[1],"state":[1025],"title":[1],"description":[1],"extraInfo":[1,"extra-info"],"extraInfoDescription":[1,"extra-info-description"],"disabled":[4]}]]],["p-cc527d91",[[769,"dropi-chips",{"customStyle":[1,"custom-style"],"type":[1],"urlImg":[1,"url-img"],"showIcon":[4,"show-icon"],"icon":[1]}]]],["p-c3614c4a",[[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-e6e766ed",[[513,"dropi-country-selector",{"label":[1],"placeholder":[1],"currentSelection":[1025,"current-selection"],"disabled":[4],"showObligatory":[4,"show-obligatory"],"hasError":[4,"has-error"],"textHelper":[1,"text-helper"],"searchTerm":[1025,"search-term"],"selectProperties":[8,"select-properties"],"isOpen":[32],"selected":[32]},[[4,"click","handleDocClick"]],{"currentSelection":[{"currentSelectionChanged":0}],"selectProperties":[{"selectPropertiesChanged":0}]}]]],["p-7bfc1c27",[[513,"dropi-date-picker",{"selectedDate":[1025,"selected-date"],"startDate":[1025,"start-date"],"endDate":[1025,"end-date"],"selectionMode":[1,"selection-mode"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"label":[1],"placeholder":[1],"disabled":[4],"isInvalid":[4,"is-invalid"],"loading":[4],"open":[32],"viewYear":[32],"viewMonth":[32],"hoverDate":[32]},[[4,"click","handleDocClick"]]]]],["p-af8e2157",[[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-39af6478",[[513,"dropi-favorite-button",{"isFavorite":[1028,"is-favorite"],"hovered":[32]}]]],["p-25640777",[[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-db38bf16",[[513,"dropi-image-miniature",{"label":[1],"images":[1],"width":[1],"height":[1]}]]],["p-dd5d8b1b",[[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-2674d901",[[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-f41cd9b5",[[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-e3ad21f8",[[513,"dropi-phone-input",{"codArea":[1025,"cod-area"],"ngModelPhone":[1025,"ng-model-phone"],"phoneNumberPlaceholder":[1,"phone-number-placeholder"],"disabledInput":[4,"disabled-input"],"isValidPhone":[4,"is-valid-phone"],"validateOnInit":[4,"validate-on-init"],"selectedOption":[1032,"selected-option"],"selectProperties":[8,"select-properties"],"open":[32]},[[8,"click","handleWindowClick"]],{"codArea":[{"codAreaChanged":0}],"selectedOption":[{"selectedOptionChanged":0}]}]]],["p-cdde481b",[[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-5fb33ae4",[[577,"dropi-select",{"label":[1025],"placeholder":[1025],"options":[1040],"name":[1],"disabled":[516],"hasError":[1028,"has-error"],"errorText":[1025,"error-text"],"textHelper":[1025,"text-helper"],"showObligatory":[1028,"show-obligatory"],"searchEnabled":[1028,"search-enabled"],"multiSelect":[1028,"multi-select"],"dropdownType":[1028,"dropdown-type"],"showCountryFlags":[4,"show-country-flags"],"radioOptions":[1028,"radio-options"],"placeHolderSearch":[1,"place-holder-search"],"preIcon":[1025,"pre-icon"],"defaultSelectedId":[1032,"default-selected-id"],"selectedOption":[1040],"overlayClass":[1,"overlay-class"],"selectProperties":[8,"select-properties"],"isOpen":[32],"_selectedOption":[32],"multiSelected":[32],"filteredOptions":[32],"searchTerm":[32],"dropdownStyle":[32],"setById":[64],"setByLabel":[64],"clearSelection":[64],"resetMultiSelect":[64]},[[4,"click","handleOutsideClick"]],{"selectProperties":[{"selectPropertiesChanged":0}],"options":[{"optionsChanged":0}],"defaultSelectedId":[{"defaultChanged":0}],"selectedOption":[{"valueChanged":0}]}]]],["p-446a481d",[[513,"dropi-sidebar",{"sideBarProperties":[1025,"side-bar-properties"],"parsedProperties":[32]},null,{"sideBarProperties":[{"watchPropHandler":0}]}]]],["p-02710049",[[513,"dropi-steps",{"stepsCount":[2,"steps-count"],"showNumberOfStep":[4,"show-number-of-step"],"currentStep":[2,"current-step"],"stepLabels":[1,"step-labels"],"state":[1]}]]],["p-18adf694",[[513,"dropi-tabs",{"configuration":[1],"activeTab":[1544,"active-tab"],"showIcon":[4,"show-icon"],"stopAction":[4,"stop-action"],"parsedTabs":[32]},null,{"configuration":[{"tabsChanged":0}]}]]],["p-a232c6a7",[[577,"dropi-text-area",{"id":[1025],"name":[1],"label":[1025],"placeholder":[1025],"value":[1025],"maxLength":[1026,"max-length"],"minLength":[1026,"min-length"],"rows":[1026],"resize":[1025],"disabled":[516],"required":[516],"showObligatoryAsterisk":[4,"show-obligatory-asterisk"],"textHelper":[1025,"text-helper"],"hasError":[4,"has-error"],"textAreaProperties":[16],"touched":[32]},null,{"textAreaProperties":[{"textAreaPropertiesChanged":0}],"value":[{"valueChanged":0}]}]]],["p-955e52f8",[[513,"dropi-time-line",{"steps":[1]}]]],["p-1a3619c3",[[513,"dropi-toast",{"position":[1],"life":[2],"items":[32],"show":[64],"clear":[64]}]]],["p-9212f544",[[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-2af538b9",[[513,"dropi-vertical-steps",{"steps":[1],"currentStep":[2,"current-step"],"clickable":[4],"showCheckIcon":[4,"show-check-icon"]}]]],["p-33d242ec",[[513,"dropi-youtube-lazy-video",{"videoId":[1,"video-id"],"thumbnailSrc":[1,"thumbnail-src"],"videoTitle":[1,"video-title"],"isPlaying":[32]}]]],["p-86283e99",[[769,"dropi-accordion",{"multiple":[4]}]]],["p-3e36c8b8",[[513,"dropi-alert-legacy",{"visible":[1028],"message":[1],"type":[1],"autoClose":[4,"auto-close"]}]]],["p-9b037086",[[513,"dropi-badge",{"state":[1]}]]],["p-d42d4ef7",[[513,"dropi-badge-legacy",{"type":[1],"state":[1],"variant":[1],"count":[2]}]]],["p-b3d3c72e",[[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-3ebc9b7b",[[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-ec263862",[[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-85444414",[[513,"dropi-logo",{"urlLogo":[1,"url-logo"],"size":[1],"theme":[1]}]]],["p-1d3d6a32",[[513,"dropi-lottie-loader",{"visible":[4],"loadingAnimation":[1,"loading-animation"],"title":[1],"message":[1]}]]],["p-665ef7ba",[[513,"dropi-otp-send-code",{"engine":[1],"labelContact":[1,"label-contact"],"showLabelContact":[4,"show-label-contact"],"errorMessage":[1,"error-message"],"digits":[32],"digitStates":[32],"countdown":[32],"canResend":[32],"error":[32]}]]],["p-a3c4d677",[[577,"dropi-radio-button",{"label":[1],"name":[1],"id":[1],"checked":[1540],"resetTrigger":[4,"reset-trigger"]},null,{"resetTrigger":[{"onResetTrigger":0}]}]]],["p-17c56074",[[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-9032ba00",[[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-5cee6721",[[513,"dropi-skeleton",{"variant":[1],"width":[1],"height":[1],"radius":[1],"lines":[2],"baseColor":[1,"base-color"]}]]],["p-a8f24270",[[513,"dropi-tag-type-product",{"label":[1]}]]],["p-cbf5367e",[[769,"dropi-tooltip",{"text":[1],"outlined":[4]}]]],["p-7eb27836",[[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-a1c93e55",[[513,"dropi-ilustration-icon",{"type":[1],"state":[1],"stateInsignia":[1,"state-insignia"],"tagProduct":[4,"tag-product"]}]]],["p-9ffec3f7",[[513,"dropi-avatars",{"image":[1],"alt":[1],"type":[1],"initials":[1]}]]],["p-3013f3b8",[[769,"dropi-modal",{"visible":[1544],"header":[1],"showCloseIcon":[4,"show-close-icon"],"dismissable":[4],"dismissableMask":[4,"dismissable-mask"],"dismissible":[4],"closeOnEscape":[4,"close-on-escape"],"modal":[4],"closable":[4],"blockScroll":[4,"block-scroll"],"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"position":[1],"size":[1],"styleClass":[1,"style-class"],"maxWidth":[1,"max-width"],"autoZIndex":[4,"auto-z-index"],"baseZIndex":[2,"base-z-index"],"transitionOptions":[1,"transition-options"],"enableBeforeClose":[4,"enable-before-close"],"draggable":[4],"resizable":[4],"isOpen":[32],"isClosing":[32],"mounted":[32],"hide":[64],"show":[64]},null,{"visible":[{"visibleChanged":0}]}]]],["p-b2623a5c",[[577,"dropi-switch",{"isChecked":[1540,"is-checked"],"disabled":[516]}]]],["p-a4e1df5e",[[513,"dropi-country-flags",{"country":[1],"customStyle":[1,"custom-style"],"width":[1],"height":[1]}]]],["p-50e0d44f",[[577,"dropi-input",{"id":[1025],"name":[1],"label":[1025],"placeholder":[1025],"value":[1025],"maxLength":[1026,"max-length"],"disabled":[516],"required":[516],"showObligatoryAsterisk":[1028,"show-obligatory-asterisk"],"fixedLabel":[4,"fixed-label"],"inputMode":[1025,"input-mode"],"passwordInput":[1028,"password-input"],"isMoneyInput":[1028,"is-money-input"],"isThousandSeparator":[1028,"is-thousand-separator"],"isNumericInput":[1028,"is-numeric-input"],"allowDecimals":[1028,"allow-decimals"],"isLettersOnly":[1028,"is-letters-only"],"icon":[1025],"iconColor":[1025,"icon-color"],"hasError":[1028,"has-error"],"textHelper":[1025,"text-helper"],"showHelperOnlyOnError":[1028,"show-helper-only-on-error"],"inputProperties":[8,"input-properties"],"showPassword":[32],"touched":[32]},null,{"inputProperties":[{"inputPropertiesChanged":0}],"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}]}],[513,"dropi-paginator",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"disabled":[4],"maxVisiblePages":[2,"max-visible-pages"],"isNotTotalPages":[4,"is-not-total-pages"],"noLabels":[4,"no-labels"]}],[513,"dropi-tag",{"type":[513],"state":[513],"showIcon":[4,"show-icon"],"icon":[513],"text":[513]},null,{"type":[{"propsChanged":0}],"state":[{"propsChanged":0}]}]]],["p-50a5e548",[[769,"dropi-button",{"type":[1],"severity":[1],"size":[1],"state":[1],"fullWidth":[516,"full-width"],"preIcon":[1,"pre-icon"],"postIcon":[1,"post-icon"],"customIconColor":[1,"custom-icon-color"],"text":[1]}]]],["p-9e0129cc",[[577,"dropi-checkbox",{"checked":[1540],"disabled":[516]}]]]]'),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-Cvp2LQOM.js';
+export { s as setNonce } from './index-Cvp2LQOM.js';
+
+/*
+ Stencil Client Patch Browser v4.43.3 | 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\"],\"title\":[1],\"showSearch\":[4,\"show-search\"],\"showColumnSelector\":[4,\"show-column-selector\"],\"showPaginator\":[4,\"show-paginator\"],\"pageSizes\":[1,\"page-sizes\"],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[2,\"total-pages\"],\"rowActions\":[1,\"row-actions\"],\"headers\":[1],\"data\":[1],\"selectedRowIds\":[16],\"childData\":[1,\"child-data\"],\"visibleRowsChildrens\":[1,\"visible-rows-childrens\"],\"dropiTableConfiguration\":[8,\"dropi-table-configuration\"],\"dropiTableBackendParams\":[8,\"dropi-table-backend-params\"],\"isCursorPagination\":[4,\"is-cursor-pagination\"],\"parsedColumns\":[32],\"parsedRows\":[32],\"parsedPageSizes\":[32],\"parsedRowActions\":[32],\"sortKey\":[32],\"sortDir\":[32],\"sortAsc\":[32],\"selectedKeys\":[32],\"searchTerm\":[32],\"pageSize\":[32],\"showColumnMenu\":[32],\"hiddenColumns\":[32],\"openActionRow\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}],\"pageSizes\":[{\"pageSizesChanged\":0}],\"rowActions\":[{\"rowActionsChanged\":0}],\"headers\":[{\"headersChanged\":0}],\"data\":[{\"dataChanged\":0}]}]]],[\"dropi-alert-modal\",[[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\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload\",[[513,\"dropi-file-upload\",{\"title\":[1],\"label\":[1],\"textDropZone\":[1,\"text-drop-zone\"],\"textButton\":[1,\"text-button\"],\"previewType\":[1,\"preview-type\"],\"multiple\":[4],\"maxFiles\":[2,\"max-files\"],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"accept\":[1],\"onlyView\":[4,\"only-view\"],\"viewDragAndDrop\":[4,\"view-drag-and-drop\"],\"dragAndDropSize\":[1,\"drag-and-drop-size\"],\"selectedFiles\":[32],\"error\":[32],\"errorMessage\":[32],\"dragging\":[32]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"title\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"dropiIcon\":[1,\"dropi-icon\"],\"buttonSeverity\":[1,\"button-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"type\":[1],\"placeholder\":[1],\"textInput\":[1025,\"text-input\"],\"typeInput\":[1,\"type-input\"],\"maxLength\":[2,\"max-length\"],\"showIcon\":[4,\"show-icon\"],\"showClear\":[4,\"show-clear\"],\"dataToSearch\":[1,\"data-to-search\"],\"dataName\":[1,\"data-name\"],\"position\":[1],\"multipleSelectModel\":[4,\"multiple-select-model\"],\"heightOverlay\":[2,\"height-overlay\"],\"label\":[1],\"model\":[1025],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[513,\"dropi-country-selector\",{\"label\":[1],\"placeholder\":[1],\"currentSelection\":[1025,\"current-selection\"],\"disabled\":[4],\"showObligatory\":[4,\"show-obligatory\"],\"hasError\":[4,\"has-error\"],\"textHelper\":[1,\"text-helper\"],\"searchTerm\":[1025,\"search-term\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"selected\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"currentSelection\":[{\"currentSelectionChanged\":0}],\"selectProperties\":[{\"selectPropertiesChanged\":0}]}]]],[\"dropi-date-picker\",[[513,\"dropi-date-picker\",{\"selectedDate\":[1025,\"selected-date\"],\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"selectionMode\":[1,\"selection-mode\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"isInvalid\":[4,\"is-invalid\"],\"loading\":[4],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32]},[[4,\"click\",\"handleDocClick\"]]]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[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\",[[513,\"dropi-phone-input\",{\"codArea\":[1025,\"cod-area\"],\"ngModelPhone\":[1025,\"ng-model-phone\"],\"phoneNumberPlaceholder\":[1,\"phone-number-placeholder\"],\"disabledInput\":[4,\"disabled-input\"],\"isValidPhone\":[4,\"is-valid-phone\"],\"validateOnInit\":[4,\"validate-on-init\"],\"selectedOption\":[1032,\"selected-option\"],\"selectProperties\":[8,\"select-properties\"],\"open\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"codArea\":[{\"codAreaChanged\":0}],\"selectedOption\":[{\"selectedOptionChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"alwaysShowDescription\":[4,\"always-show-description\"],\"typeLayout\":[1,\"type-layout\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1025],\"placeholder\":[1025],\"options\":[1040],\"name\":[1],\"disabled\":[516],\"hasError\":[1028,\"has-error\"],\"errorText\":[1025,\"error-text\"],\"textHelper\":[1025,\"text-helper\"],\"showObligatory\":[1028,\"show-obligatory\"],\"searchEnabled\":[1028,\"search-enabled\"],\"multiSelect\":[1028,\"multi-select\"],\"dropdownType\":[1028,\"dropdown-type\"],\"showCountryFlags\":[4,\"show-country-flags\"],\"radioOptions\":[1028,\"radio-options\"],\"placeHolderSearch\":[1,\"place-holder-search\"],\"preIcon\":[1025,\"pre-icon\"],\"defaultSelectedId\":[1032,\"default-selected-id\"],\"selectedOption\":[1040],\"overlayClass\":[1,\"overlay-class\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"_selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[4,\"click\",\"handleOutsideClick\"]],{\"selectProperties\":[{\"selectPropertiesChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"selectedOption\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[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-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"textStyle\":[1,\"text-style\"],\"buttonStyle\":[1,\"button-style\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"],\"white_brand\":[1]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"width\":[1],\"height\":[1],\"color\":[1]},null,{\"color\":[{\"colorChanged\":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\"]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"passwordInput\":[1028,\"password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},null,{\"inputProperties\":[{\"inputPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"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\",{\"type\":[513],\"state\":[513],\"showIcon\":[4,\"show-icon\"],\"icon\":[513],\"text\":[513]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1544],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"draggable\":[4],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"hide\":[64],\"show\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"customIconColor\":[1,\"custom-icon-color\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
+});
+//# sourceMappingURL=dropi-ui.esm.js.map
+
+//# sourceMappingURL=dropi-ui.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropi-ui.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AACzB,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACvC,IAAI,cAAc,CAAC,8BAA8B,CAAC;AAClD;AACA,EAAE,IAAI,KAAK,CAAC,YAAY,EAAE;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AACA,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnH,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK;AAC1H,GAAG,GAAG,IAAI;AACV,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/{esm → dropi-ui}/dropi-vertical-steps.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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)}`;
 
@@ -51,3 +51,6 @@ const DropiVerticalSteps = class {
 DropiVerticalSteps.style = dropiVerticalStepsCss();
 
 export { DropiVerticalSteps as dropi_vertical_steps };
+//# sourceMappingURL=dropi-vertical-steps.entry.esm.js.map
+
+//# sourceMappingURL=dropi-vertical-steps.entry.js.map

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

@@ -0,0 +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,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,KAE5E,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\" width=\"12px\" height=\"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/{esm → dropi-ui}/dropi-youtube-lazy-video.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.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}}`;
 
@@ -29,3 +29,6 @@ const DropiYoutubeLazyVideo = class {
 DropiYoutubeLazyVideo.style = dropiYoutubeLazyVideoCss();
 
 export { DropiYoutubeLazyVideo as dropi_youtube_lazy_video };
+//# sourceMappingURL=dropi-youtube-lazy-video.entry.esm.js.map
+
+//# sourceMappingURL=dropi-youtube-lazy-video.entry.js.map

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

@@ -0,0 +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,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CACpE,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\" width=\"17px\" height=\"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}