Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@maggioli-design-system/mds-dropdown
Advanced tools
@maggioli-design-system/mds-dropdown - npm Package Compare versions
Comparing version 1.0.3 to 2.0.0
@@ -5,6 +5,6 @@ 'use strict'; | ||
| const index = require('./index-32ac5cf4.js'); | ||
| const index = require('./index-848b5bd5.js'); | ||
| /* | ||
| Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -11,0 +11,0 @@ const patchEsm = () => { |
@@ -5,3 +5,3 @@ 'use strict'; | ||
| const index = require('./index-32ac5cf4.js'); | ||
| const index = require('./index-848b5bd5.js'); | ||
@@ -1352,3 +1352,3 @@ function getSide(placement) { | ||
| const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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))}.border{border-width:1px}.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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-\\[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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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}"; | ||
@@ -1442,3 +1442,3 @@ const MdsDropdown = class { | ||
| case 'bottom': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = '100%'; | ||
@@ -1448,11 +1448,11 @@ break; | ||
| inset.right = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'right': | ||
| inset.left = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'top': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
@@ -1459,0 +1459,0 @@ } |
| 'use strict'; | ||
| const index = require('./index-32ac5cf4.js'); | ||
| const index = require('./index-848b5bd5.js'); | ||
| /* | ||
| Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -8,0 +8,0 @@ const patchBrowser = () => { |
@@ -7,3 +7,3 @@ { | ||
| "name": "@stencil/core", | ||
| "version": "2.15.2", | ||
| "version": "2.16.1", | ||
| "typescriptVersion": "4.5.4" | ||
@@ -10,0 +10,0 @@ }, |
@@ -89,3 +89,3 @@ import { Component, Element, Event, Host, Listen, Prop, h, Watch } from '@stencil/core'; | ||
| case 'bottom': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = '100%'; | ||
@@ -95,11 +95,11 @@ break; | ||
| inset.right = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'right': | ||
| inset.left = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'top': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
@@ -106,0 +106,0 @@ default: |
@@ -1,12 +0,16 @@ | ||
| import React from 'react' | ||
| import MdsDropdown from '@component/mds-dropdown/mds-dropdown' | ||
| import clsx from 'clsx' | ||
| import { | ||
| floatingUIPlacementDictionary, | ||
| floatingUIStrategyDictionary, | ||
| } from '@dictionary/floating-ui' | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import { floatingUIPlacementDictionary, floatingUIStrategyDictionary, } from '@dictionary/floating-ui'; | ||
| import { h } from '@stencil/core'; | ||
| export default { | ||
| title: 'UI / Dropdown', | ||
| component: MdsDropdown, | ||
| argTypes: { | ||
@@ -66,31 +70,30 @@ arrow: { | ||
| }, | ||
| } | ||
| const Template = ({ layout, ...args }) => | ||
| <div className={clsx(layout)}> | ||
| <mds-button id="my-dropdown">Show Fred</mds-button> | ||
| <mds-dropdown target="my-dropdown" {...args}> | ||
| <mds-author class="text-adjust-tone-04"> | ||
| <mds-avatar initials="fb" src="./fred-brooks-zoom.webp" slot="avatar" class="w-20 bg-brand-maggioli-06"/> | ||
| <mds-text typography="h6" class="text-adjust-tone-02">Fred Brooks</mds-text> | ||
| <mds-text typography="caption">Software engineer</mds-text> | ||
| <mds-text typography="caption">IT</mds-text> | ||
| </mds-author> | ||
| <mds-text typography="detail" class="text-tone-neutral-04"> | ||
| Frederick Phillips "Fred" Brooks Jr. (born April 19, 1931) is an American computer architect, software engineer, and computer scientist. | ||
| </mds-text> | ||
| <mds-hr class="h-[2px] bg-tone-neutral-08"/> | ||
| <mds-button class="justify-start" icon="mi/baseline/info" variant="dark" tone="quiet">User infos</mds-button> | ||
| <mds-button class="justify-start" icon="mi/baseline/settings" variant="dark" tone="quiet">Account</mds-button> | ||
| <mds-button class="justify-start" icon="mi/baseline/logout" variant="dark" tone="quiet">Exit</mds-button> | ||
| </mds-dropdown> | ||
| </div> | ||
| export const Default = Template.bind({}) | ||
| }; | ||
| const Template = (_a) => { | ||
| var { layout } = _a, args = __rest(_a, ["layout"]); | ||
| return h("div", { class: layout }, | ||
| h("mds-button", { id: "my-dropdown" }, "Show Fred"), | ||
| h("mds-dropdown", Object.assign({ target: "my-dropdown" }, args), | ||
| h("mds-author", { class: "text-tone-neutral-04" }, | ||
| h("mds-avatar", { initials: "fb", src: "./fred-brooks-zoom.webp", slot: "avatar", class: "w-20 bg-brand-maggioli-06" }), | ||
| h("mds-text", { typography: "h6", class: "text-tone-neutral-02" }, "Fred Brooks"), | ||
| h("mds-text", { typography: "caption" }, "Software engineer"), | ||
| h("mds-text", { typography: "caption" }, "IT")), | ||
| h("mds-text", { typography: "detail", class: "text-tone-neutral-04" }, "Frederick Phillips \"Fred\" Brooks Jr. (born April 19, 1931) is an American computer architect, software engineer, and computer scientist."), | ||
| h("mds-hr", { class: "h-[2px] bg-tone-neutral-08" }), | ||
| h("mds-button", { class: "justify-start", icon: "mi/baseline/info", variant: "dark", tone: "quiet" }, "User infos"), | ||
| h("mds-button", { class: "justify-start", icon: "mi/baseline/settings", variant: "dark", tone: "quiet" }, "Account"), | ||
| h("mds-button", { class: "justify-start", icon: "mi/baseline/logout", variant: "dark", tone: "quiet" }, "Exit"))); | ||
| }; | ||
| // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types | ||
| export const NoTarget = () => h("div", null, | ||
| h("mds-button", { id: "dropdown-trigger" }, "Trigger"), | ||
| h("mds-dropdown", null, | ||
| h("mds-text", null, "Ciao"))); | ||
| export const Default = Template.bind({}); | ||
| Default.args = { | ||
| class: 'max-w-[350px] w-full', | ||
| layout: 'flex justify-center', | ||
| } | ||
| export const Arrow = Template.bind({}) | ||
| }; | ||
| export const Arrow = Template.bind({}); | ||
| Arrow.args = { | ||
@@ -103,5 +106,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const ArrowPadding = Template.bind({}) | ||
| }; | ||
| export const ArrowPadding = Template.bind({}); | ||
| ArrowPadding.args = { | ||
@@ -115,5 +117,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const AutoPlacement = Template.bind({}) | ||
| }; | ||
| export const AutoPlacement = Template.bind({}); | ||
| AutoPlacement.args = { | ||
@@ -124,5 +125,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Backdrop = Template.bind({}) | ||
| }; | ||
| export const Backdrop = Template.bind({}); | ||
| Backdrop.args = { | ||
@@ -133,5 +133,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: false, | ||
| } | ||
| export const Flip = Template.bind({}) | ||
| }; | ||
| export const Flip = Template.bind({}); | ||
| Flip.args = { | ||
@@ -142,5 +141,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Offset = Template.bind({}) | ||
| }; | ||
| export const Offset = Template.bind({}); | ||
| Offset.args = { | ||
@@ -152,5 +150,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Placement = Template.bind({}) | ||
| }; | ||
| export const Placement = Template.bind({}); | ||
| Placement.args = { | ||
@@ -162,5 +159,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Shift = Template.bind({}) | ||
| }; | ||
| export const Shift = Template.bind({}); | ||
| Shift.args = { | ||
@@ -171,5 +167,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const ShiftPadding = Template.bind({}) | ||
| }; | ||
| export const ShiftPadding = Template.bind({}); | ||
| ShiftPadding.args = { | ||
@@ -181,5 +176,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Smooth = Template.bind({}) | ||
| }; | ||
| export const Smooth = Template.bind({}); | ||
| Smooth.args = { | ||
@@ -190,5 +184,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Strategy = Template.bind({}) | ||
| }; | ||
| export const Strategy = Template.bind({}); | ||
| Strategy.args = { | ||
@@ -199,5 +192,4 @@ class: 'max-w-[350px] w-full', | ||
| visible: true, | ||
| } | ||
| export const Visible = Template.bind({}) | ||
| }; | ||
| export const Visible = Template.bind({}); | ||
| Visible.args = { | ||
@@ -207,2 +199,2 @@ class: 'max-w-[350px] w-full', | ||
| visible: false, | ||
| } | ||
| }; |
@@ -43,2 +43,7 @@ const typographyDictionary = [ | ||
| ]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, }; | ||
| const typographyTooltipDictionary = [ | ||
| 'caption', | ||
| 'detail', | ||
| 'tip', | ||
| ]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; |
@@ -1347,3 +1347,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}.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))}.border{border-width:1px}.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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-\\[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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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}"; | ||
@@ -1439,3 +1439,3 @@ const MdsDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
| case 'bottom': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = '100%'; | ||
@@ -1445,11 +1445,11 @@ break; | ||
| inset.right = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'right': | ||
| inset.left = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'top': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
@@ -1456,0 +1456,0 @@ } |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-b2ebdce6.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-ac7b4f3d.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}; |
@@ -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 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-b2ebdce6.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 u=s==="x";var d;switch(f){case"top":d={x:i,y:n.y-o.height};break;case"bottom":d={x:i,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:a};break;case"left":d={x:n.x-o.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,o,i,a,s,l,c,f,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E;var A,O;return __generator(this,(function(R){switch(R.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=R.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:u=R.sent();d=computeCoordsFromPlacement(u,o,f),p=d.x,g=d.y;m=o;h={};v=0;R.label=3;case 3:if(!(v<l.length))return[3,11];b=l[v],w=b.name,y=b.fn;return[4,y({x:p,y:g,initialPlacement:o,placement:m,strategy:a,middlewareData:h,rects:u,platform:c,elements:{reference:t,floating:e}})];case 4:x=R.sent(),k=x.x,_=x.y,P=x.data,C=x.reset;p=k!=null?k:p;g=_!=null?_:g;h=__assign(__assign({},h),(A={},A[w]=__assign(__assign({},h[w]),P),A));if(!C)return[3,10];if(!(typeof C==="object"))return[3,9];if(C.placement){m=C.placement}if(!C.rects)return[3,8];if(!(C.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:E=R.sent();return[3,7];case 6:E=C.rects;R.label=7;case 7:u=E;R.label=8;case 8:O=computeCoordsFromPlacement(u,m,f),p=O.x,g=O.y;R.label=9;case 9:v=-1;return[3,10];case 10:v++;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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S;var D,N;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,u=e.rootBoundary,d=u===void 0?"viewport":u,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;C=(P=i).getClippingRect;D={};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:A=x.contextElement;if(A)return[3,4];return[4,i.getDocumentElement==null?void 0:i.getDocumentElement(s.floating)];case 3:A=B.sent();B.label=4;case 4:E=A;B.label=5;case 5:return[4,C.apply(P,[(D.element=E,D.boundary=f,D.rootBoundary=d,D.strategy=l,D)])];case 6:k=_.apply(void 0,[B.sent()]);R=rectToClientRect;if(!i.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,9];S=(L=i).convertOffsetParentRelativeRectToViewportRelativeRect;N={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,[(N.offsetParent=B.sent(),N.strategy=l,N)])];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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E;var A;return __generator(this,(function(O){switch(O.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,{}]}u=getSideObjectFromPadding(i);d={x:a,y:s};p=getMainAxisFromPlacement(l);g=getLengthFromAxis(p);return[4,f.getDimensions(n)];case 1:m=O.sent();h=p==="y"?"top":"left";v=p==="y"?"bottom":"right";b=c.reference[g]+c.reference[p]-d[p]-c.floating[g];w=d[p]-c.reference[p];return[4,f.getOffsetParent==null?void 0:f.getOffsetParent(n)];case 2:y=O.sent();x=y?p==="y"?y.clientHeight||0:y.clientWidth||0:0;k=b/2-w/2;_=u[h];P=x-m[g]-u[v];C=x/2-m[g]/2+k;E=within(_,C,P);return[2,{data:(A={},A[p]=E,A.centerOffset=C-E,A)}]}}))}))}}};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={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return hash[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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S,D,N,B;return __generator(this,(function(W){switch(W.label){case 0:s=e.x,l=e.y,c=e.rects,f=e.middlewareData,u=e.placement,d=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=W.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(p.floating)];case 2:C=O.apply(void 0,R.concat([W.sent()])),E=C.main,A=C.cross;if(u!==P){return[2,{x:s,y:l,reset:{placement:x[0]}}]}T=[k[getSide(P)],k[E],k[A]];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}}]}D=L.slice().sort((function(t,e){return t.overflows[0]-e.overflows[0]}));N=(a=D.find((function(t){var e=t.overflows;return e.every((function(t){return t<=0}))})))==null?void 0:a.placement;B=N!=null?N:D[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,o,i,a,s,l,c,f,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S,D,N,B,W,H;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,u=t.crossAxis,d=u===void 0?true:u,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=[];C=((r=o.flip)==null?void 0:r.overflows)||[];if(f){P.push(_[w])}if(!d)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()])),A=E.main,O=E.cross;P.push(_[A],_[O]);M.label=3;case 3:C=__spreadArray(__spreadArray([],C,true),[{placement:n,overflows:P}],false);if(!P.every((function(t){return t<=0}))){D=((L=(S=o.flip)==null?void 0:S.index)!=null?L:0)+1;N=k[D];if(N){return[2,{data:{index:D,overflows:C},reset:{placement:N}}]}B="bottom";switch(m){case"bestFit":{H=(W=C.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:W[0].placement;if(H){B=H}break}case"initialPlacement":B=a;break}if(n!==B){return[2,{reset:{placement:B}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e,r,n){if(n===void 0){n=false}var o=getSide(t);var i=getAlignment(t);var a=getMainAxisFromPlacement(t)==="x";var s=["left","top"].includes(o)?-1:1;var l=n&&a?-1:1;var c=typeof r==="function"?r(__assign(__assign({},e),{placement:t})):r;var f=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},c),u=f.mainAxis,d=f.crossAxis,p=f.alignmentAxis;if(i&&typeof p==="number"){d=i==="end"?p*-1:p}return a?{x:d*l,y:u*s}:{x:u*s,y:d*l}}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,i,a,s,l,c,f;return __generator(this,(function(u){switch(u.label){case 0:r=e.x,n=e.y,o=e.placement,i=e.rects,a=e.platform,s=e.elements;c=convertValueToCoords;f=[o,i,t];return[4,a.isRTL==null?void 0:a.isRTL(s.floating)];case 1:l=c.apply(void 0,f.concat([u.sent()]));return[2,{x:r+l.x,y:n+l.y,data:l}]}}))}))}}};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,u,d,p,g,m,h,v,b,w,y,x,b,w,k,_,P;var C;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,u=__rest(t,["mainAxis","crossAxis","limiter"]);d={x:r,y:n};return[4,detectOverflow(e,u)];case 1:p=E.sent();g=getMainAxisFromPlacement(getSide(o));m=getCrossAxis(g);h=d[g];v=d[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),(C={},C[g]=h,C[m]=v,C)));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$1(t){return getWindow(t).getComputedStyle(t)}function getNodeName(t){return isWindow(t)?"":t?(t.nodeName||"").toLowerCase():""}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$1(t),r=e.overflow,n=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=navigator.userAgent.toLowerCase().includes("firefox");var r=getComputedStyle$1(t);return r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].includes(r.willChange)||e&&r.willChange==="filter"||e&&(r.filter?r.filter!=="none":false)}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}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 u=!isLayoutViewport()&&r;var d=(s.left+(u?(n=(o=f.visualViewport)==null?void 0:o.offsetLeft)!=null?n:0:0))/l;var p=(s.top+(u?(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:d+g,bottom:p+m,left:d,x:d,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)&&!["html","body"].includes(getNodeName(e))){if(isContainingBlock(e)){return e}else{e=e.parentNode}}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$1(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(["html","body","#document"].includes(getNodeName(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==null?void 0:e.getRootNode==null?void 0:e.getRootNode();if(t!=null&&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 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=["absolute","fixed"].includes(getComputedStyle$1(t).position);var n=r&&isHTMLElement(t)?getOffsetParent(t):t;if(!isElement(n)){return[]}return e.filter((function(t){return 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$1(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,u=f===void 0?false:f;var d=false;var p=i&&!u;var g=s&&!u;var m=c&&!u;var h=p||g?__spreadArray(__spreadArray([],isElement(t)?getOverflowAncestors(t):[],true),getOverflowAncestors(e),true):[];h.forEach((function(t){p&&t.addEventListener("scroll",r,{passive:true});g&&t.addEventListener("resize",r)}));var v=null;if(m){v=new ResizeObserver(r);isElement(t)&&v.observe(t);v.observe(e)}var b;var w=u?getBoundingClientRect(t):null;if(u){y()}function y(){if(d){return}var e=getBoundingClientRect(t);if(w&&(e.x!==w.x||e.y!==w.y||e.width!==w.width||e.height!==w.height)){r()}w=e;b=requestAnimationFrame(y)}return function(){var t;d=true;h.forEach((function(t){p&&t.removeEventListener("scroll",r);g&&t.removeEventListener("resize",r)}));(t=v)==null?void 0:t.disconnect();v=null;if(u){cancelAnimationFrame(b)}}}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 mdsDropdownCss=".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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))}.border{border-width:1px}.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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.backdropBackground="rgba(0, 0, 0, 0.1)";this.backdropCustomPropBackground="--backdrop";this.backdropDuration=2e3;this.backdropId="mds-dropdown-backdrop";this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;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=r.y!=null?"".concat(r.y,"px"):"";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(){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)}))}}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="rgba(0, 0, 0, 0)";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.backdropBackground}),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(){var t=getComputedStyle(document.documentElement,null).getPropertyValue(this.backdropCustomPropBackground);if(t!==""){this.backdropBackground="var(".concat(this.backdropCustomPropBackground,")")}Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}))};t.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=this.host.shadowRoot.querySelector(".arrow");this.caller=document.getElementById(this.target);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-ac7b4f3d.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 u=s==="x";var d;switch(f){case"top":d={x:i,y:n.y-o.height};break;case"bottom":d={x:i,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:a};break;case"left":d={x:n.x-o.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,o,i,a,s,l,c,f,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E;var A,O;return __generator(this,(function(R){switch(R.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=R.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:u=R.sent();d=computeCoordsFromPlacement(u,o,f),p=d.x,g=d.y;m=o;h={};v=0;R.label=3;case 3:if(!(v<l.length))return[3,11];b=l[v],w=b.name,y=b.fn;return[4,y({x:p,y:g,initialPlacement:o,placement:m,strategy:a,middlewareData:h,rects:u,platform:c,elements:{reference:t,floating:e}})];case 4:x=R.sent(),k=x.x,_=x.y,P=x.data,C=x.reset;p=k!=null?k:p;g=_!=null?_:g;h=__assign(__assign({},h),(A={},A[w]=__assign(__assign({},h[w]),P),A));if(!C)return[3,10];if(!(typeof C==="object"))return[3,9];if(C.placement){m=C.placement}if(!C.rects)return[3,8];if(!(C.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:E=R.sent();return[3,7];case 6:E=C.rects;R.label=7;case 7:u=E;R.label=8;case 8:O=computeCoordsFromPlacement(u,m,f),p=O.x,g=O.y;R.label=9;case 9:v=-1;return[3,10];case 10:v++;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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S;var D,N;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,u=e.rootBoundary,d=u===void 0?"viewport":u,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;C=(P=i).getClippingRect;D={};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:A=x.contextElement;if(A)return[3,4];return[4,i.getDocumentElement==null?void 0:i.getDocumentElement(s.floating)];case 3:A=B.sent();B.label=4;case 4:E=A;B.label=5;case 5:return[4,C.apply(P,[(D.element=E,D.boundary=f,D.rootBoundary=d,D.strategy=l,D)])];case 6:k=_.apply(void 0,[B.sent()]);R=rectToClientRect;if(!i.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,9];S=(L=i).convertOffsetParentRelativeRectToViewportRelativeRect;N={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,[(N.offsetParent=B.sent(),N.strategy=l,N)])];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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E;var A;return __generator(this,(function(O){switch(O.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,{}]}u=getSideObjectFromPadding(i);d={x:a,y:s};p=getMainAxisFromPlacement(l);g=getLengthFromAxis(p);return[4,f.getDimensions(n)];case 1:m=O.sent();h=p==="y"?"top":"left";v=p==="y"?"bottom":"right";b=c.reference[g]+c.reference[p]-d[p]-c.floating[g];w=d[p]-c.reference[p];return[4,f.getOffsetParent==null?void 0:f.getOffsetParent(n)];case 2:y=O.sent();x=y?p==="y"?y.clientHeight||0:y.clientWidth||0:0;k=b/2-w/2;_=u[h];P=x-m[g]-u[v];C=x/2-m[g]/2+k;E=within(_,C,P);return[2,{data:(A={},A[p]=E,A.centerOffset=C-E,A)}]}}))}))}}};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={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return hash[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,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S,D,N,B;return __generator(this,(function(W){switch(W.label){case 0:s=e.x,l=e.y,c=e.rects,f=e.middlewareData,u=e.placement,d=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=W.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(p.floating)];case 2:C=O.apply(void 0,R.concat([W.sent()])),E=C.main,A=C.cross;if(u!==P){return[2,{x:s,y:l,reset:{placement:x[0]}}]}T=[k[getSide(P)],k[E],k[A]];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}}]}D=L.slice().sort((function(t,e){return t.overflows[0]-e.overflows[0]}));N=(a=D.find((function(t){var e=t.overflows;return e.every((function(t){return t<=0}))})))==null?void 0:a.placement;B=N!=null?N:D[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,o,i,a,s,l,c,f,u,d,p,g,m,h,v,b,w,y,x,k,_,P,C,E,A,O,R,T,L,S,D,N,B,W,H;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,u=t.crossAxis,d=u===void 0?true:u,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=[];C=((r=o.flip)==null?void 0:r.overflows)||[];if(f){P.push(_[w])}if(!d)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()])),A=E.main,O=E.cross;P.push(_[A],_[O]);M.label=3;case 3:C=__spreadArray(__spreadArray([],C,true),[{placement:n,overflows:P}],false);if(!P.every((function(t){return t<=0}))){D=((L=(S=o.flip)==null?void 0:S.index)!=null?L:0)+1;N=k[D];if(N){return[2,{data:{index:D,overflows:C},reset:{placement:N}}]}B="bottom";switch(m){case"bestFit":{H=(W=C.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:W[0].placement;if(H){B=H}break}case"initialPlacement":B=a;break}if(n!==B){return[2,{reset:{placement:B}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e,r,n){if(n===void 0){n=false}var o=getSide(t);var i=getAlignment(t);var a=getMainAxisFromPlacement(t)==="x";var s=["left","top"].includes(o)?-1:1;var l=n&&a?-1:1;var c=typeof r==="function"?r(__assign(__assign({},e),{placement:t})):r;var f=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},c),u=f.mainAxis,d=f.crossAxis,p=f.alignmentAxis;if(i&&typeof p==="number"){d=i==="end"?p*-1:p}return a?{x:d*l,y:u*s}:{x:u*s,y:d*l}}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,i,a,s,l,c,f;return __generator(this,(function(u){switch(u.label){case 0:r=e.x,n=e.y,o=e.placement,i=e.rects,a=e.platform,s=e.elements;c=convertValueToCoords;f=[o,i,t];return[4,a.isRTL==null?void 0:a.isRTL(s.floating)];case 1:l=c.apply(void 0,f.concat([u.sent()]));return[2,{x:r+l.x,y:n+l.y,data:l}]}}))}))}}};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,u,d,p,g,m,h,v,b,w,y,x,b,w,k,_,P;var C;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,u=__rest(t,["mainAxis","crossAxis","limiter"]);d={x:r,y:n};return[4,detectOverflow(e,u)];case 1:p=E.sent();g=getMainAxisFromPlacement(getSide(o));m=getCrossAxis(g);h=d[g];v=d[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),(C={},C[g]=h,C[m]=v,C)));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$1(t){return getWindow(t).getComputedStyle(t)}function getNodeName(t){return isWindow(t)?"":t?(t.nodeName||"").toLowerCase():""}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$1(t),r=e.overflow,n=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=navigator.userAgent.toLowerCase().includes("firefox");var r=getComputedStyle$1(t);return r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].includes(r.willChange)||e&&r.willChange==="filter"||e&&(r.filter?r.filter!=="none":false)}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}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 u=!isLayoutViewport()&&r;var d=(s.left+(u?(n=(o=f.visualViewport)==null?void 0:o.offsetLeft)!=null?n:0:0))/l;var p=(s.top+(u?(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:d+g,bottom:p+m,left:d,x:d,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)&&!["html","body"].includes(getNodeName(e))){if(isContainingBlock(e)){return e}else{e=e.parentNode}}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$1(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(["html","body","#document"].includes(getNodeName(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==null?void 0:e.getRootNode==null?void 0:e.getRootNode();if(t!=null&&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 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=["absolute","fixed"].includes(getComputedStyle$1(t).position);var n=r&&isHTMLElement(t)?getOffsetParent(t):t;if(!isElement(n)){return[]}return e.filter((function(t){return 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$1(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,u=f===void 0?false:f;var d=false;var p=i&&!u;var g=s&&!u;var m=c&&!u;var h=p||g?__spreadArray(__spreadArray([],isElement(t)?getOverflowAncestors(t):[],true),getOverflowAncestors(e),true):[];h.forEach((function(t){p&&t.addEventListener("scroll",r,{passive:true});g&&t.addEventListener("resize",r)}));var v=null;if(m){v=new ResizeObserver(r);isElement(t)&&v.observe(t);v.observe(e)}var b;var w=u?getBoundingClientRect(t):null;if(u){y()}function y(){if(d){return}var e=getBoundingClientRect(t);if(w&&(e.x!==w.x||e.y!==w.y||e.width!==w.width||e.height!==w.height)){r()}w=e;b=requestAnimationFrame(y)}return function(){var t;d=true;h.forEach((function(t){p&&t.removeEventListener("scroll",r);g&&t.removeEventListener("resize",r)}));(t=v)==null?void 0:t.disconnect();v=null;if(u){cancelAnimationFrame(b)}}}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 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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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.backdropBackground="rgba(0, 0, 0, 0.1)";this.backdropCustomPropBackground="--backdrop";this.backdropDuration=2e3;this.backdropId="mds-dropdown-backdrop";this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;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=r.y!==null?"".concat(r.y,"px"):"";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(){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)}))}}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="rgba(0, 0, 0, 0)";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.backdropBackground}),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(){var t=getComputedStyle(document.documentElement,null).getPropertyValue(this.backdropCustomPropBackground);if(t!==""){this.backdropBackground="var(".concat(this.backdropCustomPropBackground,")")}Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}))};t.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=this.host.shadowRoot.querySelector(".arrow");this.caller=document.getElementById(this.target);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}; |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-b2ebdce6.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-ac7b4f3d.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)})); |
@@ -1,5 +0,5 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-b2ebdce6.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-ac7b4f3d.js'; | ||
| /* | ||
| Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -6,0 +6,0 @@ const patchEsm = () => { |
@@ -1,2 +0,2 @@ | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b2ebdce6.js'; | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ac7b4f3d.js'; | ||
@@ -1347,3 +1347,3 @@ function getSide(placement) { | ||
| const mdsDropdownCss = ".visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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))}.border{border-width:1px}.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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-\\[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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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}"; | ||
@@ -1437,3 +1437,3 @@ const MdsDropdown = class { | ||
| case 'bottom': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = '100%'; | ||
@@ -1443,11 +1443,11 @@ break; | ||
| inset.right = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'right': | ||
| inset.left = '100%'; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
| case 'top': | ||
| inset.left = arrow.x != null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y != null ? `${arrow.y}px` : ''; | ||
| inset.left = arrow.x !== null ? `${arrow.x}px` : ''; | ||
| inset.top = arrow.y !== null ? `${arrow.y}px` : ''; | ||
| break; | ||
@@ -1454,0 +1454,0 @@ } |
@@ -1,5 +0,5 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-b2ebdce6.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-ac7b4f3d.js'; | ||
| /* | ||
| Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -6,0 +6,0 @@ const patchBrowser = () => { |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as t}from"./p-3948719f.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),o(e)})().then((o=>t([["p-30e6084e",[[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-a80775a8.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-5e7749b9",[[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))); |
| { | ||
| "timestamp": "2022-05-13T10:40:52", | ||
| "timestamp": "2022-06-22T09:18:31", | ||
| "compiler": { | ||
| "name": "node", | ||
| "version": "16.13.0" | ||
| "version": "18.3.0" | ||
| }, | ||
@@ -12,9 +12,10 @@ "app": { | ||
| "entries": 1, | ||
| "bundles": 62, | ||
| "bundles": 63, | ||
| "outputs": [ | ||
| { | ||
| "name": "dist-collection", | ||
| "files": 21, | ||
| "files": 22, | ||
| "generatedFiles": [ | ||
| "./dist/collection/components/mds-dropdown/mds-dropdown.js", | ||
| "./dist/collection/components/mds-dropdown/test/mds-dropdown.stories.js", | ||
| "./dist/collection/dictionary/autocomplete.js", | ||
@@ -56,3 +57,3 @@ "./dist/collection/dictionary/button.js", | ||
| "generatedFiles": [ | ||
| "./dist/cjs/index-32ac5cf4.js", | ||
| "./dist/cjs/index-848b5bd5.js", | ||
| "./dist/cjs/index.cjs.js", | ||
@@ -62,3 +63,3 @@ "./dist/cjs/loader.cjs.js", | ||
| "./dist/cjs/mds-dropdown.cjs.js", | ||
| "./dist/esm-es5/index-b2ebdce6.js", | ||
| "./dist/esm-es5/index-ac7b4f3d.js", | ||
| "./dist/esm-es5/index.js", | ||
@@ -68,3 +69,3 @@ "./dist/esm-es5/loader.js", | ||
| "./dist/esm-es5/mds-dropdown.js", | ||
| "./dist/esm/index-b2ebdce6.js", | ||
| "./dist/esm/index-ac7b4f3d.js", | ||
| "./dist/esm/index.js", | ||
@@ -79,17 +80,17 @@ "./dist/esm/loader.js", | ||
| "./dist/mds-dropdown/mds-dropdown.js", | ||
| "./dist/mds-dropdown/p-2fc2b930.system.js", | ||
| "./dist/mds-dropdown/p-30e6084e.entry.js", | ||
| "./dist/mds-dropdown/p-3948719f.js", | ||
| "./dist/mds-dropdown/p-50ea2036.system.js", | ||
| "./dist/mds-dropdown/p-7d34ed2d.system.entry.js", | ||
| "./dist/mds-dropdown/p-9f7a7f07.system.js", | ||
| "./dist/mds-dropdown/p-5e7749b9.entry.js", | ||
| "./dist/mds-dropdown/p-5ed485cc.system.entry.js", | ||
| "./dist/mds-dropdown/p-67a56eac.system.js", | ||
| "./dist/mds-dropdown/p-a80775a8.js", | ||
| "./dist/mds-dropdown/p-fdb96f78.system.js", | ||
| "./www/build/index.esm.js", | ||
| "./www/build/mds-dropdown.esm.js", | ||
| "./www/build/mds-dropdown.js", | ||
| "./www/build/p-2fc2b930.system.js", | ||
| "./www/build/p-30e6084e.entry.js", | ||
| "./www/build/p-3948719f.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-7d34ed2d.system.entry.js", | ||
| "./www/build/p-9f7a7f07.system.js" | ||
| "./www/build/p-5e7749b9.entry.js", | ||
| "./www/build/p-5ed485cc.system.entry.js", | ||
| "./www/build/p-67a56eac.system.js", | ||
| "./www/build/p-a80775a8.js", | ||
| "./www/build/p-fdb96f78.system.js" | ||
| ] | ||
@@ -127,8 +128,8 @@ }, | ||
| ], | ||
| "bundleId": "p-30e6084e", | ||
| "fileName": "p-30e6084e.entry.js", | ||
| "bundleId": "p-5e7749b9", | ||
| "fileName": "p-5e7749b9.entry.js", | ||
| "imports": [ | ||
| "p-3948719f.js" | ||
| "p-a80775a8.js" | ||
| ], | ||
| "originalByteSize": 54143 | ||
| "originalByteSize": 55020 | ||
| } | ||
@@ -145,5 +146,5 @@ ], | ||
| "imports": [ | ||
| "index-b2ebdce6.js" | ||
| "index-ac7b4f3d.js" | ||
| ], | ||
| "originalByteSize": 54147 | ||
| "originalByteSize": 55024 | ||
| } | ||
@@ -160,5 +161,5 @@ ], | ||
| "imports": [ | ||
| "index-b2ebdce6.js" | ||
| "index-ac7b4f3d.js" | ||
| ], | ||
| "originalByteSize": 54147 | ||
| "originalByteSize": 55024 | ||
| } | ||
@@ -172,8 +173,8 @@ ], | ||
| ], | ||
| "bundleId": "p-7d34ed2d.system", | ||
| "fileName": "p-7d34ed2d.system.entry.js", | ||
| "bundleId": "p-5ed485cc.system", | ||
| "fileName": "p-5ed485cc.system.entry.js", | ||
| "imports": [ | ||
| "p-9f7a7f07.system.js" | ||
| "p-fdb96f78.system.js" | ||
| ], | ||
| "originalByteSize": 63117 | ||
| "originalByteSize": 63994 | ||
| } | ||
@@ -190,5 +191,5 @@ ], | ||
| "imports": [ | ||
| "index-32ac5cf4.js" | ||
| "index-848b5bd5.js" | ||
| ], | ||
| "originalByteSize": 54200 | ||
| "originalByteSize": 55077 | ||
| } | ||
@@ -890,3 +891,3 @@ ] | ||
| { | ||
| "absolutePath": "/home/vitto/repo/magma/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.css", | ||
| "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.css", | ||
| "relativePath": "mds-dropdown.css", | ||
@@ -907,4 +908,4 @@ "originalComponentPath": "mds-dropdown.css" | ||
| }, | ||
| "jsFilePath": "/home/vitto/repo/magma/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.js", | ||
| "sourceFilePath": "/home/vitto/repo/magma/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.tsx", | ||
| "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.js", | ||
| "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-dropdown/src/components/mds-dropdown/mds-dropdown.tsx", | ||
| "sourceMapPath": null, | ||
@@ -979,3 +980,3 @@ "hasAttributeChangedCallbackFn": false, | ||
| "sc-mds-dropdown": [ | ||
| "p-3948719f.js" | ||
| "p-a80775a8.js" | ||
| ] | ||
@@ -987,2 +988,3 @@ }, | ||
| ], | ||
| "./src/components/mds-dropdown/test/mds-dropdown.stories.tsx": [], | ||
| "./src/dictionary/autocomplete.ts": [], | ||
@@ -989,0 +991,0 @@ "./src/dictionary/button.ts": [], |
@@ -65,2 +65,6 @@ /* eslint-disable */ | ||
| } | ||
| export interface MdsDropdownCustomEvent<T> extends CustomEvent<T> { | ||
| detail: T; | ||
| target: HTMLMdsDropdownElement; | ||
| } | ||
| declare global { | ||
@@ -106,3 +110,3 @@ interface HTMLMdsDropdownElement extends Components.MdsDropdown, HTMLStencilElement { | ||
| */ | ||
| "onCloseDropdown"?: (event: CustomEvent<void>) => void; | ||
| "onCloseDropdown"?: (event: MdsDropdownCustomEvent<void>) => void; | ||
| /** | ||
@@ -109,0 +113,0 @@ * Specifies where the component should be placed relative to the caller. |
@@ -6,2 +6,3 @@ declare const typographyDictionary: string[]; | ||
| declare const typographySmallerDictionary: string[]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, }; | ||
| declare const typographyTooltipDictionary: string[]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; |
@@ -6,1 +6,2 @@ export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip'; | ||
| export declare type TypographyMonoType = 'code' | 'hack'; | ||
| export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip'; |
| { | ||
| "name": "@maggioli-design-system/mds-dropdown", | ||
| "version": "1.0.3", | ||
| "version": "2.0.0", | ||
| "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.", | ||
@@ -22,8 +22,8 @@ "main": "dist/index.cjs.js", | ||
| "build": "rm src/components.d.ts || true && stencil build --docs-readme", | ||
| "prepublishOnly": "npm run build", | ||
| "test": "stencil test --spec --e2e" | ||
| "prepublishOnly": "npm run build" | ||
| }, | ||
| "dependencies": { | ||
| "@floating-ui/dom": "^0.4.5", | ||
| "@stencil/core": "^2.15.1" | ||
| "@floating-ui/dom": "^0.5.2", | ||
| "@maggioli-design-system/styles": "^7.0.0", | ||
| "@stencil/core": "^2.16.1" | ||
| }, | ||
@@ -30,0 +30,0 @@ "license": "MIT", |
@@ -65,2 +65,6 @@ /* eslint-disable */ | ||
| } | ||
| export interface MdsDropdownCustomEvent<T> extends CustomEvent<T> { | ||
| detail: T; | ||
| target: HTMLMdsDropdownElement; | ||
| } | ||
| declare global { | ||
@@ -106,3 +110,3 @@ interface HTMLMdsDropdownElement extends Components.MdsDropdown, HTMLStencilElement { | ||
| */ | ||
| "onCloseDropdown"?: (event: CustomEvent<void>) => void; | ||
| "onCloseDropdown"?: (event: MdsDropdownCustomEvent<void>) => void; | ||
| /** | ||
@@ -109,0 +113,0 @@ * Specifies where the component should be placed relative to the caller. |
@@ -48,2 +48,8 @@ const typographyDictionary = [ | ||
| const typographyTooltipDictionary = [ | ||
| 'caption', | ||
| 'detail', | ||
| 'tip', | ||
| ] | ||
| export { | ||
@@ -55,2 +61,3 @@ typographyDictionary, | ||
| typographySmallerDictionary, | ||
| typographyTooltipDictionary, | ||
| } |
@@ -6,2 +6,4 @@ [ | ||
| "mdi/crown", | ||
| "mdi/dots-vertical", | ||
| "mdi/email", | ||
| "mdi/harddisk", | ||
@@ -8,0 +10,0 @@ "mdi/vector-curve", |
@@ -42,1 +42,6 @@ export type TypographyType = | ||
| | 'hack' | ||
| export type TypographyTooltipType = | ||
| | 'caption' | ||
| | 'detail' | ||
| | 'tip' |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as t}from"./p-3948719f.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),o(e)})().then((o=>t([["p-30e6084e",[[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-a80775a8.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),o(t)})().then((o=>a([["p-5e7749b9",[[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))); |
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 too big to display
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by1.19%
1039196
- Number of package files
- increased by0.76%
133
- Lines of code
- increased by3.12%
14624
Worsened metrics
- Dependency count
- increased by50%
3
Dependency changes
+ Added@floating-ui/core@0.7.3(transitive)
+ Added@floating-ui/dom@0.5.4(transitive)
+ Added@maggioli-design-system/design-tokens@7.0.0(transitive)
+ Added@maggioli-design-system/styles@7.0.0(transitive)
+ Addednormalize.css@8.0.1(transitive)
+ Addedtypeface-karla@1.1.13(transitive)
+ Addedtypeface-roboto@1.1.13(transitive)
- Removed@floating-ui/core@0.6.2(transitive)
- Removed@floating-ui/dom@0.4.5(transitive)
Updated@floating-ui/dom@^0.5.2
Updated@stencil/core@^2.16.1