@maggioli-design-system/mds-dropdown
Advanced tools
Comparing version 2.2.1 to 3.0.1
@@ -8,3 +8,3 @@ 'use strict'; | ||
/* | ||
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com | ||
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com | ||
*/ | ||
@@ -18,3 +18,3 @@ const patchEsm = () => { | ||
return patchEsm().then(() => { | ||
return index.bootstrapLazy([["mds-dropdown.cjs",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
return index.bootstrapLazy([["mds-dropdown.cjs",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
}); | ||
@@ -21,0 +21,0 @@ }; |
@@ -1423,3 +1423,3 @@ 'use strict'; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[200vh\\]{height:200vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--background-arrow:var(--background);--background:rgb(var(--tone-neutral));--drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--duration:0.5s;--ease:cubic-bezier(0.19, 1, 0.22, 1);--transform-from:scale(0.9) translateY(-3%);--transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--background);-webkit-filter:var(--drop-shadow);filter:var(--drop-shadow);-webkit-transform:var(--transform-from);transform:var(--transform-from);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--transform-to);transform:var(--transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--background-arrow);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[150vh\\]{height:150vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
@@ -1576,2 +1576,3 @@ const MdsDropdown = class { | ||
this.visible = false; | ||
this.zIndex = 1000; | ||
} | ||
@@ -1590,3 +1591,3 @@ onCloseListener() { | ||
this.backdropEl.style.transition = `background-color ${this.backdropDuration / 10000}s ease-out`; | ||
this.backdropEl.style.zIndex = (Number(this.host.style.zIndex) - 1).toString(); | ||
this.backdropEl.style.zIndex = (this.zIndex - 1).toString(); | ||
document.body.appendChild(this.backdropEl); | ||
@@ -1658,2 +1659,5 @@ } | ||
} | ||
zIndexChanged(newValue) { | ||
this.host.style.setProperty('z-index', newValue.toString()); | ||
} | ||
componentWillLoad() { | ||
@@ -1663,2 +1667,3 @@ Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => { | ||
}); | ||
this.zIndexChanged(this.zIndex); | ||
} | ||
@@ -1677,6 +1682,8 @@ setAriaAttributes() { | ||
this.setAriaAttributes(); | ||
if (!this.caller) | ||
if (!this.caller) { | ||
return; | ||
} | ||
this.caller.addEventListener('click', this.callerOnClick.bind(this)); | ||
this.backdropChanged(this.backdrop); | ||
this.updatePosition(); | ||
} | ||
@@ -1706,3 +1713,4 @@ componentDidRender() { | ||
"strategy": ["strategyChanged"], | ||
"visible": ["visibleChanged"] | ||
"visible": ["visibleChanged"], | ||
"zIndex": ["zIndexChanged"] | ||
}; } | ||
@@ -1709,0 +1717,0 @@ }; |
@@ -6,3 +6,3 @@ 'use strict'; | ||
/* | ||
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com | ||
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com | ||
*/ | ||
@@ -19,3 +19,3 @@ const patchBrowser = () => { | ||
patchBrowser().then(options => { | ||
return index.bootstrapLazy([["mds-dropdown.cjs",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
return index.bootstrapLazy([["mds-dropdown.cjs",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
}); |
@@ -7,4 +7,4 @@ { | ||
"name": "@stencil/core", | ||
"version": "2.19.3", | ||
"typescriptVersion": "4.7.4" | ||
"version": "2.20.0", | ||
"typescriptVersion": "4.8.4" | ||
}, | ||
@@ -11,0 +11,0 @@ "collections": [], |
@@ -157,2 +157,3 @@ import { Host, h } from '@stencil/core'; | ||
this.visible = false; | ||
this.zIndex = 1000; | ||
} | ||
@@ -171,3 +172,3 @@ onCloseListener() { | ||
this.backdropEl.style.transition = `background-color ${this.backdropDuration / 10000}s ease-out`; | ||
this.backdropEl.style.zIndex = (Number(this.host.style.zIndex) - 1).toString(); | ||
this.backdropEl.style.zIndex = (this.zIndex - 1).toString(); | ||
document.body.appendChild(this.backdropEl); | ||
@@ -239,2 +240,5 @@ } | ||
} | ||
zIndexChanged(newValue) { | ||
this.host.style.setProperty('z-index', newValue.toString()); | ||
} | ||
componentWillLoad() { | ||
@@ -244,2 +248,3 @@ Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => { | ||
}); | ||
this.zIndexChanged(this.zIndex); | ||
} | ||
@@ -258,6 +263,8 @@ setAriaAttributes() { | ||
this.setAriaAttributes(); | ||
if (!this.caller) | ||
if (!this.caller) { | ||
return; | ||
} | ||
this.caller.addEventListener('click', this.callerOnClick.bind(this)); | ||
this.backdropChanged(this.backdrop); | ||
this.updatePosition(); | ||
} | ||
@@ -293,3 +300,3 @@ componentDidRender() { | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -312,8 +319,8 @@ "references": {} | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"docs": { | ||
@@ -331,3 +338,3 @@ "tags": [], | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -350,3 +357,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -369,3 +376,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -405,8 +412,8 @@ "references": {} | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"docs": { | ||
@@ -429,3 +436,3 @@ "tags": [], | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -448,3 +455,3 @@ } | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -467,8 +474,8 @@ "references": {} | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"docs": { | ||
@@ -486,3 +493,3 @@ "tags": [], | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -510,3 +517,3 @@ "references": {} | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -534,3 +541,3 @@ } | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"docs": { | ||
@@ -543,2 +550,20 @@ "tags": [], | ||
"defaultValue": "false" | ||
}, | ||
"zIndex": { | ||
"type": "number", | ||
"mutable": false, | ||
"complexType": { | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": true, | ||
"docs": { | ||
"tags": [], | ||
"text": "Specifies the visibility of the component." | ||
}, | ||
"attribute": "z-index", | ||
"reflect": false, | ||
"defaultValue": "1000" | ||
} | ||
@@ -600,2 +625,5 @@ }; | ||
"methodName": "visibleChanged" | ||
}, { | ||
"propName": "zIndex", | ||
"methodName": "zIndexChanged" | ||
}]; | ||
@@ -602,0 +630,0 @@ } |
@@ -119,3 +119,3 @@ var __rest = (this && this.__rest) || function (s, e) { | ||
class: 'max-w-[350px] w-full', | ||
layout: 'flex h-[200vh] justify-center items-center', | ||
layout: 'flex h-[150vh] justify-center items-center', | ||
flip: true, | ||
@@ -122,0 +122,0 @@ visible: true, |
@@ -1419,3 +1419,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client'; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[200vh\\]{height:200vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--background-arrow:var(--background);--background:rgb(var(--tone-neutral));--drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--duration:0.5s;--ease:cubic-bezier(0.19, 1, 0.22, 1);--transform-from:scale(0.9) translateY(-3%);--transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--background);-webkit-filter:var(--drop-shadow);filter:var(--drop-shadow);-webkit-transform:var(--transform-from);transform:var(--transform-from);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--transform-to);transform:var(--transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--background-arrow);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[150vh\\]{height:150vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
@@ -1574,2 +1574,3 @@ const MdsDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
this.visible = false; | ||
this.zIndex = 1000; | ||
} | ||
@@ -1588,3 +1589,3 @@ onCloseListener() { | ||
this.backdropEl.style.transition = `background-color ${this.backdropDuration / 10000}s ease-out`; | ||
this.backdropEl.style.zIndex = (Number(this.host.style.zIndex) - 1).toString(); | ||
this.backdropEl.style.zIndex = (this.zIndex - 1).toString(); | ||
document.body.appendChild(this.backdropEl); | ||
@@ -1656,2 +1657,5 @@ } | ||
} | ||
zIndexChanged(newValue) { | ||
this.host.style.setProperty('z-index', newValue.toString()); | ||
} | ||
componentWillLoad() { | ||
@@ -1661,2 +1665,3 @@ Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => { | ||
}); | ||
this.zIndexChanged(this.zIndex); | ||
} | ||
@@ -1675,6 +1680,8 @@ setAriaAttributes() { | ||
this.setAriaAttributes(); | ||
if (!this.caller) | ||
if (!this.caller) { | ||
return; | ||
} | ||
this.caller.addEventListener('click', this.callerOnClick.bind(this)); | ||
this.backdropChanged(this.backdrop); | ||
this.updatePosition(); | ||
} | ||
@@ -1704,3 +1711,4 @@ componentDidRender() { | ||
"strategy": ["strategyChanged"], | ||
"visible": ["visibleChanged"] | ||
"visible": ["visibleChanged"], | ||
"zIndex": ["zIndexChanged"] | ||
}; } | ||
@@ -1721,3 +1729,4 @@ static get style() { return mdsDropdownCss; } | ||
"strategy": [1], | ||
"visible": [1540] | ||
"visible": [1540], | ||
"zIndex": [2, "z-index"] | ||
}, [[4, "closeDropdown", "onCloseListener"]]]); | ||
@@ -1724,0 +1733,0 @@ function defineCustomElement$1() { |
@@ -1,1 +0,1 @@ | ||
import{p as promiseResolve,b as bootstrapLazy}from"./index-0116e12a.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540]},[[4,"closeDropdown","onCloseListener"]]]]]],o)}))};export{defineCustomElements}; | ||
import{p as promiseResolve,b as bootstrapLazy}from"./index-0116e12a.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]],o)}))};export{defineCustomElements}; |
@@ -1,1 +0,1 @@ | ||
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,n){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?r(t.value):i(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;i=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){r.label=a[1];break}if(a[0]===6&&r.label<o[1]){r.label=o[1];o=a;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(a);break}if(o[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t];i=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(t,e){var r={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)r[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,n=Object.getOwnPropertySymbols(t);i<n.length;i++){if(e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i]))r[n[i]]=t[n[i]]}return r};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,o;n<i;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-0116e12a.js";function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function getLengthFromAxis(t){return t==="y"?"height":"width"}function computeCoordsFromPlacement(t,e,r){var n=t.reference,i=t.floating;var o=n.x+n.width/2-i.width/2;var a=n.y+n.height/2-i.height/2;var s=getMainAxisFromPlacement(e);var l=getLengthFromAxis(s);var c=n[l]/2-i[l]/2;var f=getSide(e);var u=s==="x";var d;switch(f){case"top":d={x:o,y:n.y-i.height};break;case"bottom":d={x:o,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:a};break;case"left":d={x:n.x-i.width,y:a};break;default:d={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":d[s]-=c*(r&&u?-1:1);break;case"end":d[s]+=c*(r&&u?-1:1);break}return d}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,k,_,P,A,E,C;var O,R;return __generator(this,(function(T){switch(T.label){case 0:n=r.placement,i=n===void 0?"bottom":n,o=r.strategy,a=o===void 0?"absolute":o,s=r.middleware,l=s===void 0?[]:s,c=r.platform;return[4,c.isRTL==null?void 0:c.isRTL(e)];case 1:f=T.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:u=T.sent();d=computeCoordsFromPlacement(u,i,f),g=d.x,p=d.y;m=i;h={};v=0;b=0;T.label=3;case 3:if(!(b<l.length))return[3,11];w=l[b],y=w.name,x=w.fn;return[4,x({x:g,y:p,initialPlacement:i,placement:m,strategy:a,middlewareData:h,rects:u,platform:c,elements:{reference:t,floating:e}})];case 4:k=T.sent(),_=k.x,P=k.y,A=k.data,E=k.reset;g=_!=null?_:g;p=P!=null?P:p;h=__assign(__assign({},h),(O={},O[y]=__assign(__assign({},h[y]),A),O));if(!(E&&v<=50))return[3,10];v++;if(!(typeof E==="object"))return[3,9];if(E.placement){m=E.placement}if(!E.rects)return[3,8];if(!(E.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:C=T.sent();return[3,7];case 6:C=E.rects;T.label=7;case 7:u=C;T.label=8;case 8:R=computeCoordsFromPlacement(u,m,f),g=R.x,p=R.y;T.label=9;case 9:b=-1;return[3,10];case 10:b++;return[3,3];case 11:return[2,{x:g,y:p,placement:m,strategy:a,middlewareData:h}]}}))}))};function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getSideObjectFromPadding(t){return typeof t!=="number"?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return __assign(__assign({},t),{top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height})}function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S;var N,D;return __generator(this,(function(B){switch(B.label){case 0:if(e===void 0){e={}}n=t.x,i=t.y,o=t.platform,a=t.rects,s=t.elements,l=t.strategy;c=e.boundary,f=c===void 0?"clippingAncestors":c,u=e.rootBoundary,d=u===void 0?"viewport":u,g=e.elementContext,p=g===void 0?"floating":g,m=e.altBoundary,h=m===void 0?false:m,v=e.padding,b=v===void 0?0:v;w=getSideObjectFromPadding(b);y=p==="floating"?"reference":"floating";x=s[h?y:p];_=rectToClientRect;A=(P=o).getClippingRect;N={};return[4,o.isElement==null?void 0:o.isElement(x)];case 1:if(!((r=B.sent())!=null?r:true))return[3,2];E=x;return[3,5];case 2:C=x.contextElement;if(C)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:C=B.sent();B.label=4;case 4:E=C;B.label=5;case 5:return[4,A.apply(P,[(N.element=E,N.boundary=f,N.rootBoundary=d,N.strategy=l,N)])];case 6:k=_.apply(void 0,[B.sent()]);R=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,9];S=(L=o).convertOffsetParentRelativeRectToViewportRelativeRect;D={rect:p==="floating"?__assign(__assign({},a.floating),{x:n,y:i}):a.reference};return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)];case 7:return[4,S.apply(L,[(D.offsetParent=B.sent(),D.strategy=l,D)])];case 8:T=B.sent();return[3,10];case 9:T=a[p];B.label=10;case 10:O=R.apply(void 0,[T]);return[2,{top:k.top-O.top+w.top,bottom:O.bottom-k.bottom+w.bottom,left:k.left-O.left+w.left,right:O.right-k.right+w.right}]}}))}))}var min$1=Math.min;var max$1=Math.max;function within(t,e,r){return max$1(t,min$1(e,r))}var arrow=function(t){return{name:"arrow",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T;var L,S;return __generator(this,(function(N){switch(N.label){case 0:r=t!=null?t:{},n=r.element,i=r.padding,o=i===void 0?0:i;a=e.x,s=e.y,l=e.placement,c=e.rects,f=e.platform;if(n==null){return[2,{}]}u=getSideObjectFromPadding(o);d={x:a,y:s};g=getMainAxisFromPlacement(l);p=getAlignment(l);m=getLengthFromAxis(g);return[4,f.getDimensions(n)];case 1:h=N.sent();v=g==="y"?"top":"left";b=g==="y"?"bottom":"right";w=c.reference[m]+c.reference[g]-d[g]-c.floating[m];y=d[g]-c.reference[g];return[4,f.getOffsetParent==null?void 0:f.getOffsetParent(n)];case 2:x=N.sent();k=x?g==="y"?x.clientHeight||0:x.clientWidth||0:0;if(k===0){k=c.floating[m]}_=w/2-y/2;P=u[v];A=k-h[m]-u[b];E=k/2-h[m]/2+_;C=within(P,E,A);O=p==="start"?u[v]:u[b];R=O>0&&E!==C&&c.reference[m]<=c.floating[m];T=R?E<P?P-E:A-E:0;return[2,(L={},L[g]=d[g]-T,L.data=(S={},S[g]=C,S.centerOffset=E-C,S),L)]}}))}))}}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return hash$1[t]}))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var i=getMainAxisFromPlacement(t);var o=getLengthFromAxis(i);var a=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){a=getOppositePlacement(a)}return{main:a,cross:getOppositePlacement(a)}}var hash$2={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return hash$2[t]}))}var sides=["top","right","bottom","left"];var allPlacements=sides.reduce((function(t,e){return t.concat(e,e+"-start",e+"-end")}),[]);function getPlacementList(t,e,r){var n=t?__spreadArray(__spreadArray([],r.filter((function(e){return getAlignment(e)===t})),true),r.filter((function(e){return getAlignment(e)!==t})),true):r.filter((function(t){return getSide(t)===t}));return n.filter((function(r){if(t){return getAlignment(r)===t||(e?getOppositeAlignmentPlacement(r)!==r:false)}return true}))}var autoPlacement=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S,N,D,B;return __generator(this,(function(H){switch(H.label){case 0:s=e.x,l=e.y,c=e.rects,f=e.middlewareData,u=e.placement,d=e.platform,g=e.elements;p=t.alignment,m=p===void 0?null:p,h=t.allowedPlacements,v=h===void 0?allPlacements:h,b=t.autoAlignment,w=b===void 0?true:b,y=__rest(t,["alignment","allowedPlacements","autoAlignment"]);x=getPlacementList(m,w,v);return[4,detectOverflow(e,y)];case 1:k=H.sent();_=(r=(n=f.autoPlacement)==null?void 0:n.index)!=null?r:0;P=x[_];if(P==null){return[2,{}]}O=getAlignmentSides;R=[P,c];return[4,d.isRTL==null?void 0:d.isRTL(g.floating)];case 2:A=O.apply(void 0,R.concat([H.sent()])),E=A.main,C=A.cross;if(u!==P){return[2,{x:s,y:l,reset:{placement:x[0]}}]}T=[k[getSide(P)],k[E],k[C]];L=__spreadArray(__spreadArray([],(i=(o=f.autoPlacement)==null?void 0:o.overflows)!=null?i:[],true),[{placement:P,overflows:T}],false);S=x[_+1];if(S){return[2,{data:{index:_+1,overflows:L},reset:{placement:S}}]}N=L.slice().sort((function(t,e){return t.overflows[0]-e.overflows[0]}));D=(a=N.find((function(t){var e=t.overflows;return e.every((function(t){return t<=0}))})))==null?void 0:a.placement;B=D!=null?D:N[0].placement;if(B!==u){return[2,{data:{index:_+1,overflows:L},reset:{placement:B}}]}return[2,{}]}}))}))}}};function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}var flip=function(t){if(t===void 0){t={}}return{name:"flip",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S,N,D,B,H,W;return __generator(this,(function(M){switch(M.label){case 0:n=e.placement,i=e.middlewareData,o=e.rects,a=e.initialPlacement,s=e.platform,l=e.elements;c=t.mainAxis,f=c===void 0?true:c,u=t.crossAxis,d=u===void 0?true:u,g=t.fallbackPlacements,p=t.fallbackStrategy,m=p===void 0?"bestFit":p,h=t.flipAlignment,v=h===void 0?true:h,b=__rest(t,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","flipAlignment"]);w=getSide(n);y=w===a;x=g||(y||!v?[getOppositePlacement(a)]:getExpandedPlacements(a));k=__spreadArray([a],x,true);return[4,detectOverflow(e,b)];case 1:_=M.sent();P=[];A=((r=i.flip)==null?void 0:r.overflows)||[];if(f){P.push(_[w])}if(!d)return[3,3];R=getAlignmentSides;T=[n,o];return[4,s.isRTL==null?void 0:s.isRTL(l.floating)];case 2:E=R.apply(void 0,T.concat([M.sent()])),C=E.main,O=E.cross;P.push(_[C],_[O]);M.label=3;case 3:A=__spreadArray(__spreadArray([],A,true),[{placement:n,overflows:P}],false);if(!P.every((function(t){return t<=0}))){N=((L=(S=i.flip)==null?void 0:S.index)!=null?L:0)+1;D=k[N];if(D){return[2,{data:{index:N,overflows:A},reset:{placement:D}}]}B="bottom";switch(m){case"bestFit":{W=(H=A.map((function(t){return[t,t.overflows.filter((function(t){return t>0})).reduce((function(t,e){return t+e}),0)]})).sort((function(t,e){return t[1]-e[1]}))[0])==null?void 0:H[0].placement;if(W){B=W}break}case"initialPlacement":B=a;break}if(n!==B){return[2,{reset:{placement:B}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m;return __generator(this,(function(h){switch(h.label){case 0:r=t.placement,n=t.platform,i=t.elements;return[4,n.isRTL==null?void 0:n.isRTL(i.floating)];case 1:o=h.sent();a=getSide(r);s=getAlignment(r);l=getMainAxisFromPlacement(r)==="x";c=["left","top"].includes(a)?-1:1;f=o&&l?-1:1;u=typeof e==="function"?e(t):e;d=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},u),g=d.mainAxis,p=d.crossAxis,m=d.alignmentAxis;if(s&&typeof m==="number"){p=s==="end"?m*-1:m}return[2,l?{x:p*f,y:g*c}:{x:g*c,y:p*f}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i;return __generator(this,(function(o){switch(o.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:i=o.sent();return[2,{x:r+i.x,y:n+i.y,data:i}]}}))}))}}};function getCrossAxis(t){return t==="x"?"y":"x"}var shift=function(t){if(t===void 0){t={}}return{name:"shift",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,f,u,d,g,p,m,h,v,b,w,y,x,b,w,k,_,P;var A;return __generator(this,(function(E){switch(E.label){case 0:r=e.x,n=e.y,i=e.placement;o=t.mainAxis,a=o===void 0?true:o,s=t.crossAxis,l=s===void 0?false:s,c=t.limiter,f=c===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:c,u=__rest(t,["mainAxis","crossAxis","limiter"]);d={x:r,y:n};return[4,detectOverflow(e,u)];case 1:g=E.sent();p=getMainAxisFromPlacement(getSide(i));m=getCrossAxis(p);h=d[p];v=d[m];if(a){b=p==="y"?"top":"left";w=p==="y"?"bottom":"right";y=h+g[b];x=h-g[w];h=within(y,h,x)}if(l){b=m==="y"?"top":"left";w=m==="y"?"bottom":"right";k=v+g[b];_=v-g[w];v=within(k,v,_)}P=f.fn(__assign(__assign({},e),(A={},A[p]=h,A[m]=v,A)));return[2,__assign(__assign({},P),{data:{x:P.x-r,y:P.y-n}})]}}))}))}}};function isWindow(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function getWindow(t){if(t==null){return window}if(!isWindow(t)){var e=t.ownerDocument;return e?e.defaultView||window:window}return t}function getComputedStyle(t){return getWindow(t).getComputedStyle(t)}function getNodeName(t){return isWindow(t)?"":t?(t.nodeName||"").toLowerCase():""}function getUAString(){var t=navigator.userAgentData;if(t!=null&&t.brands){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isNode(t){return t instanceof getWindow(t).Node}function isShadowRoot(t){if(typeof ShadowRoot==="undefined"){return false}var e=getWindow(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function isOverflowElement(t){var e=getComputedStyle(t),r=e.overflow,n=e.overflowX,i=e.overflowY,o=e.display;return/auto|scroll|overlay|hidden/.test(r+i+n)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=/firefox/i.test(getUAString());var r=getComputedStyle(t);return r.transform!=="none"||r.perspective!=="none"||e&&r.willChange==="filter"||e&&(r.filter?r.filter!=="none":false)||["transform","perspective"].some((function(t){return r.willChange.includes(t)}))||["paint","layout","strict","content"].some((function(t){var e=r.contain;return e!=null?e.includes(t):false}))}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}var min=Math.min;var max=Math.max;var round=Math.round;function getBoundingClientRect(t,e,r){var n,i,o,a;if(e===void 0){e=false}if(r===void 0){r=false}var s=t.getBoundingClientRect();var l=1;var c=1;if(e&&isHTMLElement(t)){l=t.offsetWidth>0?round(s.width)/t.offsetWidth||1:1;c=t.offsetHeight>0?round(s.height)/t.offsetHeight||1:1}var f=isElement(t)?getWindow(t):window;var u=!isLayoutViewport()&&r;var d=(s.left+(u?(n=(i=f.visualViewport)==null?void 0:i.offsetLeft)!=null?n:0:0))/l;var g=(s.top+(u?(o=(a=f.visualViewport)==null?void 0:a.offsetTop)!=null?o:0:0))/c;var p=s.width/l;var m=s.height/c;return{width:p,height:m,top:g,right:d+p,bottom:g+m,left:d,x:d,y:g}}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){if(isElement(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function isScaled(t){var e=getBoundingClientRect(t);return round(e.width)!==t.offsetWidth||round(e.height)!==t.offsetHeight}function getRectRelativeToOffsetParent(t,e,r){var n=isHTMLElement(e);var i=getDocumentElement(e);var o=getBoundingClientRect(t,n&&isScaled(e),r==="fixed");var a={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(n||!n&&r!=="fixed"){if(getNodeName(e)!=="body"||isOverflowElement(i)){a=getNodeScroll(e)}if(isHTMLElement(e)){var l=getBoundingClientRect(e,true);s.x=l.x+e.clientLeft;s.y=l.y+e.clientTop}else if(i){s.x=getWindowScrollBarX(i)}}return{x:o.left+a.scrollLeft-s.x,y:o.top+a.scrollTop-s.y,width:o.width,height:o.height}}function getParentNode(t){if(getNodeName(t)==="html"){return t}return t.assignedSlot||t.parentNode||(isShadowRoot(t)?t.host:null)||getDocumentElement(t)}function getTrueOffsetParent(t){if(!isHTMLElement(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function getContainingBlock(t){var e=getParentNode(t);if(isShadowRoot(e)){e=e.host}while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{var r=e.parentNode;e=isShadowRoot(r)?r.host:r}}return null}function getOffsetParent(t){var e=getWindow(t);var r=getTrueOffsetParent(t);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static"&&!isContainingBlock(r))){return e}return r||getContainingBlock(t)||e}function getDimensions(t){if(isHTMLElement(t)){return{width:t.offsetWidth,height:t.offsetHeight}}var e=getBoundingClientRect(t);return{width:e.width,height:e.height}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){var e=t.rect,r=t.offsetParent,n=t.strategy;var i=isHTMLElement(r);var o=getDocumentElement(r);if(r===o){return e}var a={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(i||!i&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(o)){a=getNodeScroll(r)}if(isHTMLElement(r)){var l=getBoundingClientRect(r,true);s.x=l.x+r.clientLeft;s.y=l.y+r.clientTop}}return __assign(__assign({},e),{x:e.x-a.scrollLeft+s.x,y:e.y-a.scrollTop+s.y})}function getViewportRect(t,e){var r=getWindow(t);var n=getDocumentElement(t);var i=r.visualViewport;var o=n.clientWidth;var a=n.clientHeight;var s=0;var l=0;if(i){o=i.width;a=i.height;var c=isLayoutViewport();if(c||!c&&e==="fixed"){s=i.offsetLeft;l=i.offsetTop}}return{width:o,height:a,x:s,y:l}}function getDocumentRect(t){var e;var r=getDocumentElement(t);var n=getNodeScroll(t);var i=(e=t.ownerDocument)==null?void 0:e.body;var o=max(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var a=max(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(t);var l=-n.scrollTop;if(getComputedStyle(i||r).direction==="rtl"){s+=max(r.clientWidth,i?i.clientWidth:0)-o}return{width:o,height:a,x:s,y:l}}function getNearestOverflowAncestor(t){var e=getParentNode(t);if(isLastTraversableNode(e)){return t.ownerDocument.body}if(isHTMLElement(e)&&isOverflowElement(e)){return e}return getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var r;if(e===void 0){e=[]}var n=getNearestOverflowAncestor(t);var i=n===((r=t.ownerDocument)==null?void 0:r.body);var o=getWindow(n);var a=i?[o].concat(o.visualViewport||[],isOverflowElement(n)?n:[]):n;var s=e.concat(a);return i?s:s.concat(getOverflowAncestors(a))}function contains(t,e){var r=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(r&&isShadowRoot(r)){var n=e;do{if(n&&t===n){return true}n=n.parentNode||n.host}while(n)}return false}function getNearestParentCapableOfEscapingClipping(t,e){var r=t;while(r&&!isLastTraversableNode(r)&&!e.includes(r)){if(isElement(r)&&["absolute","fixed"].includes(getComputedStyle(r).position)){break}var n=getParentNode(r);r=isShadowRoot(n)?n.host:n}return r}function getInnerBoundingClientRect(t,e){var r=getBoundingClientRect(t,false,e==="fixed");var n=r.top+t.clientTop;var i=r.left+t.clientLeft;return{top:n,left:i,x:i,y:n,right:i+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function getClientRectFromClippingAncestor(t,e,r){if(e==="viewport"){return rectToClientRect(getViewportRect(t,r))}if(isElement(e)){return getInnerBoundingClientRect(e,r)}return rectToClientRect(getDocumentRect(getDocumentElement(t)))}function getClippingAncestors(t){var e=getOverflowAncestors(t);var r=getNearestParentCapableOfEscapingClipping(t,e);var n=null;if(r&&isHTMLElement(r)){var i=getOffsetParent(r);if(isOverflowElement(r)){n=r}else if(isHTMLElement(i)){n=i}}if(!isElement(n)){return[]}return e.filter((function(t){return n&&isElement(t)&&contains(t,n)&&getNodeName(t)!=="body"}))}function getClippingRect(t){var e=t.element,r=t.boundary,n=t.rootBoundary,i=t.strategy;var o=r==="clippingAncestors"?getClippingAncestors(e):[].concat(r);var a=__spreadArray(__spreadArray([],o,true),[n],false);var s=a[0];var l=a.reduce((function(t,r){var n=getClientRectFromClippingAncestor(e,r,i);t.top=max(n.top,t.top);t.right=min(n.right,t.right);t.bottom=min(n.bottom,t.bottom);t.left=max(n.left,t.left);return t}),getClientRectFromClippingAncestor(e,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}var platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getElementRects:function(t){var e=t.reference,r=t.floating,n=t.strategy;return{reference:getRectRelativeToOffsetParent(e,getOffsetParent(r),n),floating:__assign(__assign({},getDimensions(r)),{x:0,y:0})}},getClientRects:function(t){return Array.from(t.getClientRects())},isRTL:function(t){return getComputedStyle(t).direction==="rtl"}};function autoUpdate(t,e,r,n){if(n===void 0){n={}}var i=n.ancestorScroll,o=i===void 0?true:i,a=n.ancestorResize,s=a===void 0?true:a,l=n.elementResize,c=l===void 0?true:l,f=n.animationFrame,u=f===void 0?false:f;var d=o&&!u;var g=d||s?__spreadArray(__spreadArray([],isElement(t)?getOverflowAncestors(t):t.contextElement?getOverflowAncestors(t.contextElement):[],true),getOverflowAncestors(e),true):[];g.forEach((function(t){d&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var p=null;if(c){var m=true;p=new ResizeObserver((function(){if(!m){r()}m=false}));isElement(t)&&!u&&p.observe(t);if(!isElement(t)&&t.contextElement&&!u){p.observe(t.contextElement)}p.observe(e)}var h;var v=u?getBoundingClientRect(t):null;if(u){b()}function b(){var e=getBoundingClientRect(t);if(v&&(e.x!==v.x||e.y!==v.y||e.width!==v.width||e.height!==v.height)){r()}v=e;h=requestAnimationFrame(b)}r();return function(){var t;g.forEach((function(t){d&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));(t=p)==null?void 0:t.disconnect();p=null;if(u){cancelAnimationFrame(h)}}}var computePosition=function(t,e,r){return computePosition$1(t,e,__assign({platform:platform},r))};var arrowSvg='<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n';var hash=function(t){var e,r;for(e=0,r=0;e<t.length;e++){r=Math.imul(31,r)+t.charCodeAt(e)|0}return r.toString()};var setAttributeIfEmpty=function(t,e,r){if(t.hasAttribute(e)){return t.getAttribute(e)}t.setAttribute(e,r);return r};var hashValue=function(t){return"".concat(t,"-").concat(hash(t))};var mdsDropdownCss=".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[200vh\\]{height:200vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--background-arrow:var(--background);--background:rgb(var(--tone-neutral));--drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--duration:0.5s;--ease:cubic-bezier(0.19, 1, 0.22, 1);--transform-from:scale(0.9) translateY(-3%);--transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--background);-webkit-filter:var(--drop-shadow);filter:var(--drop-shadow);-webkit-transform:var(--transform-from);transform:var(--transform-from);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--transform-to);transform:var(--transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--background-arrow);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}";var MdsDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.closeDropdown=createEvent(this,"closeDropdown",7);this.backdropBackgroundVisible="rgba(var(--backdrop-color, 0 0 0) / var(--backdrop-opacity, 0.1))";this.backdropBackgroundHidden="rgba(var(--backdrop-color, 0 0 0) / 0)";this.backdropDuration=2e3;this.backdropId="mds-dropdown-backdrop";this.handleCloseDropdown=function(t){if(t===void 0){t=null}if(!e.visible){return}if(!e.host.contains(t.target)&&t.target!==e.caller){e.closeDropdown.emit()}};this.handleVisibility=function(t){if(t===void 0){t=null}if(t!==null){e.visible=t;return}if(e.visible){e.visible=false;return}e.visible=true;e.updatePosition()};this.callerOnClick=function(){e.handleVisibility()};this.arrowInset=function(t,e){var r=t.arrow;var n={bottom:"",left:"",right:"",top:""};if(r===undefined){return{}}switch(e){case"bottom":n.left=r.x!==null?"".concat(r.x,"px"):"";n.top="100%";break;case"left":n.right="100%";n.top=r.y!==null?"".concat(r.y,"px"):"";break;case"right":n.left="100%";n.top=r.y!==null?"".concat(r.y,"px"):"";break;case"top":n.left=r.x!==null?"".concat(r.x,"px"):"";n.top=null;break}return n};this.arrowTransform=function(t){var r=e.arrow&&e.visible?"scale(1)":"scale(0)";switch(t){case"bottom":r="rotate(180deg) ".concat(r," translate(0, -100%)");break;case"left":r="rotate(-90deg) ".concat(r," translate(50%, -50%)");break;case"right":r="rotate(90deg) ".concat(r," translate(-50%, -50%)");break;case"top":r="rotate(0deg) ".concat(r," translate(0, 0)");break}return{transform:r}};this.arrowTransformOrigin=function(t){switch(t){case"bottom":return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"};default:return{transformOrigin:"center top"}}};this.updatePosition=function(){if(!e.caller)return;var t=[];var r={};if(e.shiftPadding){r.padding=e.shiftPadding}if(e.autoPlacement){t.push(autoPlacement())}if(e.offset){t.push(offset(e.offset))}if(!e.autoPlacement&&e.flip){t.push(flip(r))}if(e.shift){t.push(shift(r))}if(e.arrow){t.push(arrow({element:e.arrowEl,padding:e.arrowPadding}))}computePosition(e.caller,e.host,{middleware:t,placement:e.placement,strategy:e.strategy}).then((function(t){var r=t.x,n=t.y,i=t.placement,o=t.middlewareData;Object.assign(e.host.style,{left:"".concat(r,"px"),top:"".concat(n,"px")});var a={};var s={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(a,e.arrowTransform(s));Object.assign(a,e.arrowInset(o,s));Object.assign(a,e.arrowTransformOrigin(s));Object.assign(e.arrowEl.style,a)}))};this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.target=undefined;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false}t.prototype.onCloseListener=function(){this.handleVisibility(false)};t.prototype.attachBackdrop=function(){var t=this;if(!this.backdropEl){this.backdropEl=document.createElement("div");this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden;this.backdropEl.className=this.backdropId;this.backdropEl.style.inset="0";this.backdropEl.style.pointerEvents="none";this.backdropEl.style.position="fixed";this.backdropEl.style.transition="background-color ".concat(this.backdropDuration/1e4,"s ease-out");this.backdropEl.style.zIndex=(Number(this.host.style.zIndex)-1).toString();document.body.appendChild(this.backdropEl)}clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.style.backgroundColor=t.backdropBackgroundVisible}),1)};t.prototype.detachBackdrop=function(){var t=this;if(!this.backdropEl){return}this.backdropEl.style.backgroundColor="transparent";clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.remove();t.backdropEl=null}),this.backdropDuration)};t.prototype.arrowChanged=function(){this.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.updatePosition()};t.prototype.autoPlacementChanged=function(){this.updatePosition()};t.prototype.backdropChanged=function(t){if(!this.visible){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.flipChanged=function(){this.updatePosition()};t.prototype.offsetChanged=function(){this.updatePosition()};t.prototype.placementChanged=function(){this.updatePosition()};t.prototype.shiftChanged=function(){this.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.updatePosition()};t.prototype.strategyChanged=function(){this.updatePosition()};t.prototype.visibleChanged=function(t){this.updatePosition();if(!this.backdrop){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.componentWillLoad=function(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}))};t.prototype.setAriaAttributes=function(){var t=setAttributeIfEmpty(this.host,"id",hashValue(this.target));setAttributeIfEmpty(this.caller,"aria-haspopup","true");setAttributeIfEmpty(this.caller,"aria-controls",t);setAttributeIfEmpty(this.host,"role","menu");setAttributeIfEmpty(this.host,"aria-labelledby",this.target)};t.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=this.host.shadowRoot.querySelector(".arrow");this.caller=document.getElementById(this.target);this.setAriaAttributes();if(!this.caller)return;this.caller.addEventListener("click",this.callerOnClick.bind(this));this.backdropChanged(this.backdrop)};t.prototype.componentDidRender=function(){if(!this.cleanupAutoUpdate){this.cleanupAutoUpdate=autoUpdate(this.caller,this.host,this.updatePosition)}};t.prototype.disconnectedCallback=function(){this.cleanupAutoUpdate=null};t.prototype.render=function(){return h(Host,null,h("div",{class:"arrow",innerHTML:arrowSvg}),h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=mdsDropdownCss;export{MdsDropdown as mds_dropdown}; | ||
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++){e=arguments[r];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function a(t){try{l(n.next(t))}catch(t){i(t)}}function s(t){try{l(n["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):o(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;o=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){r.label=a[1];break}if(a[0]===6&&r.label<i[1]){r.label=i[1];i=a;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(a);break}if(i[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(t,e){var r={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)r[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++){if(e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o]))r[n[o]]=t[n[o]]}return r};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,o=e.length,i;n<o;n++){if(i||!(n in e)){if(!i)i=Array.prototype.slice.call(e,0,n);i[n]=e[n]}}return t.concat(i||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-0116e12a.js";function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function getLengthFromAxis(t){return t==="y"?"height":"width"}function computeCoordsFromPlacement(t,e,r){var n=t.reference,o=t.floating;var i=n.x+n.width/2-o.width/2;var a=n.y+n.height/2-o.height/2;var s=getMainAxisFromPlacement(e);var l=getLengthFromAxis(s);var c=n[l]/2-o[l]/2;var f=getSide(e);var d=s==="x";var u;switch(f){case"top":u={x:i,y:n.y-o.height};break;case"bottom":u={x:i,y:n.y+n.height};break;case"right":u={x:n.x+n.width,y:a};break;case"left":u={x:n.x-o.width,y:a};break;default:u={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":u[s]-=c*(r&&d?-1:1);break;case"end":u[s]+=c*(r&&d?-1:1);break}return u}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,k,_,P,A,E,C;var O,R;return __generator(this,(function(T){switch(T.label){case 0:n=r.placement,o=n===void 0?"bottom":n,i=r.strategy,a=i===void 0?"absolute":i,s=r.middleware,l=s===void 0?[]:s,c=r.platform;return[4,c.isRTL==null?void 0:c.isRTL(e)];case 1:f=T.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:d=T.sent();u=computeCoordsFromPlacement(d,o,f),p=u.x,g=u.y;m=o;h={};v=0;b=0;T.label=3;case 3:if(!(b<l.length))return[3,11];w=l[b],y=w.name,x=w.fn;return[4,x({x:p,y:g,initialPlacement:o,placement:m,strategy:a,middlewareData:h,rects:d,platform:c,elements:{reference:t,floating:e}})];case 4:k=T.sent(),_=k.x,P=k.y,A=k.data,E=k.reset;p=_!=null?_:p;g=P!=null?P:g;h=__assign(__assign({},h),(O={},O[y]=__assign(__assign({},h[y]),A),O));if(!(E&&v<=50))return[3,10];v++;if(!(typeof E==="object"))return[3,9];if(E.placement){m=E.placement}if(!E.rects)return[3,8];if(!(E.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:C=T.sent();return[3,7];case 6:C=E.rects;T.label=7;case 7:d=C;T.label=8;case 8:R=computeCoordsFromPlacement(d,m,f),p=R.x,g=R.y;T.label=9;case 9:b=-1;return[3,10];case 10:b++;return[3,3];case 11:return[2,{x:p,y:g,placement:m,strategy:a,middlewareData:h}]}}))}))};function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getSideObjectFromPadding(t){return typeof t!=="number"?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return __assign(__assign({},t),{top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height})}function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S;var N,D;return __generator(this,(function(B){switch(B.label){case 0:if(e===void 0){e={}}n=t.x,o=t.y,i=t.platform,a=t.rects,s=t.elements,l=t.strategy;c=e.boundary,f=c===void 0?"clippingAncestors":c,d=e.rootBoundary,u=d===void 0?"viewport":d,p=e.elementContext,g=p===void 0?"floating":p,m=e.altBoundary,h=m===void 0?false:m,v=e.padding,b=v===void 0?0:v;w=getSideObjectFromPadding(b);y=g==="floating"?"reference":"floating";x=s[h?y:g];_=rectToClientRect;A=(P=i).getClippingRect;N={};return[4,i.isElement==null?void 0:i.isElement(x)];case 1:if(!((r=B.sent())!=null?r:true))return[3,2];E=x;return[3,5];case 2:C=x.contextElement;if(C)return[3,4];return[4,i.getDocumentElement==null?void 0:i.getDocumentElement(s.floating)];case 3:C=B.sent();B.label=4;case 4:E=C;B.label=5;case 5:return[4,A.apply(P,[(N.element=E,N.boundary=f,N.rootBoundary=u,N.strategy=l,N)])];case 6:k=_.apply(void 0,[B.sent()]);R=rectToClientRect;if(!i.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,9];S=(L=i).convertOffsetParentRelativeRectToViewportRelativeRect;D={rect:g==="floating"?__assign(__assign({},a.floating),{x:n,y:o}):a.reference};return[4,i.getOffsetParent==null?void 0:i.getOffsetParent(s.floating)];case 7:return[4,S.apply(L,[(D.offsetParent=B.sent(),D.strategy=l,D)])];case 8:T=B.sent();return[3,10];case 9:T=a[g];B.label=10;case 10:O=R.apply(void 0,[T]);return[2,{top:k.top-O.top+w.top,bottom:O.bottom-k.bottom+w.bottom,left:k.left-O.left+w.left,right:O.right-k.right+w.right}]}}))}))}var min$1=Math.min;var max$1=Math.max;function within(t,e,r){return max$1(t,min$1(e,r))}var arrow=function(t){return{name:"arrow",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T;var L,S;return __generator(this,(function(N){switch(N.label){case 0:r=t!=null?t:{},n=r.element,o=r.padding,i=o===void 0?0:o;a=e.x,s=e.y,l=e.placement,c=e.rects,f=e.platform;if(n==null){return[2,{}]}d=getSideObjectFromPadding(i);u={x:a,y:s};p=getMainAxisFromPlacement(l);g=getAlignment(l);m=getLengthFromAxis(p);return[4,f.getDimensions(n)];case 1:h=N.sent();v=p==="y"?"top":"left";b=p==="y"?"bottom":"right";w=c.reference[m]+c.reference[p]-u[p]-c.floating[m];y=u[p]-c.reference[p];return[4,f.getOffsetParent==null?void 0:f.getOffsetParent(n)];case 2:x=N.sent();k=x?p==="y"?x.clientHeight||0:x.clientWidth||0:0;if(k===0){k=c.floating[m]}_=w/2-y/2;P=d[v];A=k-h[m]-d[b];E=k/2-h[m]/2+_;C=within(P,E,A);O=g==="start"?d[v]:d[b];R=O>0&&E!==C&&c.reference[m]<=c.floating[m];T=R?E<P?P-E:A-E:0;return[2,(L={},L[p]=u[p]-T,L.data=(S={},S[p]=C,S.centerOffset=E-C,S),L)]}}))}))}}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return hash$1[t]}))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var o=getMainAxisFromPlacement(t);var i=getLengthFromAxis(o);var a=o==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[i]>e.floating[i]){a=getOppositePlacement(a)}return{main:a,cross:getOppositePlacement(a)}}var hash$2={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return hash$2[t]}))}var sides=["top","right","bottom","left"];var allPlacements=sides.reduce((function(t,e){return t.concat(e,e+"-start",e+"-end")}),[]);function getPlacementList(t,e,r){var n=t?__spreadArray(__spreadArray([],r.filter((function(e){return getAlignment(e)===t})),true),r.filter((function(e){return getAlignment(e)!==t})),true):r.filter((function(t){return getSide(t)===t}));return n.filter((function(r){if(t){return getAlignment(r)===t||(e?getOppositeAlignmentPlacement(r)!==r:false)}return true}))}var autoPlacement=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S,N,D,B;return __generator(this,(function(H){switch(H.label){case 0:s=e.x,l=e.y,c=e.rects,f=e.middlewareData,d=e.placement,u=e.platform,p=e.elements;g=t.alignment,m=g===void 0?null:g,h=t.allowedPlacements,v=h===void 0?allPlacements:h,b=t.autoAlignment,w=b===void 0?true:b,y=__rest(t,["alignment","allowedPlacements","autoAlignment"]);x=getPlacementList(m,w,v);return[4,detectOverflow(e,y)];case 1:k=H.sent();_=(r=(n=f.autoPlacement)==null?void 0:n.index)!=null?r:0;P=x[_];if(P==null){return[2,{}]}O=getAlignmentSides;R=[P,c];return[4,u.isRTL==null?void 0:u.isRTL(p.floating)];case 2:A=O.apply(void 0,R.concat([H.sent()])),E=A.main,C=A.cross;if(d!==P){return[2,{x:s,y:l,reset:{placement:x[0]}}]}T=[k[getSide(P)],k[E],k[C]];L=__spreadArray(__spreadArray([],(o=(i=f.autoPlacement)==null?void 0:i.overflows)!=null?o:[],true),[{placement:P,overflows:T}],false);S=x[_+1];if(S){return[2,{data:{index:_+1,overflows:L},reset:{placement:S}}]}N=L.slice().sort((function(t,e){return t.overflows[0]-e.overflows[0]}));D=(a=N.find((function(t){var e=t.overflows;return e.every((function(t){return t<=0}))})))==null?void 0:a.placement;B=D!=null?D:N[0].placement;if(B!==d){return[2,{data:{index:_+1,overflows:L},reset:{placement:B}}]}return[2,{}]}}))}))}}};function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}var flip=function(t){if(t===void 0){t={}}return{name:"flip",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,k,_,P,A,E,C,O,R,T,L,S,N,D,B,H,W;return __generator(this,(function(M){switch(M.label){case 0:n=e.placement,o=e.middlewareData,i=e.rects,a=e.initialPlacement,s=e.platform,l=e.elements;c=t.mainAxis,f=c===void 0?true:c,d=t.crossAxis,u=d===void 0?true:d,p=t.fallbackPlacements,g=t.fallbackStrategy,m=g===void 0?"bestFit":g,h=t.flipAlignment,v=h===void 0?true:h,b=__rest(t,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","flipAlignment"]);w=getSide(n);y=w===a;x=p||(y||!v?[getOppositePlacement(a)]:getExpandedPlacements(a));k=__spreadArray([a],x,true);return[4,detectOverflow(e,b)];case 1:_=M.sent();P=[];A=((r=o.flip)==null?void 0:r.overflows)||[];if(f){P.push(_[w])}if(!u)return[3,3];R=getAlignmentSides;T=[n,i];return[4,s.isRTL==null?void 0:s.isRTL(l.floating)];case 2:E=R.apply(void 0,T.concat([M.sent()])),C=E.main,O=E.cross;P.push(_[C],_[O]);M.label=3;case 3:A=__spreadArray(__spreadArray([],A,true),[{placement:n,overflows:P}],false);if(!P.every((function(t){return t<=0}))){N=((L=(S=o.flip)==null?void 0:S.index)!=null?L:0)+1;D=k[N];if(D){return[2,{data:{index:N,overflows:A},reset:{placement:D}}]}B="bottom";switch(m){case"bestFit":{W=(H=A.map((function(t){return[t,t.overflows.filter((function(t){return t>0})).reduce((function(t,e){return t+e}),0)]})).sort((function(t,e){return t[1]-e[1]}))[0])==null?void 0:H[0].placement;if(W){B=W}break}case"initialPlacement":B=a;break}if(n!==B){return[2,{reset:{placement:B}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m;return __generator(this,(function(h){switch(h.label){case 0:r=t.placement,n=t.platform,o=t.elements;return[4,n.isRTL==null?void 0:n.isRTL(o.floating)];case 1:i=h.sent();a=getSide(r);s=getAlignment(r);l=getMainAxisFromPlacement(r)==="x";c=["left","top"].includes(a)?-1:1;f=i&&l?-1:1;d=typeof e==="function"?e(t):e;u=typeof d==="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},d),p=u.mainAxis,g=u.crossAxis,m=u.alignmentAxis;if(s&&typeof m==="number"){g=s==="end"?m*-1:m}return[2,l?{x:g*f,y:p*c}:{x:p*c,y:g*f}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,o;return __generator(this,(function(i){switch(i.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:o=i.sent();return[2,{x:r+o.x,y:n+o.y,data:o}]}}))}))}}};function getCrossAxis(t){return t==="x"?"y":"x"}var shift=function(t){if(t===void 0){t={}}return{name:"shift",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,o,i,a,s,l,c,f,d,u,p,g,m,h,v,b,w,y,x,b,w,k,_,P;var A;return __generator(this,(function(E){switch(E.label){case 0:r=e.x,n=e.y,o=e.placement;i=t.mainAxis,a=i===void 0?true:i,s=t.crossAxis,l=s===void 0?false:s,c=t.limiter,f=c===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:c,d=__rest(t,["mainAxis","crossAxis","limiter"]);u={x:r,y:n};return[4,detectOverflow(e,d)];case 1:p=E.sent();g=getMainAxisFromPlacement(getSide(o));m=getCrossAxis(g);h=u[g];v=u[m];if(a){b=g==="y"?"top":"left";w=g==="y"?"bottom":"right";y=h+p[b];x=h-p[w];h=within(y,h,x)}if(l){b=m==="y"?"top":"left";w=m==="y"?"bottom":"right";k=v+p[b];_=v-p[w];v=within(k,v,_)}P=f.fn(__assign(__assign({},e),(A={},A[g]=h,A[m]=v,A)));return[2,__assign(__assign({},P),{data:{x:P.x-r,y:P.y-n}})]}}))}))}}};function isWindow(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function getWindow(t){if(t==null){return window}if(!isWindow(t)){var e=t.ownerDocument;return e?e.defaultView||window:window}return t}function getComputedStyle(t){return getWindow(t).getComputedStyle(t)}function getNodeName(t){return isWindow(t)?"":t?(t.nodeName||"").toLowerCase():""}function getUAString(){var t=navigator.userAgentData;if(t!=null&&t.brands){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isNode(t){return t instanceof getWindow(t).Node}function isShadowRoot(t){if(typeof ShadowRoot==="undefined"){return false}var e=getWindow(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function isOverflowElement(t){var e=getComputedStyle(t),r=e.overflow,n=e.overflowX,o=e.overflowY,i=e.display;return/auto|scroll|overlay|hidden/.test(r+o+n)&&!["inline","contents"].includes(i)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=/firefox/i.test(getUAString());var r=getComputedStyle(t);return r.transform!=="none"||r.perspective!=="none"||e&&r.willChange==="filter"||e&&(r.filter?r.filter!=="none":false)||["transform","perspective"].some((function(t){return r.willChange.includes(t)}))||["paint","layout","strict","content"].some((function(t){var e=r.contain;return e!=null?e.includes(t):false}))}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}var min=Math.min;var max=Math.max;var round=Math.round;function getBoundingClientRect(t,e,r){var n,o,i,a;if(e===void 0){e=false}if(r===void 0){r=false}var s=t.getBoundingClientRect();var l=1;var c=1;if(e&&isHTMLElement(t)){l=t.offsetWidth>0?round(s.width)/t.offsetWidth||1:1;c=t.offsetHeight>0?round(s.height)/t.offsetHeight||1:1}var f=isElement(t)?getWindow(t):window;var d=!isLayoutViewport()&&r;var u=(s.left+(d?(n=(o=f.visualViewport)==null?void 0:o.offsetLeft)!=null?n:0:0))/l;var p=(s.top+(d?(i=(a=f.visualViewport)==null?void 0:a.offsetTop)!=null?i:0:0))/c;var g=s.width/l;var m=s.height/c;return{width:g,height:m,top:p,right:u+g,bottom:p+m,left:u,x:u,y:p}}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){if(isElement(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function isScaled(t){var e=getBoundingClientRect(t);return round(e.width)!==t.offsetWidth||round(e.height)!==t.offsetHeight}function getRectRelativeToOffsetParent(t,e,r){var n=isHTMLElement(e);var o=getDocumentElement(e);var i=getBoundingClientRect(t,n&&isScaled(e),r==="fixed");var a={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(n||!n&&r!=="fixed"){if(getNodeName(e)!=="body"||isOverflowElement(o)){a=getNodeScroll(e)}if(isHTMLElement(e)){var l=getBoundingClientRect(e,true);s.x=l.x+e.clientLeft;s.y=l.y+e.clientTop}else if(o){s.x=getWindowScrollBarX(o)}}return{x:i.left+a.scrollLeft-s.x,y:i.top+a.scrollTop-s.y,width:i.width,height:i.height}}function getParentNode(t){if(getNodeName(t)==="html"){return t}return t.assignedSlot||t.parentNode||(isShadowRoot(t)?t.host:null)||getDocumentElement(t)}function getTrueOffsetParent(t){if(!isHTMLElement(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function getContainingBlock(t){var e=getParentNode(t);if(isShadowRoot(e)){e=e.host}while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{var r=e.parentNode;e=isShadowRoot(r)?r.host:r}}return null}function getOffsetParent(t){var e=getWindow(t);var r=getTrueOffsetParent(t);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static"&&!isContainingBlock(r))){return e}return r||getContainingBlock(t)||e}function getDimensions(t){if(isHTMLElement(t)){return{width:t.offsetWidth,height:t.offsetHeight}}var e=getBoundingClientRect(t);return{width:e.width,height:e.height}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){var e=t.rect,r=t.offsetParent,n=t.strategy;var o=isHTMLElement(r);var i=getDocumentElement(r);if(r===i){return e}var a={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(o||!o&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(i)){a=getNodeScroll(r)}if(isHTMLElement(r)){var l=getBoundingClientRect(r,true);s.x=l.x+r.clientLeft;s.y=l.y+r.clientTop}}return __assign(__assign({},e),{x:e.x-a.scrollLeft+s.x,y:e.y-a.scrollTop+s.y})}function getViewportRect(t,e){var r=getWindow(t);var n=getDocumentElement(t);var o=r.visualViewport;var i=n.clientWidth;var a=n.clientHeight;var s=0;var l=0;if(o){i=o.width;a=o.height;var c=isLayoutViewport();if(c||!c&&e==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:i,height:a,x:s,y:l}}function getDocumentRect(t){var e;var r=getDocumentElement(t);var n=getNodeScroll(t);var o=(e=t.ownerDocument)==null?void 0:e.body;var i=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var a=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(t);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-i}return{width:i,height:a,x:s,y:l}}function getNearestOverflowAncestor(t){var e=getParentNode(t);if(isLastTraversableNode(e)){return t.ownerDocument.body}if(isHTMLElement(e)&&isOverflowElement(e)){return e}return getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var r;if(e===void 0){e=[]}var n=getNearestOverflowAncestor(t);var o=n===((r=t.ownerDocument)==null?void 0:r.body);var i=getWindow(n);var a=o?[i].concat(i.visualViewport||[],isOverflowElement(n)?n:[]):n;var s=e.concat(a);return o?s:s.concat(getOverflowAncestors(a))}function contains(t,e){var r=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(r&&isShadowRoot(r)){var n=e;do{if(n&&t===n){return true}n=n.parentNode||n.host}while(n)}return false}function getNearestParentCapableOfEscapingClipping(t,e){var r=t;while(r&&!isLastTraversableNode(r)&&!e.includes(r)){if(isElement(r)&&["absolute","fixed"].includes(getComputedStyle(r).position)){break}var n=getParentNode(r);r=isShadowRoot(n)?n.host:n}return r}function getInnerBoundingClientRect(t,e){var r=getBoundingClientRect(t,false,e==="fixed");var n=r.top+t.clientTop;var o=r.left+t.clientLeft;return{top:n,left:o,x:o,y:n,right:o+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function getClientRectFromClippingAncestor(t,e,r){if(e==="viewport"){return rectToClientRect(getViewportRect(t,r))}if(isElement(e)){return getInnerBoundingClientRect(e,r)}return rectToClientRect(getDocumentRect(getDocumentElement(t)))}function getClippingAncestors(t){var e=getOverflowAncestors(t);var r=getNearestParentCapableOfEscapingClipping(t,e);var n=null;if(r&&isHTMLElement(r)){var o=getOffsetParent(r);if(isOverflowElement(r)){n=r}else if(isHTMLElement(o)){n=o}}if(!isElement(n)){return[]}return e.filter((function(t){return n&&isElement(t)&&contains(t,n)&&getNodeName(t)!=="body"}))}function getClippingRect(t){var e=t.element,r=t.boundary,n=t.rootBoundary,o=t.strategy;var i=r==="clippingAncestors"?getClippingAncestors(e):[].concat(r);var a=__spreadArray(__spreadArray([],i,true),[n],false);var s=a[0];var l=a.reduce((function(t,r){var n=getClientRectFromClippingAncestor(e,r,o);t.top=max(n.top,t.top);t.right=min(n.right,t.right);t.bottom=min(n.bottom,t.bottom);t.left=max(n.left,t.left);return t}),getClientRectFromClippingAncestor(e,s,o));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}var platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getElementRects:function(t){var e=t.reference,r=t.floating,n=t.strategy;return{reference:getRectRelativeToOffsetParent(e,getOffsetParent(r),n),floating:__assign(__assign({},getDimensions(r)),{x:0,y:0})}},getClientRects:function(t){return Array.from(t.getClientRects())},isRTL:function(t){return getComputedStyle(t).direction==="rtl"}};function autoUpdate(t,e,r,n){if(n===void 0){n={}}var o=n.ancestorScroll,i=o===void 0?true:o,a=n.ancestorResize,s=a===void 0?true:a,l=n.elementResize,c=l===void 0?true:l,f=n.animationFrame,d=f===void 0?false:f;var u=i&&!d;var p=u||s?__spreadArray(__spreadArray([],isElement(t)?getOverflowAncestors(t):t.contextElement?getOverflowAncestors(t.contextElement):[],true),getOverflowAncestors(e),true):[];p.forEach((function(t){u&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var g=null;if(c){var m=true;g=new ResizeObserver((function(){if(!m){r()}m=false}));isElement(t)&&!d&&g.observe(t);if(!isElement(t)&&t.contextElement&&!d){g.observe(t.contextElement)}g.observe(e)}var h;var v=d?getBoundingClientRect(t):null;if(d){b()}function b(){var e=getBoundingClientRect(t);if(v&&(e.x!==v.x||e.y!==v.y||e.width!==v.width||e.height!==v.height)){r()}v=e;h=requestAnimationFrame(b)}r();return function(){var t;p.forEach((function(t){u&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));(t=g)==null?void 0:t.disconnect();g=null;if(d){cancelAnimationFrame(h)}}}var computePosition=function(t,e,r){return computePosition$1(t,e,__assign({platform:platform},r))};var arrowSvg='<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n';var hash=function(t){var e,r;for(e=0,r=0;e<t.length;e++){r=Math.imul(31,r)+t.charCodeAt(e)|0}return r.toString()};var setAttributeIfEmpty=function(t,e,r){if(t.hasAttribute(e)){return t.getAttribute(e)}t.setAttribute(e,r);return r};var hashValue=function(t){return"".concat(t,"-").concat(hash(t))};var mdsDropdownCss=".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[150vh\\]{height:150vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}";var MdsDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.closeDropdown=createEvent(this,"closeDropdown",7);this.backdropBackgroundVisible="rgba(var(--backdrop-color, 0 0 0) / var(--backdrop-opacity, 0.1))";this.backdropBackgroundHidden="rgba(var(--backdrop-color, 0 0 0) / 0)";this.backdropDuration=2e3;this.backdropId="mds-dropdown-backdrop";this.handleCloseDropdown=function(t){if(t===void 0){t=null}if(!e.visible){return}if(!e.host.contains(t.target)&&t.target!==e.caller){e.closeDropdown.emit()}};this.handleVisibility=function(t){if(t===void 0){t=null}if(t!==null){e.visible=t;return}if(e.visible){e.visible=false;return}e.visible=true;e.updatePosition()};this.callerOnClick=function(){e.handleVisibility()};this.arrowInset=function(t,e){var r=t.arrow;var n={bottom:"",left:"",right:"",top:""};if(r===undefined){return{}}switch(e){case"bottom":n.left=r.x!==null?"".concat(r.x,"px"):"";n.top="100%";break;case"left":n.right="100%";n.top=r.y!==null?"".concat(r.y,"px"):"";break;case"right":n.left="100%";n.top=r.y!==null?"".concat(r.y,"px"):"";break;case"top":n.left=r.x!==null?"".concat(r.x,"px"):"";n.top=null;break}return n};this.arrowTransform=function(t){var r=e.arrow&&e.visible?"scale(1)":"scale(0)";switch(t){case"bottom":r="rotate(180deg) ".concat(r," translate(0, -100%)");break;case"left":r="rotate(-90deg) ".concat(r," translate(50%, -50%)");break;case"right":r="rotate(90deg) ".concat(r," translate(-50%, -50%)");break;case"top":r="rotate(0deg) ".concat(r," translate(0, 0)");break}return{transform:r}};this.arrowTransformOrigin=function(t){switch(t){case"bottom":return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"};default:return{transformOrigin:"center top"}}};this.updatePosition=function(){if(!e.caller)return;var t=[];var r={};if(e.shiftPadding){r.padding=e.shiftPadding}if(e.autoPlacement){t.push(autoPlacement())}if(e.offset){t.push(offset(e.offset))}if(!e.autoPlacement&&e.flip){t.push(flip(r))}if(e.shift){t.push(shift(r))}if(e.arrow){t.push(arrow({element:e.arrowEl,padding:e.arrowPadding}))}computePosition(e.caller,e.host,{middleware:t,placement:e.placement,strategy:e.strategy}).then((function(t){var r=t.x,n=t.y,o=t.placement,i=t.middlewareData;Object.assign(e.host.style,{left:"".concat(r,"px"),top:"".concat(n,"px")});var a={};var s={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(a,e.arrowTransform(s));Object.assign(a,e.arrowInset(i,s));Object.assign(a,e.arrowTransformOrigin(s));Object.assign(e.arrowEl.style,a)}))};this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.target=undefined;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;this.zIndex=1e3}t.prototype.onCloseListener=function(){this.handleVisibility(false)};t.prototype.attachBackdrop=function(){var t=this;if(!this.backdropEl){this.backdropEl=document.createElement("div");this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden;this.backdropEl.className=this.backdropId;this.backdropEl.style.inset="0";this.backdropEl.style.pointerEvents="none";this.backdropEl.style.position="fixed";this.backdropEl.style.transition="background-color ".concat(this.backdropDuration/1e4,"s ease-out");this.backdropEl.style.zIndex=(this.zIndex-1).toString();document.body.appendChild(this.backdropEl)}clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.style.backgroundColor=t.backdropBackgroundVisible}),1)};t.prototype.detachBackdrop=function(){var t=this;if(!this.backdropEl){return}this.backdropEl.style.backgroundColor="transparent";clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.remove();t.backdropEl=null}),this.backdropDuration)};t.prototype.arrowChanged=function(){this.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.updatePosition()};t.prototype.autoPlacementChanged=function(){this.updatePosition()};t.prototype.backdropChanged=function(t){if(!this.visible){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.flipChanged=function(){this.updatePosition()};t.prototype.offsetChanged=function(){this.updatePosition()};t.prototype.placementChanged=function(){this.updatePosition()};t.prototype.shiftChanged=function(){this.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.updatePosition()};t.prototype.strategyChanged=function(){this.updatePosition()};t.prototype.visibleChanged=function(t){this.updatePosition();if(!this.backdrop){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.zIndexChanged=function(t){this.host.style.setProperty("z-index",t.toString())};t.prototype.componentWillLoad=function(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}));this.zIndexChanged(this.zIndex)};t.prototype.setAriaAttributes=function(){var t=setAttributeIfEmpty(this.host,"id",hashValue(this.target));setAttributeIfEmpty(this.caller,"aria-haspopup","true");setAttributeIfEmpty(this.caller,"aria-controls",t);setAttributeIfEmpty(this.host,"role","menu");setAttributeIfEmpty(this.host,"aria-labelledby",this.target)};t.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=this.host.shadowRoot.querySelector(".arrow");this.caller=document.getElementById(this.target);this.setAriaAttributes();if(!this.caller){return}this.caller.addEventListener("click",this.callerOnClick.bind(this));this.backdropChanged(this.backdrop);this.updatePosition()};t.prototype.componentDidRender=function(){if(!this.cleanupAutoUpdate){this.cleanupAutoUpdate=autoUpdate(this.caller,this.host,this.updatePosition)}};t.prototype.disconnectedCallback=function(){this.cleanupAutoUpdate=null};t.prototype.render=function(){return h(Host,null,h("div",{class:"arrow",innerHTML:arrowSvg}),h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=mdsDropdownCss;export{MdsDropdown as mds_dropdown}; |
@@ -1,1 +0,1 @@ | ||
import{p as promiseResolve,b as bootstrapLazy}from"./index-0116e12a.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540]},[[4,"closeDropdown","onCloseListener"]]]]]],r)})); | ||
import{p as promiseResolve,b as bootstrapLazy}from"./index-0116e12a.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]],r)})); |
import { p as promiseResolve, b as bootstrapLazy } from './index-0116e12a.js'; | ||
/* | ||
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com | ||
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com | ||
*/ | ||
@@ -13,3 +13,3 @@ const patchEsm = () => { | ||
return patchEsm().then(() => { | ||
return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
}); | ||
@@ -16,0 +16,0 @@ }; |
@@ -1419,3 +1419,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0116e12a.js'; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[200vh\\]{height:200vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--background-arrow:var(--background);--background:rgb(var(--tone-neutral));--drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--duration:0.5s;--ease:cubic-bezier(0.19, 1, 0.22, 1);--transform-from:scale(0.9) translateY(-3%);--transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--background);-webkit-filter:var(--drop-shadow);filter:var(--drop-shadow);-webkit-transform:var(--transform-from);transform:var(--transform-from);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--transform-to);transform:var(--transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--background-arrow);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.h-\\[2px\\]{height:2px}.h-\\[150vh\\]{height:150vh}.h-\\[100vh\\]{height:100vh}.w-20{width:5rem}.w-full{width:100%}.max-w-\\[350px\\]{max-width:350px}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.border{border-width:1px}.bg-brand-maggioli-06{--tw-bg-opacity:1;background-color:rgba(var(--brand-maggioli-06), var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgba(var(--tone-neutral-08), var(--tw-bg-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease)}:host([visible]:not([visible=false])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth=false])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow=false])[visible]:not([visible=false])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow=false]):not([visible]):not([visible=true])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}::slotted(*){position:relative;z-index:10}"; | ||
@@ -1572,2 +1572,3 @@ const MdsDropdown = class { | ||
this.visible = false; | ||
this.zIndex = 1000; | ||
} | ||
@@ -1586,3 +1587,3 @@ onCloseListener() { | ||
this.backdropEl.style.transition = `background-color ${this.backdropDuration / 10000}s ease-out`; | ||
this.backdropEl.style.zIndex = (Number(this.host.style.zIndex) - 1).toString(); | ||
this.backdropEl.style.zIndex = (this.zIndex - 1).toString(); | ||
document.body.appendChild(this.backdropEl); | ||
@@ -1654,2 +1655,5 @@ } | ||
} | ||
zIndexChanged(newValue) { | ||
this.host.style.setProperty('z-index', newValue.toString()); | ||
} | ||
componentWillLoad() { | ||
@@ -1659,2 +1663,3 @@ Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => { | ||
}); | ||
this.zIndexChanged(this.zIndex); | ||
} | ||
@@ -1673,6 +1678,8 @@ setAriaAttributes() { | ||
this.setAriaAttributes(); | ||
if (!this.caller) | ||
if (!this.caller) { | ||
return; | ||
} | ||
this.caller.addEventListener('click', this.callerOnClick.bind(this)); | ||
this.backdropChanged(this.backdrop); | ||
this.updatePosition(); | ||
} | ||
@@ -1702,3 +1709,4 @@ componentDidRender() { | ||
"strategy": ["strategyChanged"], | ||
"visible": ["visibleChanged"] | ||
"visible": ["visibleChanged"], | ||
"zIndex": ["zIndexChanged"] | ||
}; } | ||
@@ -1705,0 +1713,0 @@ }; |
import { p as promiseResolve, b as bootstrapLazy } from './index-0116e12a.js'; | ||
/* | ||
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com | ||
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com | ||
*/ | ||
@@ -16,3 +16,3 @@ const patchBrowser = () => { | ||
patchBrowser().then(options => { | ||
return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]], options); | ||
}); |
@@ -1,1 +0,1 @@ | ||
import{p as o,b as a}from"./p-b245361a.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-ad5f5eb0",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540]},[[4,"closeDropdown","onCloseListener"]]]]]],o))); | ||
import{p as o,b as a}from"./p-b245361a.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-1d2a0356",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]],o))); |
{ | ||
"timestamp": "2022-12-06T12:54:44", | ||
"timestamp": "2023-01-05T13:56:47", | ||
"compiler": { | ||
@@ -77,17 +77,17 @@ "name": "node", | ||
"./dist/mds-dropdown/mds-dropdown.js", | ||
"./dist/mds-dropdown/p-1d2a0356.entry.js", | ||
"./dist/mds-dropdown/p-50ea2036.system.js", | ||
"./dist/mds-dropdown/p-68680495.system.js", | ||
"./dist/mds-dropdown/p-6eb48701.system.js", | ||
"./dist/mds-dropdown/p-70da9ff6.system.entry.js", | ||
"./dist/mds-dropdown/p-ad5f5eb0.entry.js", | ||
"./dist/mds-dropdown/p-a55f1413.system.entry.js", | ||
"./dist/mds-dropdown/p-b245361a.js", | ||
"./dist/mds-dropdown/p-bee1af07.system.js", | ||
"./www/build/index.esm.js", | ||
"./www/build/mds-dropdown.esm.js", | ||
"./www/build/mds-dropdown.js", | ||
"./www/build/p-1d2a0356.entry.js", | ||
"./www/build/p-50ea2036.system.js", | ||
"./www/build/p-68680495.system.js", | ||
"./www/build/p-6eb48701.system.js", | ||
"./www/build/p-70da9ff6.system.entry.js", | ||
"./www/build/p-ad5f5eb0.entry.js", | ||
"./www/build/p-b245361a.js" | ||
"./www/build/p-a55f1413.system.entry.js", | ||
"./www/build/p-b245361a.js", | ||
"./www/build/p-bee1af07.system.js" | ||
] | ||
@@ -125,8 +125,8 @@ }, | ||
], | ||
"bundleId": "p-ad5f5eb0", | ||
"fileName": "p-ad5f5eb0.entry.js", | ||
"bundleId": "p-1d2a0356", | ||
"fileName": "p-1d2a0356.entry.js", | ||
"imports": [ | ||
"p-b245361a.js" | ||
], | ||
"originalByteSize": 56571 | ||
"originalByteSize": 57064 | ||
} | ||
@@ -145,3 +145,3 @@ ], | ||
], | ||
"originalByteSize": 56575 | ||
"originalByteSize": 57068 | ||
} | ||
@@ -160,3 +160,3 @@ ], | ||
], | ||
"originalByteSize": 56575 | ||
"originalByteSize": 57068 | ||
} | ||
@@ -170,8 +170,8 @@ ], | ||
], | ||
"bundleId": "p-70da9ff6.system", | ||
"fileName": "p-70da9ff6.system.entry.js", | ||
"bundleId": "p-a55f1413.system", | ||
"fileName": "p-a55f1413.system.entry.js", | ||
"imports": [ | ||
"p-6eb48701.system.js" | ||
], | ||
"originalByteSize": 65737 | ||
"originalByteSize": 66278 | ||
} | ||
@@ -190,3 +190,3 @@ ], | ||
], | ||
"originalByteSize": 56628 | ||
"originalByteSize": 57121 | ||
} | ||
@@ -257,3 +257,3 @@ ] | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -275,7 +275,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -299,3 +299,3 @@ }, | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -320,3 +320,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -341,3 +341,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -378,7 +378,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -407,3 +407,3 @@ }, | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -428,3 +428,3 @@ } | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -446,7 +446,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -470,3 +470,3 @@ }, | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -496,3 +496,3 @@ "references": {} | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -514,3 +514,3 @@ } | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "false", | ||
@@ -527,2 +527,22 @@ "complexType": { | ||
"internal": false | ||
}, | ||
{ | ||
"name": "zIndex", | ||
"type": "number", | ||
"attribute": "z-index", | ||
"reflect": false, | ||
"mutable": false, | ||
"required": false, | ||
"optional": true, | ||
"defaultValue": "1000", | ||
"complexType": { | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"docs": { | ||
"tags": [], | ||
"text": "Specifies the visibility of the component." | ||
}, | ||
"internal": false | ||
} | ||
@@ -556,3 +576,3 @@ ], | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -574,7 +594,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -598,3 +618,3 @@ }, | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -619,3 +639,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -640,3 +660,3 @@ "references": {} | ||
"complexType": { | ||
"original": "false", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -677,7 +697,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -706,3 +726,3 @@ }, | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -727,3 +747,3 @@ } | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -745,7 +765,7 @@ "references": {} | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "24", | ||
"complexType": { | ||
"original": "24", | ||
"resolved": "24", | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
@@ -769,3 +789,3 @@ }, | ||
"complexType": { | ||
"original": "true", | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
@@ -795,3 +815,3 @@ "references": {} | ||
"location": "import", | ||
"path": "../../types/floating-ui" | ||
"path": "@type/floating-ui" | ||
} | ||
@@ -813,3 +833,3 @@ } | ||
"required": false, | ||
"optional": false, | ||
"optional": true, | ||
"defaultValue": "false", | ||
@@ -826,2 +846,22 @@ "complexType": { | ||
"internal": false | ||
}, | ||
{ | ||
"name": "zIndex", | ||
"type": "number", | ||
"attribute": "z-index", | ||
"reflect": false, | ||
"mutable": false, | ||
"required": false, | ||
"optional": true, | ||
"defaultValue": "1000", | ||
"complexType": { | ||
"original": "number", | ||
"resolved": "number", | ||
"references": {} | ||
}, | ||
"docs": { | ||
"tags": [], | ||
"text": "Specifies the visibility of the component." | ||
}, | ||
"internal": false | ||
} | ||
@@ -904,2 +944,6 @@ ], | ||
"methodName": "visibleChanged" | ||
}, | ||
{ | ||
"propName": "zIndex", | ||
"methodName": "zIndexChanged" | ||
} | ||
@@ -928,3 +972,3 @@ ], | ||
{ | ||
"name": "--background-arrow", | ||
"name": "--mds-dropdown-arrow-background", | ||
"docs": "Sets the fill color of the arrow.", | ||
@@ -934,3 +978,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--background", | ||
"name": "--mds-dropdown-background", | ||
"docs": "Sets the background-color of the dropdown.", | ||
@@ -940,3 +984,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--drop-shadow", | ||
"name": "--mds-dropdown-drop-shadow", | ||
"docs": "Sets the drop-shadow of the dropdown.", | ||
@@ -946,3 +990,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--duration", | ||
"name": "--mds-dropdown-duration", | ||
"docs": "Sets the duration of the dropdown animation.", | ||
@@ -952,3 +996,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--ease", | ||
"name": "--mds-dropdown-ease", | ||
"docs": "Sets the easing of the dropdown animation.", | ||
@@ -958,3 +1002,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--transform-from", | ||
"name": "--mds-dropdown-transform-from", | ||
"docs": "Sets the from animation transform of the dropdown.", | ||
@@ -964,3 +1008,3 @@ "annotation": "prop" | ||
{ | ||
"name": "--transform-to", | ||
"name": "--mds-dropdown-transform-to", | ||
"docs": "Sets the to animation transform of the dropdown.", | ||
@@ -967,0 +1011,0 @@ "annotation": "prop" |
@@ -8,3 +8,3 @@ /* eslint-disable */ | ||
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from "./types/floating-ui"; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from "@type/floating-ui"; | ||
export namespace Components { | ||
@@ -15,23 +15,23 @@ interface MdsDropdown { | ||
*/ | ||
"arrow"?: true; | ||
"arrow"?: boolean; | ||
/** | ||
* Sets the distance between arrow and dropdown margins. | ||
*/ | ||
"arrowPadding": 24; | ||
"arrowPadding"?: number; | ||
/** | ||
* If set, the component will be placed automatically near it's caller. | ||
*/ | ||
"autoPlacement"?: false; | ||
"autoPlacement"?: boolean; | ||
/** | ||
* Specifies if the component has a backdrop background | ||
*/ | ||
"backdrop"?: false; | ||
"backdrop"?: boolean; | ||
/** | ||
* Specifies the placement of the component if no space is available where it is placed. | ||
*/ | ||
"flip"?: false; | ||
"flip"?: boolean; | ||
/** | ||
* Sets distance between the dropdown and the caller. | ||
*/ | ||
"offset": 24; | ||
"offset"?: number; | ||
/** | ||
@@ -44,11 +44,11 @@ * Specifies where the component should be placed relative to the caller. | ||
*/ | ||
"shift"?: true; | ||
"shift"?: boolean; | ||
/** | ||
* Sets a safe area distance between the dropdown and the viewport. | ||
*/ | ||
"shiftPadding": 24; | ||
"shiftPadding"?: number; | ||
/** | ||
* If set, the component will follow the caller smoothly, visible when the page scrolls. | ||
*/ | ||
"smooth"?: true; | ||
"smooth"?: boolean; | ||
/** | ||
@@ -65,3 +65,7 @@ * Sets the CSS position strategy of the component. | ||
*/ | ||
"visible": boolean; | ||
"visible"?: boolean; | ||
/** | ||
* Specifies the visibility of the component. | ||
*/ | ||
"zIndex"?: number; | ||
} | ||
@@ -89,23 +93,23 @@ } | ||
*/ | ||
"arrow"?: true; | ||
"arrow"?: boolean; | ||
/** | ||
* Sets the distance between arrow and dropdown margins. | ||
*/ | ||
"arrowPadding"?: 24; | ||
"arrowPadding"?: number; | ||
/** | ||
* If set, the component will be placed automatically near it's caller. | ||
*/ | ||
"autoPlacement"?: false; | ||
"autoPlacement"?: boolean; | ||
/** | ||
* Specifies if the component has a backdrop background | ||
*/ | ||
"backdrop"?: false; | ||
"backdrop"?: boolean; | ||
/** | ||
* Specifies the placement of the component if no space is available where it is placed. | ||
*/ | ||
"flip"?: false; | ||
"flip"?: boolean; | ||
/** | ||
* Sets distance between the dropdown and the caller. | ||
*/ | ||
"offset"?: 24; | ||
"offset"?: number; | ||
/** | ||
@@ -122,11 +126,11 @@ * Emits when a modal is closed | ||
*/ | ||
"shift"?: true; | ||
"shift"?: boolean; | ||
/** | ||
* Sets a safe area distance between the dropdown and the viewport. | ||
*/ | ||
"shiftPadding"?: 24; | ||
"shiftPadding"?: number; | ||
/** | ||
* If set, the component will follow the caller smoothly, visible when the page scrolls. | ||
*/ | ||
"smooth"?: true; | ||
"smooth"?: boolean; | ||
/** | ||
@@ -144,2 +148,6 @@ * Sets the CSS position strategy of the component. | ||
"visible"?: boolean; | ||
/** | ||
* Specifies the visibility of the component. | ||
*/ | ||
"zIndex"?: number; | ||
} | ||
@@ -146,0 +154,0 @@ interface IntrinsicElements { |
import { EventEmitter } from '../../stencil-public-runtime'; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from '../../types/floating-ui'; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from '@type/floating-ui'; | ||
export declare class MdsDropdown { | ||
@@ -17,19 +17,19 @@ private arrowEl; | ||
*/ | ||
readonly arrow? = true; | ||
readonly arrow?: boolean; | ||
/** | ||
* Sets the distance between arrow and dropdown margins. | ||
*/ | ||
readonly arrowPadding = 24; | ||
readonly arrowPadding?: number; | ||
/** | ||
* If set, the component will be placed automatically near it's caller. | ||
*/ | ||
readonly autoPlacement? = false; | ||
readonly autoPlacement?: boolean; | ||
/** | ||
* Specifies if the component has a backdrop background | ||
*/ | ||
readonly backdrop? = false; | ||
readonly backdrop?: boolean; | ||
/** | ||
* Specifies the placement of the component if no space is available where it is placed. | ||
*/ | ||
readonly flip? = false; | ||
readonly flip?: boolean; | ||
/** | ||
@@ -42,3 +42,3 @@ * Specifies the id of the caller element. | ||
*/ | ||
readonly offset = 24; | ||
readonly offset?: number; | ||
/** | ||
@@ -51,11 +51,11 @@ * Specifies where the component should be placed relative to the caller. | ||
*/ | ||
readonly shift? = true; | ||
readonly shift?: boolean; | ||
/** | ||
* Sets a safe area distance between the dropdown and the viewport. | ||
*/ | ||
readonly shiftPadding = 24; | ||
readonly shiftPadding?: number; | ||
/** | ||
* If set, the component will follow the caller smoothly, visible when the page scrolls. | ||
*/ | ||
readonly smooth? = true; | ||
readonly smooth?: boolean; | ||
/** | ||
@@ -68,4 +68,8 @@ * Sets the CSS position strategy of the component. | ||
*/ | ||
visible: boolean; | ||
visible?: boolean; | ||
/** | ||
* Specifies the visibility of the component. | ||
*/ | ||
readonly zIndex?: number; | ||
/** | ||
* Emits when a modal is closed | ||
@@ -95,2 +99,3 @@ */ | ||
visibleChanged(newValue: boolean): void; | ||
zIndexChanged(newValue: number): void; | ||
componentWillLoad(): void; | ||
@@ -97,0 +102,0 @@ private setAriaAttributes; |
{ | ||
"name": "@maggioli-design-system/mds-dropdown", | ||
"version": "2.2.1", | ||
"version": "3.0.1", | ||
"description": "mds-dropdown is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.", | ||
@@ -25,5 +25,5 @@ "main": "dist/index.cjs.js", | ||
"dependencies": { | ||
"@floating-ui/dom": "^0.5.4", | ||
"@maggioli-design-system/styles": "^10.0.0", | ||
"@stencil/core": "^2.19.3" | ||
"@floating-ui/dom": "^1.1.0", | ||
"@maggioli-design-system/styles": "^10.0.1", | ||
"@stencil/core": "^2.20.0" | ||
}, | ||
@@ -34,3 +34,3 @@ "license": "MIT", | ||
"email": "vittorio.vittori@maggioli.it", | ||
"url": "http://vit.to" | ||
"url": "https://vitto.github.io/vit.to/" | ||
}, | ||
@@ -37,0 +37,0 @@ "contributors": [ |
@@ -13,10 +13,10 @@ # mds-dropdown | ||
| `arrow` | `arrow` | If set, the component will have an arrow pointing to the caller. | `boolean` | `true` | | ||
| `arrowPadding` | `arrow-padding` | Sets the distance between arrow and dropdown margins. | `24` | `24` | | ||
| `arrowPadding` | `arrow-padding` | Sets the distance between arrow and dropdown margins. | `number` | `24` | | ||
| `autoPlacement` | `auto-placement` | If set, the component will be placed automatically near it's caller. | `boolean` | `false` | | ||
| `backdrop` | `backdrop` | Specifies if the component has a backdrop background | `boolean` | `false` | | ||
| `flip` | `flip` | Specifies the placement of the component if no space is available where it is placed. | `boolean` | `false` | | ||
| `offset` | `offset` | Sets distance between the dropdown and the caller. | `24` | `24` | | ||
| `offset` | `offset` | Sets distance between the dropdown and the caller. | `number` | `24` | | ||
| `placement` | `placement` | Specifies where the component should be placed relative to the caller. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom'` | | ||
| `shift` | `shift` | If set, the component will be kept inside the viewport. | `boolean` | `true` | | ||
| `shiftPadding` | `shift-padding` | Sets a safe area distance between the dropdown and the viewport. | `24` | `24` | | ||
| `shiftPadding` | `shift-padding` | Sets a safe area distance between the dropdown and the viewport. | `number` | `24` | | ||
| `smooth` | `smooth` | If set, the component will follow the caller smoothly, visible when the page scrolls. | `boolean` | `true` | | ||
@@ -26,2 +26,3 @@ | `strategy` | `strategy` | Sets the CSS position strategy of the component. | `"absolute" \| "fixed"` | `'fixed'` | | ||
| `visible` | `visible` | Specifies the visibility of the component. | `boolean` | `false` | | ||
| `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `1000` | | ||
@@ -38,11 +39,11 @@ | ||
| Name | Description | | ||
| -------------------- | -------------------------------------------------- | | ||
| `--background` | Sets the background-color of the dropdown. | | ||
| `--background-arrow` | Sets the fill color of the arrow. | | ||
| `--drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| `--duration` | Sets the duration of the dropdown animation. | | ||
| `--ease` | Sets the easing of the dropdown animation. | | ||
| `--transform-from` | Sets the from animation transform of the dropdown. | | ||
| `--transform-to` | Sets the to animation transform of the dropdown. | | ||
| Name | Description | | ||
| --------------------------------- | -------------------------------------------------- | | ||
| `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
@@ -49,0 +50,0 @@ |
@@ -8,3 +8,3 @@ /* eslint-disable */ | ||
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from "./types/floating-ui"; | ||
import { FloatingUIPlacement, FloatingUIStrategy } from "@type/floating-ui"; | ||
export namespace Components { | ||
@@ -15,23 +15,23 @@ interface MdsDropdown { | ||
*/ | ||
"arrow"?: true; | ||
"arrow"?: boolean; | ||
/** | ||
* Sets the distance between arrow and dropdown margins. | ||
*/ | ||
"arrowPadding": 24; | ||
"arrowPadding"?: number; | ||
/** | ||
* If set, the component will be placed automatically near it's caller. | ||
*/ | ||
"autoPlacement"?: false; | ||
"autoPlacement"?: boolean; | ||
/** | ||
* Specifies if the component has a backdrop background | ||
*/ | ||
"backdrop"?: false; | ||
"backdrop"?: boolean; | ||
/** | ||
* Specifies the placement of the component if no space is available where it is placed. | ||
*/ | ||
"flip"?: false; | ||
"flip"?: boolean; | ||
/** | ||
* Sets distance between the dropdown and the caller. | ||
*/ | ||
"offset": 24; | ||
"offset"?: number; | ||
/** | ||
@@ -44,11 +44,11 @@ * Specifies where the component should be placed relative to the caller. | ||
*/ | ||
"shift"?: true; | ||
"shift"?: boolean; | ||
/** | ||
* Sets a safe area distance between the dropdown and the viewport. | ||
*/ | ||
"shiftPadding": 24; | ||
"shiftPadding"?: number; | ||
/** | ||
* If set, the component will follow the caller smoothly, visible when the page scrolls. | ||
*/ | ||
"smooth"?: true; | ||
"smooth"?: boolean; | ||
/** | ||
@@ -65,3 +65,7 @@ * Sets the CSS position strategy of the component. | ||
*/ | ||
"visible": boolean; | ||
"visible"?: boolean; | ||
/** | ||
* Specifies the visibility of the component. | ||
*/ | ||
"zIndex"?: number; | ||
} | ||
@@ -89,23 +93,23 @@ } | ||
*/ | ||
"arrow"?: true; | ||
"arrow"?: boolean; | ||
/** | ||
* Sets the distance between arrow and dropdown margins. | ||
*/ | ||
"arrowPadding"?: 24; | ||
"arrowPadding"?: number; | ||
/** | ||
* If set, the component will be placed automatically near it's caller. | ||
*/ | ||
"autoPlacement"?: false; | ||
"autoPlacement"?: boolean; | ||
/** | ||
* Specifies if the component has a backdrop background | ||
*/ | ||
"backdrop"?: false; | ||
"backdrop"?: boolean; | ||
/** | ||
* Specifies the placement of the component if no space is available where it is placed. | ||
*/ | ||
"flip"?: false; | ||
"flip"?: boolean; | ||
/** | ||
* Sets distance between the dropdown and the caller. | ||
*/ | ||
"offset"?: 24; | ||
"offset"?: number; | ||
/** | ||
@@ -122,11 +126,11 @@ * Emits when a modal is closed | ||
*/ | ||
"shift"?: true; | ||
"shift"?: boolean; | ||
/** | ||
* Sets a safe area distance between the dropdown and the viewport. | ||
*/ | ||
"shiftPadding"?: 24; | ||
"shiftPadding"?: number; | ||
/** | ||
* If set, the component will follow the caller smoothly, visible when the page scrolls. | ||
*/ | ||
"smooth"?: true; | ||
"smooth"?: boolean; | ||
/** | ||
@@ -144,2 +148,6 @@ * Sets the CSS position strategy of the component. | ||
"visible"?: boolean; | ||
/** | ||
* Specifies the visibility of the component. | ||
*/ | ||
"zIndex"?: number; | ||
} | ||
@@ -146,0 +154,0 @@ interface IntrinsicElements { |
@@ -13,10 +13,10 @@ # mds-dropdown | ||
| `arrow` | `arrow` | If set, the component will have an arrow pointing to the caller. | `boolean` | `true` | | ||
| `arrowPadding` | `arrow-padding` | Sets the distance between arrow and dropdown margins. | `24` | `24` | | ||
| `arrowPadding` | `arrow-padding` | Sets the distance between arrow and dropdown margins. | `number` | `24` | | ||
| `autoPlacement` | `auto-placement` | If set, the component will be placed automatically near it's caller. | `boolean` | `false` | | ||
| `backdrop` | `backdrop` | Specifies if the component has a backdrop background | `boolean` | `false` | | ||
| `flip` | `flip` | Specifies the placement of the component if no space is available where it is placed. | `boolean` | `false` | | ||
| `offset` | `offset` | Sets distance between the dropdown and the caller. | `24` | `24` | | ||
| `offset` | `offset` | Sets distance between the dropdown and the caller. | `number` | `24` | | ||
| `placement` | `placement` | Specifies where the component should be placed relative to the caller. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom'` | | ||
| `shift` | `shift` | If set, the component will be kept inside the viewport. | `boolean` | `true` | | ||
| `shiftPadding` | `shift-padding` | Sets a safe area distance between the dropdown and the viewport. | `24` | `24` | | ||
| `shiftPadding` | `shift-padding` | Sets a safe area distance between the dropdown and the viewport. | `number` | `24` | | ||
| `smooth` | `smooth` | If set, the component will follow the caller smoothly, visible when the page scrolls. | `boolean` | `true` | | ||
@@ -26,2 +26,3 @@ | `strategy` | `strategy` | Sets the CSS position strategy of the component. | `"absolute" \| "fixed"` | `'fixed'` | | ||
| `visible` | `visible` | Specifies the visibility of the component. | `boolean` | `false` | | ||
| `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `1000` | | ||
@@ -38,11 +39,11 @@ | ||
| Name | Description | | ||
| -------------------- | -------------------------------------------------- | | ||
| `--background` | Sets the background-color of the dropdown. | | ||
| `--background-arrow` | Sets the fill color of the arrow. | | ||
| `--drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| `--duration` | Sets the duration of the dropdown animation. | | ||
| `--ease` | Sets the easing of the dropdown animation. | | ||
| `--transform-from` | Sets the from animation transform of the dropdown. | | ||
| `--transform-to` | Sets the to animation transform of the dropdown. | | ||
| Name | Description | | ||
| --------------------------------- | -------------------------------------------------- | | ||
| `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
@@ -49,0 +50,0 @@ |
@@ -6,5 +6,8 @@ [ | ||
"mdi/crown", | ||
"mdi/delete", | ||
"mdi/dots-vertical", | ||
"mdi/email", | ||
"mdi/harddisk", | ||
"mdi/map-marker", | ||
"mdi/replay", | ||
"mdi/vector-curve", | ||
@@ -11,0 +14,0 @@ "mi/baseline/account-balance", |
@@ -1,1 +0,1 @@ | ||
import{p as o,b as a}from"./p-b245361a.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-ad5f5eb0",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540]},[[4,"closeDropdown","onCloseListener"]]]]]],o))); | ||
import{p as o,b as a}from"./p-b245361a.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-1d2a0356",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},[[4,"closeDropdown","onCloseListener"]]]]]],o))); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
1084647
15312
51
+ Added@floating-ui/core@1.6.8(transitive)
+ Added@floating-ui/dom@1.6.12(transitive)
+ Added@floating-ui/utils@0.2.8(transitive)
- Removed@floating-ui/core@0.7.3(transitive)
- Removed@floating-ui/dom@0.5.4(transitive)
Updated@floating-ui/dom@^1.1.0
Updated@stencil/core@^2.20.0