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 4.2.0 to 4.2.1
@@ -1,6 +0,7 @@ | ||
| import arrowSvg from './assets/arrow.svg'; | ||
| import { Host, h } from '@stencil/core'; | ||
| import { hashValue, setAttributeIfEmpty } from '@common/aria'; | ||
| import { KeyboardManager } from '@common/keyboard-manager'; | ||
| import { cssDurationToMilliseconds } from '@common/unit'; | ||
| import { arrow, autoPlacement, autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'; | ||
| import { setAttributeIfEmpty, hashValue } from '@common/aria'; | ||
| import { Host, h } from '@stencil/core'; | ||
| import arrowSvg from './assets/arrow.svg'; | ||
| export class MdsDropdown { | ||
@@ -10,3 +11,2 @@ constructor() { | ||
| this.backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)'; | ||
| this.backdropDuration = 2000; | ||
| this.backdropId = 'mds-dropdown-backdrop'; | ||
@@ -147,2 +147,7 @@ this.km = new KeyboardManager(); | ||
| }; | ||
| this.updateCSSCustomProps = () => { | ||
| const elementStyles = window.getComputedStyle(this.host); | ||
| this.cssBackdropDuration = elementStyles.getPropertyValue('--mds-dropdown-backdrop-duration'); | ||
| this.cssBackdropZIndex = elementStyles.getPropertyValue('--mds-dropdown-backdrop-z-index'); | ||
| }; | ||
| this.arrow = true; | ||
@@ -161,3 +166,3 @@ this.arrowPadding = 24; | ||
| this.visible = false; | ||
| this.zIndex = 1000; | ||
| this.zIndex = undefined; | ||
| } | ||
@@ -172,4 +177,5 @@ attachBackdrop() { | ||
| this.backdropEl.style.position = 'fixed'; | ||
| this.backdropEl.style.transition = `background-color ${this.backdropDuration / 10000}s ease-out`; | ||
| this.backdropEl.style.zIndex = (this.zIndex - 1).toString(); | ||
| this.backdropEl.style.transition = `background-color ${this.cssBackdropDuration} ease-out`; | ||
| this.backdropEl.style.zIndex = this.cssBackdropZIndex; | ||
| console.log('backdrop-z-index', this.cssBackdropZIndex); | ||
| } | ||
@@ -190,3 +196,3 @@ document.body.appendChild(this.backdropEl); | ||
| this.backdropEl.remove(); | ||
| }, this.backdropDuration); | ||
| }, cssDurationToMilliseconds(this.cssBackdropDuration)); | ||
| } | ||
@@ -242,3 +248,5 @@ arrowChanged() { | ||
| zIndexChanged(newValue) { | ||
| this.host.style.setProperty('z-index', newValue.toString()); | ||
| if (newValue) { | ||
| this.host.style.setProperty('z-index', newValue.toString()); | ||
| } | ||
| } | ||
@@ -260,2 +268,3 @@ componentWillLoad() { | ||
| var _a; | ||
| this.updateCSSCustomProps(); | ||
| document.addEventListener('click', this.handleCloseDropdown); | ||
@@ -279,2 +288,3 @@ this.arrowEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.arrow'); | ||
| disconnectedCallback() { | ||
| this.detachBackdrop(); | ||
| this.km.detachEscapeBehavior(); | ||
@@ -558,4 +568,3 @@ this.cleanupAutoUpdate = () => { return; }; | ||
| "attribute": "z-index", | ||
| "reflect": false, | ||
| "defaultValue": "1000" | ||
| "reflect": false | ||
| } | ||
@@ -562,0 +571,0 @@ }; |
@@ -78,2 +78,6 @@ var __rest = (this && this.__rest) || function (s, e) { | ||
| export const NoTarget = () => h("div", null, h("mds-button", { id: "dropdown-trigger" }, "Trigger"), h("mds-dropdown", { target: '' }, h("mds-text", null, "Ciao"))); | ||
| const TemplateNested = (_a) => { | ||
| var { layout } = _a, args = __rest(_a, ["layout"]); | ||
| return h("div", null, h("mds-header", null, h("mds-header-bar", null, h("div", { class: "flex gap-2 items-center" }, h("mds-img", { class: "w-10", src: "./logo-gruppo-maggioli.svg" }), h("div", { class: "mb-1" }, h("mds-text", { typography: "h6" }, "Gruppo Maggioli"), h("mds-text", { class: "text-tone-neutral-04", typography: "option" }, "Header by RD Team"))), h("mds-button", { slot: "nav", id: "my-dropdown" }, "Show Fred"))), h("mds-dropdown", Object.assign({ target: "my-dropdown", class: "max-w-[350px]" }, args), h("mds-author", { class: "text-tone-neutral-04" }, h("mds-avatar", { "aria-describedby": "A protrait of Frederick Phillips Brooks Jr.", 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 px-0", icon: "mi/baseline/info", variant: "dark", tone: "quiet" }, "User infos"), h("mds-button", { class: "justify-start px-0", icon: "mi/baseline/settings", variant: "dark", tone: "quiet" }, "Account"), h("mds-button", { class: "justify-start px-0", icon: "mi/baseline/logout", variant: "dark", tone: "quiet" }, "Exit"))); | ||
| }; | ||
| export const Default = Template.bind({}); | ||
@@ -169,7 +173,5 @@ Default.args = { | ||
| }; | ||
| export const Visible = Template.bind({}); | ||
| Visible.args = { | ||
| class: 'max-w-[350px] w-full', | ||
| layout: 'flex justify-start', | ||
| visible: false, | ||
| export const NestedBestPractice = TemplateNested.bind({}); | ||
| NestedBestPractice.args = { | ||
| backdrop: true, | ||
| }; |
@@ -16,2 +16,6 @@ const buttonVariantDictionary = [ | ||
| ]; | ||
| const buttonTargetDictionary = [ | ||
| 'blank', | ||
| 'self', | ||
| ]; | ||
| const buttonSizeDictionary = [ | ||
@@ -27,2 +31,2 @@ 'sm', | ||
| ]; | ||
| export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, }; | ||
| export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, }; |
@@ -56,2 +56,10 @@ const themeVariantDictionary = [ | ||
| ]; | ||
| const toneActionVariantDictionary = [ | ||
| 'primary', | ||
| 'secondary', | ||
| 'tertiary', | ||
| 'strong', | ||
| 'weak', | ||
| 'quiet', | ||
| ]; | ||
| const toneSimpleVariantDictionary = [ | ||
@@ -66,2 +74,2 @@ 'strong', | ||
| ]; | ||
| export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; | ||
| export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; |
| { | ||
| "timestamp": "2023-04-14T10:15:54", | ||
| "timestamp": "2023-06-23T10:11:39", | ||
| "compiler": { | ||
@@ -295,3 +295,2 @@ "name": "@stencil/core", | ||
| "docsTags": [], | ||
| "default": "1000", | ||
| "values": [ | ||
@@ -344,2 +343,12 @@ { | ||
| { | ||
| "name": "--mds-dropdown-backdrop-duration", | ||
| "annotation": "prop", | ||
| "docs": "Sets the transition duration of the backdrop, used by component's code too." | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-backdrop-z-indx", | ||
| "annotation": "prop", | ||
| "docs": "Sets the backdrop z-index, used by component's code too." | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-background", | ||
@@ -346,0 +355,0 @@ "annotation": "prop", |
@@ -1,1 +0,1 @@ | ||
| var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,n){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?r(t.value):i(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(n=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];i=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(t,e){var r={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)r[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,n=Object.getOwnPropertySymbols(t);i<n.length;i++){if(e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i]))r[n[i]]=t[n[i]]}return r};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,o;n<i;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-56f3ad03.js";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 KeyboardManager=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(e,r){if(r===void 0){r="element"}t.elements[r]=e};this.attachClickBehavior=function(e){if(e===void 0){e="element"}if(t.elements[e]){t.elements[e].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(e){if(e===void 0){e="element"}if(t.elements[e]){t.elements[e].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(e){t.escapeCallback=e;if(typeof window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return t==="y"?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,r){var n=t.reference,i=t.floating;var o=n.x+n.width/2-i.width/2;var a=n.y+n.height/2-i.height/2;var s=getMainAxisFromPlacement(e);var l=getLengthFromAxis(s);var c=n[l]/2-i[l]/2;var d=getSide(e);var f=s==="x";var u;switch(d){case"top":u={x:o,y:n.y-i.height};break;case"bottom":u={x:o,y:n.y+n.height};break;case"right":u={x:n.x+n.width,y:a};break;case"left":u={x:n.x-i.width,y:a};break;default:u={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":u[s]-=c*(r&&f?-1:1);break;case"end":u[s]+=c*(r&&f?-1:1);break}return u}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,k,E,_,A,C,P,O;var S,R;return __generator(this,(function(L){switch(L.label){case 0:n=r.placement,i=n===void 0?"bottom":n,o=r.strategy,a=o===void 0?"absolute":o,s=r.middleware,l=s===void 0?[]:s,c=r.platform;d=l.filter(Boolean);return[4,c.isRTL==null?void 0:c.isRTL(e)];case 1:f=L.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:u=L.sent();p=computeCoordsFromPlacement(u,i,f),g=p.x,m=p.y;h=i;v={};w=0;b=0;L.label=3;case 3:if(!(b<d.length))return[3,11];y=d[b],x=y.name,k=y.fn;return[4,k({x:g,y:m,initialPlacement:i,placement:h,strategy:a,middlewareData:v,rects:u,platform:c,elements:{reference:t,floating:e}})];case 4:E=L.sent(),_=E.x,A=E.y,C=E.data,P=E.reset;g=_!=null?_:g;m=A!=null?A:m;v=__assign(__assign({},v),(S={},S[x]=__assign(__assign({},v[x]),C),S));if(!(P&&w<=50))return[3,10];w++;if(!(typeof P==="object"))return[3,9];if(P.placement){h=P.placement}if(!P.rects)return[3,8];if(!(P.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:O=L.sent();return[3,7];case 6:O=P.rects;L.label=7;case 7:u=O;L.label=8;case 8:R=computeCoordsFromPlacement(u,h,f),g=R.x,m=R.y;L.label=9;case 9:b=-1;return[3,10];case 10:b++;return[3,3];case 11:return[2,{x:g,y:m,placement:h,strategy:a,middlewareData:v}]}}))}))};function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getSideObjectFromPadding(t){return typeof t!=="number"?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return __assign(__assign({},t),{top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height})}function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,k,E,_,A,C,P,O,S,R,L,T,B,D;var N;return __generator(this,(function(M){switch(M.label){case 0:if(e===void 0){e={}}n=t.x,i=t.y,o=t.platform,a=t.rects,s=t.elements,l=t.strategy;c=e.boundary,d=c===void 0?"clippingAncestors":c,f=e.rootBoundary,u=f===void 0?"viewport":f,p=e.elementContext,g=p===void 0?"floating":p,m=e.altBoundary,h=m===void 0?false:m,v=e.padding,w=v===void 0?0:v;b=getSideObjectFromPadding(w);y=g==="floating"?"reference":"floating";x=s[h?y:g];E=rectToClientRect;A=(_=o).getClippingRect;N={};return[4,o.isElement==null?void 0:o.isElement(x)];case 1:if(!((r=M.sent())!=null?r:true))return[3,2];C=x;return[3,5];case 2:P=x.contextElement;if(P)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:P=M.sent();M.label=4;case 4:C=P;M.label=5;case 5:return[4,A.apply(_,[(N.element=C,N.boundary=d,N.rootBoundary=u,N.strategy=l,N)])];case 6:k=E.apply(void 0,[M.sent()]);O=g==="floating"?__assign(__assign({},a.floating),{x:n,y:i}):a.reference;return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)];case 7:S=M.sent();return[4,o.isElement==null?void 0:o.isElement(S)];case 8:if(!M.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(S)];case 9:L=M.sent()||{x:1,y:1};return[3,11];case 10:L={x:1,y:1};M.label=11;case 11:R=L;B=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:O,offsetParent:S,strategy:l})];case 12:D=M.sent();return[3,14];case 13:D=O;M.label=14;case 14:T=B.apply(void 0,[D]);return[2,{top:(k.top-T.top+b.top)/R.y,bottom:(T.bottom-k.bottom+b.bottom)/R.y,left:(k.left-T.left+b.left)/R.x,right:(T.right-k.right+b.right)/R.x}]}}))}))}var min$1=Math.min;var max$1=Math.max;function within(t,e,r){return max$1(t,min$1(e,r))}var arrow=function(t){return{name:"arrow",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,k,E,_,A,C,P,O,S,R,L,T;var B,D;return __generator(this,(function(N){switch(N.label){case 0:r=t||{},n=r.element,i=r.padding,o=i===void 0?0:i;a=e.x,s=e.y,l=e.placement,c=e.rects,d=e.platform,f=e.elements;if(n==null){return[2,{}]}u=getSideObjectFromPadding(o);p={x:a,y:s};g=getMainAxisFromPlacement(l);m=getLengthFromAxis(g);return[4,d.getDimensions(n)];case 1:h=N.sent();v=g==="y";w=v?"top":"left";b=v?"bottom":"right";y=v?"clientHeight":"clientWidth";x=c.reference[m]+c.reference[g]-p[g]-c.floating[m];k=p[g]-c.reference[g];return[4,d.getOffsetParent==null?void 0:d.getOffsetParent(n)];case 2:E=N.sent();_=E?E[y]:0;A=!_;if(A)return[3,4];return[4,d.isElement==null?void 0:d.isElement(E)];case 3:A=!N.sent();N.label=4;case 4:if(A){_=f.floating[y]||c.floating[m]}C=x/2-k/2;P=u[w];O=_-h[m]-u[b];S=_/2-h[m]/2+C;R=within(P,S,O);L=getAlignment(l)!=null&&S!=R&&c.reference[m]/2-(S<P?u[w]:u[b])-h[m]/2<0;T=L?S<P?P-S:O-S:0;return[2,(B={},B[g]=p[g]-T,B.data=(D={},D[g]=R,D.centerOffset=S-R,D),B)]}}))}))}}};var sides=["top","right","bottom","left"];var allPlacements=sides.reduce((function(t,e){return t.concat(e,e+"-start",e+"-end")}),[]);var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return oppositeSideMap[t]}))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var i=getMainAxisFromPlacement(t);var o=getLengthFromAxis(i);var a=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){a=getOppositePlacement(a)}return{main:a,cross:getOppositePlacement(a)}}var oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return oppositeAlignmentMap[t]}))}function getPlacementList(t,e,r){var n=t?__spreadArray(__spreadArray([],r.filter((function(e){return getAlignment(e)===t})),true),r.filter((function(e){return getAlignment(e)!==t})),true):r.filter((function(t){return getSide(t)===t}));return n.filter((function(r){if(t){return getAlignment(r)===t||(e?getOppositeAlignmentPlacement(r)!==r:false)}return true}))}var autoPlacement=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,k,E,_,A,C,P,O,S,R,L,T;return __generator(this,(function(B){switch(B.label){case 0:o=e.rects,a=e.middlewareData,s=e.placement,l=e.platform,c=e.elements;d=t.crossAxis,f=d===void 0?false:d,u=t.alignment,p=t.allowedPlacements,g=p===void 0?allPlacements:p,m=t.autoAlignment,h=m===void 0?true:m,v=__rest(t,["crossAxis","alignment","allowedPlacements","autoAlignment"]);w=u!==undefined||g===allPlacements?getPlacementList(u||null,h,g):g;return[4,detectOverflow(e,v)];case 1:b=B.sent();y=((r=a.autoPlacement)==null?void 0:r.index)||0;x=w[y];if(x==null){return[2,{}]}A=getAlignmentSides;C=[x,o];return[4,l.isRTL==null?void 0:l.isRTL(c.floating)];case 2:k=A.apply(void 0,C.concat([B.sent()])),E=k.main,_=k.cross;if(s!==x){return[2,{reset:{placement:w[0]}}]}P=[b[getSide(x)],b[E],b[_]];O=__spreadArray(__spreadArray([],((n=a.autoPlacement)==null?void 0:n.overflows)||[],true),[{placement:x,overflows:P}],false);S=w[y+1];if(S){return[2,{data:{index:y+1,overflows:O},reset:{placement:S}}]}R=O.map((function(t){var e=getAlignment(t.placement);return[t.placement,e&&f?t.overflows.slice(0,2).reduce((function(t,e){return t+e}),0):t.overflows[0],t.overflows]})).sort((function(t,e){return t[1]-e[1]}));L=R.filter((function(t){return t[2].slice(0,getAlignment(t[0])?2:3).every((function(t){return t<=0}))}));T=((i=L[0])==null?void 0:i[0])||R[0][0];if(T!==s){return[2,{data:{index:y+1,overflows:O},reset:{placement:T}}]}return[2,{}]}}))}))}}};function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,r){var n=["left","right"];var i=["right","left"];var o=["top","bottom"];var a=["bottom","top"];switch(t){case"top":case"bottom":if(r)return e?i:n;return e?n:i;case"left":case"right":return e?o:a;default:return[]}}function getOppositeAxisPlacements(t,e,r,n){var i=getAlignment(t);var o=getSideList(getSide(t),r==="start",n);if(i){o=o.map((function(t){return t+"-"+i}));if(e){o=o.concat(o.map(getOppositeAlignmentPlacement))}}return o}var flip=function(t){if(t===void 0){t={}}return{name:"flip",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,k,E,_,A,C,P,O,S,R,L,T,B,D,N,M,F,V;return __generator(this,(function(z){switch(z.label){case 0:n=e.placement,i=e.middlewareData,o=e.rects,a=e.initialPlacement,s=e.platform,l=e.elements;c=t.mainAxis,d=c===void 0?true:c,f=t.crossAxis,u=f===void 0?true:f,p=t.fallbackPlacements,g=t.fallbackStrategy,m=g===void 0?"bestFit":g,h=t.fallbackAxisSideDirection,v=h===void 0?"none":h,w=t.flipAlignment,b=w===void 0?true:w,y=__rest(t,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);x=getSide(n);k=getSide(a)===a;return[4,s.isRTL==null?void 0:s.isRTL(l.floating)];case 1:E=z.sent();_=p||(k||!b?[getOppositePlacement(a)]:getExpandedPlacements(a));if(!p&&v!=="none"){_.push.apply(_,getOppositeAxisPlacements(a,b,v,E))}A=__spreadArray([a],_,true);return[4,detectOverflow(e,y)];case 2:C=z.sent();P=[];O=((r=i.flip)==null?void 0:r.overflows)||[];if(d){P.push(C[x])}if(u){S=getAlignmentSides(n,o,E),R=S.main,L=S.cross;P.push(C[R],C[L])}O=__spreadArray(__spreadArray([],O,true),[{placement:n,overflows:P}],false);if(!P.every((function(t){return t<=0}))){D=(((T=i.flip)==null?void 0:T.index)||0)+1;N=A[D];if(N){return[2,{data:{index:D,overflows:O},reset:{placement:N}}]}M=(B=O.filter((function(t){return t.overflows[0]<=0})).sort((function(t,e){return t.overflows[1]-e.overflows[1]}))[0])==null?void 0:B.placement;if(!M){switch(m){case"bestFit":{V=(F=O.map((function(t){return[t.placement,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:F[0];if(V){M=V}break}case"initialPlacement":M=a;break}}if(n!==M){return[2,{reset:{placement:M}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m;return __generator(this,(function(h){switch(h.label){case 0:r=t.placement,n=t.platform,i=t.elements;return[4,n.isRTL==null?void 0:n.isRTL(i.floating)];case 1:o=h.sent();a=getSide(r);s=getAlignment(r);l=getMainAxisFromPlacement(r)==="x";c=["left","top"].includes(a)?-1:1;d=o&&l?-1:1;f=typeof e==="function"?e(t):e;u=typeof f==="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},f),p=u.mainAxis,g=u.crossAxis,m=u.alignmentAxis;if(s&&typeof m==="number"){g=s==="end"?m*-1:m}return[2,l?{x:g*d,y:p*c}:{x:p*c,y:g*d}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i;return __generator(this,(function(o){switch(o.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:i=o.sent();return[2,{x:r+i.x,y:n+i.y,data:i}]}}))}))}}};function getCrossAxis(t){return t==="x"?"y":"x"}var shift=function(t){if(t===void 0){t={}}return{name:"shift",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,w,b,y,x,w,b,k,E,_;var A;return __generator(this,(function(C){switch(C.label){case 0:r=e.x,n=e.y,i=e.placement;o=t.mainAxis,a=o===void 0?true:o,s=t.crossAxis,l=s===void 0?false:s,c=t.limiter,d=c===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:c,f=__rest(t,["mainAxis","crossAxis","limiter"]);u={x:r,y:n};return[4,detectOverflow(e,f)];case 1:p=C.sent();g=getMainAxisFromPlacement(getSide(i));m=getCrossAxis(g);h=u[g];v=u[m];if(a){w=g==="y"?"top":"left";b=g==="y"?"bottom":"right";y=h+p[w];x=h-p[b];h=within(y,h,x)}if(l){w=m==="y"?"top":"left";b=m==="y"?"bottom":"right";k=v+p[w];E=v-p[b];v=within(k,v,E)}_=d.fn(__assign(__assign({},e),(A={},A[g]=h,A[m]=v,A)));return[2,__assign(__assign({},_),{data:{x:_.x-r,y:_.y-n}})]}}))}))}}};function getWindow(t){var e;return((e=t.ownerDocument)==null?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function isNode(t){return t instanceof getWindow(t).Node}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():""}var uaString;function getUAString(){if(uaString){return uaString}var t=navigator.userAgentData;if(t&&Array.isArray(t.brands)){uaString=t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ");return uaString}return navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}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,i=e.overflowY,o=e.display;return/auto|scroll|overlay|hidden|clip/.test(r+i+n)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=/firefox/i.test(getUAString());var r=getComputedStyle$1(t);var n=r.backdropFilter||r.WebkitBackdropFilter;return r.transform!=="none"||r.perspective!=="none"||(n?n!=="none":false)||e&&r.willChange==="filter"||e&&(r.filter?r.filter!=="none":false)||["transform","perspective"].some((function(t){return r.willChange.includes(t)}))||["paint","layout","strict","content"].some((function(t){var e=r.contain;return e!=null?e.includes(t):false}))}function isClientRectVisualViewportBased(){return/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}var min=Math.min;var max=Math.max;var round=Math.round;function getCssDimensions(t){var e=getComputedStyle$1(t);var r=parseFloat(e.width);var n=parseFloat(e.height);var i=isHTMLElement(t);var o=i?t.offsetWidth:r;var a=i?t.offsetHeight:n;var s=round(r)!==o||round(n)!==a;if(s){r=o;n=a}return{width:r,height:n,fallback:s}}function unwrapElement(t){return!isElement(t)?t.contextElement:t}var FALLBACK_SCALE={x:1,y:1};function getScale(t){var e=unwrapElement(t);if(!isHTMLElement(e)){return FALLBACK_SCALE}var r=e.getBoundingClientRect();var n=getCssDimensions(e),i=n.width,o=n.height,a=n.fallback;var s=(a?round(r.width):r.width)/i;var l=(a?round(r.height):r.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!l||!Number.isFinite(l)){l=1}return{x:s,y:l}}function getBoundingClientRect(t,e,r,n){var i,o;if(e===void 0){e=false}if(r===void 0){r=false}var a=t.getBoundingClientRect();var s=unwrapElement(t);var l=FALLBACK_SCALE;if(e){if(n){if(isElement(n)){l=getScale(n)}}else{l=getScale(t)}}var c=s?getWindow(s):window;var d=isClientRectVisualViewportBased()&&r;var f=(a.left+(d?((i=c.visualViewport)==null?void 0:i.offsetLeft)||0:0))/l.x;var u=(a.top+(d?((o=c.visualViewport)==null?void 0:o.offsetTop)||0:0))/l.y;var p=a.width/l.x;var g=a.height/l.y;if(s){var m=getWindow(s);var h=n&&isElement(n)?getWindow(n):n;var v=m.frameElement;while(v&&n&&h!==m){var w=getScale(v);var b=v.getBoundingClientRect();var y=getComputedStyle(v);b.x+=(v.clientLeft+parseFloat(y.paddingLeft))*w.x;b.y+=(v.clientTop+parseFloat(y.paddingTop))*w.y;f*=w.x;u*=w.y;p*=w.x;g*=w.y;f+=b.x;u+=b.y;v=getWindow(v).frameElement}}return rectToClientRect({width:p,height:g,x:f,y:u})}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 convertOffsetParentRelativeRectToViewportRelativeRect(t){var e=t.rect,r=t.offsetParent,n=t.strategy;var i=isHTMLElement(r);var o=getDocumentElement(r);if(r===o){return e}var a={scrollLeft:0,scrollTop:0};var s={x:1,y:1};var l={x:0,y:0};if(i||!i&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(o)){a=getNodeScroll(r)}if(isHTMLElement(r)){var c=getBoundingClientRect(r);s=getScale(r);l.x=c.x+r.clientLeft;l.y=c.y+r.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){var e=getDocumentElement(t);var r=getNodeScroll(t);var n=t.ownerDocument.body;var i=max(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth);var o=max(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);var a=-r.scrollLeft+getWindowScrollBarX(t);var s=-r.scrollTop;if(getComputedStyle$1(n).direction==="rtl"){a+=max(e.clientWidth,n.clientWidth)-i}return{width:i,height:o,x:a,y:s}}function getParentNode(t){if(getNodeName(t)==="html"){return t}var e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){var e=getParentNode(t);if(isLastTraversableNode(e)){return e.ownerDocument.body}if(isHTMLElement(e)&&isOverflowElement(e)){return e}return getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var r;if(e===void 0){e=[]}var n=getNearestOverflowAncestor(t);var i=n===((r=t.ownerDocument)==null?void 0:r.body);var o=getWindow(n);if(i){return e.concat(o,o.visualViewport||[],isOverflowElement(n)?n:[])}return e.concat(n,getOverflowAncestors(n))}function getViewportRect(t,e){var r=getWindow(t);var n=getDocumentElement(t);var i=r.visualViewport;var o=n.clientWidth;var a=n.clientHeight;var s=0;var l=0;if(i){o=i.width;a=i.height;var c=isClientRectVisualViewportBased();if(!c||c&&e==="fixed"){s=i.offsetLeft;l=i.offsetTop}}return{width:o,height:a,x:s,y:l}}function getInnerBoundingClientRect(t,e){var r=getBoundingClientRect(t,true,e==="fixed");var n=r.top+t.clientTop;var i=r.left+t.clientLeft;var o=isHTMLElement(t)?getScale(t):{x:1,y:1};var a=t.clientWidth*o.x;var s=t.clientHeight*o.y;var l=i*o.x;var c=n*o.y;return{width:a,height:s,x:l,y:c}}function getClientRectFromClippingAncestor(t,e,r){var n;if(e==="viewport"){n=getViewportRect(t,r)}else if(e==="document"){n=getDocumentRect(getDocumentElement(t))}else if(isElement(e)){n=getInnerBoundingClientRect(e,r)}else{var i=__assign({},e);if(isClientRectVisualViewportBased()){var o,a;var s=getWindow(t);i.x-=((o=s.visualViewport)==null?void 0:o.offsetLeft)||0;i.y-=((a=s.visualViewport)==null?void 0:a.offsetTop)||0}n=i}return rectToClientRect(n)}function getClippingElementAncestors(t,e){var r=e.get(t);if(r){return r}var n=getOverflowAncestors(t).filter((function(t){return isElement(t)&&getNodeName(t)!=="body"}));var i=null;var o=getComputedStyle$1(t).position==="fixed";var a=o?getParentNode(t):t;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle$1(a);var l=isContainingBlock(a);if(s.position==="fixed"){i=null}var c=o?!l&&!i:!l&&s.position==="static"&&!!i&&["absolute","fixed"].includes(i.position);if(c){n=n.filter((function(t){return t!==a}))}else{i=s}a=getParentNode(a)}e.set(t,n);return n}function getClippingRect(t){var e=t.element,r=t.boundary,n=t.rootBoundary,i=t.strategy;var o=r==="clippingAncestors"?getClippingElementAncestors(e,this._c):[].concat(r);var a=__spreadArray(__spreadArray([],o,true),[n],false);var s=a[0];var l=a.reduce((function(t,r){var n=getClientRectFromClippingAncestor(e,r,i);t.top=max(n.top,t.top);t.right=min(n.right,t.right);t.bottom=min(n.bottom,t.bottom);t.left=max(n.left,t.left);return t}),getClientRectFromClippingAncestor(e,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function getDimensions(t){return getCssDimensions(t)}function getTrueOffsetParent(t,e){if(!isHTMLElement(t)||getComputedStyle$1(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function getContainingBlock(t){var e=getParentNode(t);while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{e=getParentNode(e)}}return null}function getOffsetParent(t,e){var r=getWindow(t);if(!isHTMLElement(t)){return r}var n=getTrueOffsetParent(t,e);while(n&&isTableElement(n)&&getComputedStyle$1(n).position==="static"){n=getTrueOffsetParent(n,e)}if(n&&(getNodeName(n)==="html"||getNodeName(n)==="body"&&getComputedStyle$1(n).position==="static"&&!isContainingBlock(n))){return r}return n||getContainingBlock(t)||r}function getRectRelativeToOffsetParent(t,e,r){var n=isHTMLElement(e);var i=getDocumentElement(e);var o=getBoundingClientRect(t,true,r==="fixed",e);var a={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(n||!n&&r!=="fixed"){if(getNodeName(e)!=="body"||isOverflowElement(i)){a=getNodeScroll(e)}if(isHTMLElement(e)){var l=getBoundingClientRect(e,true);s.x=l.x+e.clientLeft;s.y=l.y+e.clientTop}else if(i){s.x=getWindowScrollBarX(i)}}return{x:o.left+a.scrollLeft-s.x,y:o.top+a.scrollTop-s.y,width:o.width,height:o.height}}var platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,getElementRects:function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,n,i,o,a,s,l;var c;return __generator(this,(function(d){switch(d.label){case 0:e=t.reference,r=t.floating,n=t.strategy;i=this.getOffsetParent||getOffsetParent;o=this.getDimensions;c={};a=getRectRelativeToOffsetParent;s=[e];return[4,i(r)];case 1:c.reference=a.apply(void 0,s.concat([d.sent(),n]));l=[{x:0,y:0}];return[4,o(r)];case 2:return[2,(c.floating=__assign.apply(void 0,l.concat([d.sent()])),c)]}}))}))},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 i=n.ancestorScroll,o=i===void 0?true:i,a=n.ancestorResize,s=a===void 0?true:a,l=n.elementResize,c=l===void 0?true:l,d=n.animationFrame,f=d===void 0?false:d;var u=o&&!f;var p=u||s?__spreadArray(__spreadArray([],isElement(t)?getOverflowAncestors(t):t.contextElement?getOverflowAncestors(t.contextElement):[],true),getOverflowAncestors(e),true):[];p.forEach((function(t){u&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var g=null;if(c){g=new ResizeObserver((function(){r()}));isElement(t)&&!f&&g.observe(t);if(!isElement(t)&&t.contextElement&&!f){g.observe(t.contextElement)}g.observe(e)}var m;var h=f?getBoundingClientRect(t):null;if(f){v()}function v(){var e=getBoundingClientRect(t);if(h&&(e.x!==h.x||e.y!==h.y||e.width!==h.width||e.height!==h.height)){r()}h=e;m=requestAnimationFrame(v)}r();return function(){var t;p.forEach((function(t){u&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));(t=g)==null?void 0:t.disconnect();g=null;if(f){cancelAnimationFrame(m)}}}var computePosition=function(t,e,r){var n=new Map;var i=__assign({platform:platform},r);var o=__assign(__assign({},i.platform),{_c:n});return computePosition$1(t,e,__assign(__assign({},i),{platform:o}))};var hash=function(t){var e,r;for(e=0,r=0;e<t.length;e++){r=Math.imul(31,r)+t.charCodeAt(e)|0}return r.toString()};var setAttributeIfEmpty=function(t,e,r){var n;if(t.hasAttribute(e)){return(n=t.getAttribute(e))!==null&&n!==void 0?n:""}t.setAttribute(e,r);return r};var hashValue=function(t){return"".concat(t,"-").concat(hash(t))};var mdsDropdownCss='.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.hidden{display:none}.h-\\[100vh\\]{height:100vh}.h-\\[150vh\\]{height:150vh}.h-\\[2px\\]{height:2px}.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))}.px-0{padding-left:0px;padding-right:0px}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 0 1px rgb(0 0 0 / 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);--mds-dropdown-z-index:var(--magma-dropdown-z-index, 3000);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index)}:host([visible]:not([visible="false"])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth="false"])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow="false"])[visible]:not([visible="false"])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow="false"],[visible],[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.visibleEvent=createEvent(this,"mdsDropdownVisible",7);this.hiddenEvent=createEvent(this,"mdsDropdownHide",7);this.changedEvent=createEvent(this,"mdsDropdownChange",7);this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))";this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)";this.backdropDuration=2e3;this.backdropId="mds-dropdown-backdrop";this.km=new KeyboardManager;this.handleCloseDropdown=function(t){if(!e.visible){return}if(!e.host.contains(t.target)&&t.target!==e.caller){e.handleVisibility(false)}};this.handleVisibility=function(t){e.visible=t;e.changedEvent.emit({caller:e.caller,visible:e.visible});if(e.visible){e.visibleEvent.emit({caller:e.caller,visible:true});return}e.hiddenEvent.emit({caller:e.caller,visible:false});e.updatePosition()};this.callerOnClick=function(){e.handleVisibility(!e.visible)};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="";break}return n};this.arrowTransform=function(t){var r=e.arrow&&e.visible?"scale(1)":"scale(0)";switch(t){case"bottom":r="rotate(180deg) ".concat(r," translate(0, -100%)");break;case"left":r="rotate(-90deg) ".concat(r," translate(50%, -50%)");break;case"right":r="rotate(90deg) ".concat(r," translate(-50%, -50%)");break;case"top":r="rotate(0deg) ".concat(r," translate(0, 0)");break}return{transform:r}};this.arrowTransformOrigin=function(t){switch(t){case"bottom":return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"};default:return{transformOrigin:"center top"}}};this.updatePosition=function(){if(!e.caller)return;var t=new Array;var r={};if(e.shiftPadding){r.padding=e.shiftPadding}if(e.autoPlacement){t.push(autoPlacement())}if(e.offset){t.push(offset(e.offset))}if(!e.autoPlacement&&e.flip){t.push(flip(r))}if(e.shift){t.push(shift(r))}if(e.arrow){t.push(arrow({element:e.arrowEl,padding:e.arrowPadding}))}computePosition(e.caller,e.host,{middleware:t,placement:e.placement,strategy:e.strategy}).then((function(t){var r=t.x,n=t.y,i=t.placement,o=t.middlewareData;Object.assign(e.host.style,{left:"".concat(r,"px"),top:"".concat(n,"px")});var a={};var s={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s){Object.assign(a,e.arrowTransform(s));Object.assign(a,e.arrowInset(o,s));Object.assign(a,e.arrowTransformOrigin(s));Object.assign(e.arrowEl.style,a)}}))};this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.target=undefined;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;this.zIndex=1e3}t.prototype.attachBackdrop=function(){var t=this;if(!this.backdropEl){this.backdropEl=document.createElement("div");this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden;this.backdropEl.className=this.backdropId;this.backdropEl.style.inset="0";this.backdropEl.style.pointerEvents="none";this.backdropEl.style.position="fixed";this.backdropEl.style.transition="background-color ".concat(this.backdropDuration/1e4,"s ease-out");this.backdropEl.style.zIndex=(this.zIndex-1).toString()}document.body.appendChild(this.backdropEl);clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.style.backgroundColor=t.backdropBackgroundVisible}),1)};t.prototype.detachBackdrop=function(){var t=this;if(!this.backdropEl){return}this.backdropEl.style.backgroundColor="transparent";clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.remove()}),this.backdropDuration)};t.prototype.arrowChanged=function(){this.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.updatePosition()};t.prototype.autoPlacementChanged=function(){this.updatePosition()};t.prototype.backdropChanged=function(t){if(!this.visible){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.flipChanged=function(){this.updatePosition()};t.prototype.offsetChanged=function(){this.updatePosition()};t.prototype.placementChanged=function(){this.updatePosition()};t.prototype.shiftChanged=function(){this.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.updatePosition()};t.prototype.strategyChanged=function(){this.updatePosition()};t.prototype.visibleChanged=function(t){this.updatePosition();if(!this.backdrop){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.zIndexChanged=function(t){this.host.style.setProperty("z-index",t.toString())};t.prototype.componentWillLoad=function(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}));this.zIndexChanged(this.zIndex)};t.prototype.setAriaAttributes=function(){var t=setAttributeIfEmpty(this.host,"id",hashValue(this.target));setAttributeIfEmpty(this.caller,"aria-haspopup","true");setAttributeIfEmpty(this.caller,"aria-controls",t);setAttributeIfEmpty(this.host,"role","menu");setAttributeIfEmpty(this.host,"aria-labelledby",this.target)};t.prototype.componentDidLoad=function(){var t=this;var e;document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".arrow");var r=document.getElementById(this.target);if(!r){return}this.caller=r;this.setAriaAttributes();this.caller.addEventListener("click",this.callerOnClick.bind(this));this.km.addElement(this.host);this.km.attachEscapeBehavior((function(){return t.handleVisibility(false)}));this.backdropChanged(this.backdrop);this.updatePosition();if(!this.cleanupAutoUpdate){this.cleanupAutoUpdate=autoUpdate(this.caller,this.host,this.updatePosition)}};t.prototype.disconnectedCallback=function(){this.km.detachEscapeBehavior();this.cleanupAutoUpdate=function(){return}};t.prototype.render=function(){return h(Host,null,h("div",{class:"arrow",innerHTML:arrowSvg}),h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=mdsDropdownCss;export{MdsDropdown as mds_dropdown}; | ||
| var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,n){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?r(t.value):i(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(n=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];i=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(t,e){var r={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)r[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,n=Object.getOwnPropertySymbols(t);i<n.length;i++){if(e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i]))r[n[i]]=t[n[i]]}return r};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,o;n<i;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-56f3ad03.js";var hash=function(t){var e,r;for(e=0,r=0;e<t.length;e++){r=Math.imul(31,r)+t.charCodeAt(e)|0}return r.toString()};var setAttributeIfEmpty=function(t,e,r){var n;if(t.hasAttribute(e)){return(n=t.getAttribute(e))!==null&&n!==void 0?n:""}t.setAttribute(e,r);return r};var hashValue=function(t){return"".concat(t,"-").concat(hash(t))};var KeyboardManager=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(e,r){if(r===void 0){r="element"}t.elements[r]=e};this.attachClickBehavior=function(e){if(e===void 0){e="element"}if(t.elements[e]){t.elements[e].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(e){if(e===void 0){e="element"}if(t.elements[e]){t.elements[e].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(e){t.escapeCallback=e;if(typeof window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var cssDurationToMilliseconds=function(t,e){if(e===void 0){e=1e3}if(t.includes("s")){return Number(t.replace("s",""))*1e3}if(t.includes("ms")){return Number(t.replace("s",""))}return e};function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return t==="y"?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,r){var n=t.reference,i=t.floating;var o=n.x+n.width/2-i.width/2;var a=n.y+n.height/2-i.height/2;var s=getMainAxisFromPlacement(e);var l=getLengthFromAxis(s);var c=n[l]/2-i[l]/2;var d=getSide(e);var f=s==="x";var u;switch(d){case"top":u={x:o,y:n.y-i.height};break;case"bottom":u={x:o,y:n.y+n.height};break;case"right":u={x:n.x+n.width,y:a};break;case"left":u={x:n.x-i.width,y:a};break;default:u={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":u[s]-=c*(r&&f?-1:1);break;case"end":u[s]+=c*(r&&f?-1:1);break}return u}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,E,_,C,P,A,O;var S,R;return __generator(this,(function(T){switch(T.label){case 0:n=r.placement,i=n===void 0?"bottom":n,o=r.strategy,a=o===void 0?"absolute":o,s=r.middleware,l=s===void 0?[]:s,c=r.platform;d=l.filter(Boolean);return[4,c.isRTL==null?void 0:c.isRTL(e)];case 1:f=T.sent();return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 2:u=T.sent();p=computeCoordsFromPlacement(u,i,f),g=p.x,m=p.y;h=i;v={};b=0;w=0;T.label=3;case 3:if(!(w<d.length))return[3,11];y=d[w],x=y.name,k=y.fn;return[4,k({x:g,y:m,initialPlacement:i,placement:h,strategy:a,middlewareData:v,rects:u,platform:c,elements:{reference:t,floating:e}})];case 4:E=T.sent(),_=E.x,C=E.y,P=E.data,A=E.reset;g=_!=null?_:g;m=C!=null?C:m;v=__assign(__assign({},v),(S={},S[x]=__assign(__assign({},v[x]),P),S));if(!(A&&b<=50))return[3,10];b++;if(!(typeof A==="object"))return[3,9];if(A.placement){h=A.placement}if(!A.rects)return[3,8];if(!(A.rects===true))return[3,6];return[4,c.getElementRects({reference:t,floating:e,strategy:a})];case 5:O=T.sent();return[3,7];case 6:O=A.rects;T.label=7;case 7:u=O;T.label=8;case 8:R=computeCoordsFromPlacement(u,h,f),g=R.x,m=R.y;T.label=9;case 9:w=-1;return[3,10];case 10:w++;return[3,3];case 11:return[2,{x:g,y:m,placement:h,strategy:a,middlewareData:v}]}}))}))};function evaluate(t,e){return typeof t==="function"?t(e):t}function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getSideObjectFromPadding(t){return typeof t!=="number"?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return __assign(__assign({},t),{top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height})}function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,E,_,C,P,A,O,S,R,T,L,B,D,N;var M;return __generator(this,(function(F){switch(F.label){case 0:if(e===void 0){e={}}n=t.x,i=t.y,o=t.platform,a=t.rects,s=t.elements,l=t.strategy;c=evaluate(e,t),d=c.boundary,f=d===void 0?"clippingAncestors":d,u=c.rootBoundary,p=u===void 0?"viewport":u,g=c.elementContext,m=g===void 0?"floating":g,h=c.altBoundary,v=h===void 0?false:h,b=c.padding,w=b===void 0?0:b;y=getSideObjectFromPadding(w);x=m==="floating"?"reference":"floating";k=s[v?x:m];_=rectToClientRect;P=(C=o).getClippingRect;M={};return[4,o.isElement==null?void 0:o.isElement(k)];case 1:if(!((r=F.sent())!=null?r:true))return[3,2];A=k;return[3,5];case 2:O=k.contextElement;if(O)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:O=F.sent();F.label=4;case 4:A=O;F.label=5;case 5:return[4,P.apply(C,[(M.element=A,M.boundary=f,M.rootBoundary=p,M.strategy=l,M)])];case 6:E=_.apply(void 0,[F.sent()]);S=m==="floating"?__assign(__assign({},a.floating),{x:n,y:i}):a.reference;return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)];case 7:R=F.sent();return[4,o.isElement==null?void 0:o.isElement(R)];case 8:if(!F.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(R)];case 9:L=F.sent()||{x:1,y:1};return[3,11];case 10:L={x:1,y:1};F.label=11;case 11:T=L;D=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:S,offsetParent:R,strategy:l})];case 12:N=F.sent();return[3,14];case 13:N=S;F.label=14;case 14:B=D.apply(void 0,[N]);return[2,{top:(E.top-B.top+y.top)/T.y,bottom:(B.bottom-E.bottom+y.bottom)/T.y,left:(E.left-B.left+y.left)/T.x,right:(B.right-E.right+y.right)/T.x}]}}))}))}var min$1=Math.min;var max$1=Math.max;function within(t,e,r){return max$1(t,min$1(e,r))}var arrow=function(t){return{name:"arrow",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,E,_,C,P,A,O,S,R,T,L,B,D,N;var M,F;return __generator(this,(function(z){switch(z.label){case 0:r=e.x,n=e.y,i=e.placement,o=e.rects,a=e.platform,s=e.elements;l=evaluate(t,e)||{},c=l.element,d=l.padding,f=d===void 0?0:d;if(c==null){return[2,{}]}u=getSideObjectFromPadding(f);p={x:r,y:n};g=getMainAxisFromPlacement(i);m=getLengthFromAxis(g);return[4,a.getDimensions(c)];case 1:h=z.sent();v=g==="y";b=v?"top":"left";w=v?"bottom":"right";y=v?"clientHeight":"clientWidth";x=o.reference[m]+o.reference[g]-p[g]-o.floating[m];k=p[g]-o.reference[g];return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(c)];case 2:E=z.sent();_=E?E[y]:0;C=!_;if(C)return[3,4];return[4,a.isElement==null?void 0:a.isElement(E)];case 3:C=!z.sent();z.label=4;case 4:if(C){_=s.floating[y]||o.floating[m]}P=x/2-k/2;A=_/2-h[m]/2-1;O=min$1(u[b],A);S=min$1(u[w],A);R=O;T=_-h[m]-S;L=_/2-h[m]/2+P;B=within(R,L,T);D=getAlignment(i)!=null&&L!=B&&o.reference[m]/2-(L<R?O:S)-h[m]/2<0;N=D?L<R?R-L:T-L:0;return[2,(M={},M[g]=p[g]-N,M.data=(F={},F[g]=B,F.centerOffset=L-B+N,F),M)]}}))}))}}};var sides=["top","right","bottom","left"];var allPlacements=sides.reduce((function(t,e){return t.concat(e,e+"-start",e+"-end")}),[]);var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return oppositeSideMap[t]}))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var i=getMainAxisFromPlacement(t);var o=getLengthFromAxis(i);var a=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){a=getOppositePlacement(a)}return{main:a,cross:getOppositePlacement(a)}}var oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return oppositeAlignmentMap[t]}))}function getPlacementList(t,e,r){var n=t?__spreadArray(__spreadArray([],r.filter((function(e){return getAlignment(e)===t})),true),r.filter((function(e){return getAlignment(e)!==t})),true):r.filter((function(t){return getSide(t)===t}));return n.filter((function(r){if(t){return getAlignment(r)===t||(e?getOppositeAlignmentPlacement(r)!==r:false)}return true}))}var autoPlacement=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,E,_,C,P,A,O,S,R,T,L,B;return __generator(this,(function(D){switch(D.label){case 0:o=e.rects,a=e.middlewareData,s=e.placement,l=e.platform,c=e.elements;d=evaluate(t,e),f=d.crossAxis,u=f===void 0?false:f,p=d.alignment,g=d.allowedPlacements,m=g===void 0?allPlacements:g,h=d.autoAlignment,v=h===void 0?true:h,b=__rest(d,["crossAxis","alignment","allowedPlacements","autoAlignment"]);w=p!==undefined||m===allPlacements?getPlacementList(p||null,v,m):m;return[4,detectOverflow(e,b)];case 1:y=D.sent();x=((r=a.autoPlacement)==null?void 0:r.index)||0;k=w[x];if(k==null){return[2,{}]}P=getAlignmentSides;A=[k,o];return[4,l.isRTL==null?void 0:l.isRTL(c.floating)];case 2:E=P.apply(void 0,A.concat([D.sent()])),_=E.main,C=E.cross;if(s!==k){return[2,{reset:{placement:w[0]}}]}O=[y[getSide(k)],y[_],y[C]];S=__spreadArray(__spreadArray([],((n=a.autoPlacement)==null?void 0:n.overflows)||[],true),[{placement:k,overflows:O}],false);R=w[x+1];if(R){return[2,{data:{index:x+1,overflows:S},reset:{placement:R}}]}T=S.map((function(t){var e=getAlignment(t.placement);return[t.placement,e&&u?t.overflows.slice(0,2).reduce((function(t,e){return t+e}),0):t.overflows[0],t.overflows]})).sort((function(t,e){return t[1]-e[1]}));L=T.filter((function(t){return t[2].slice(0,getAlignment(t[0])?2:3).every((function(t){return t<=0}))}));B=((i=L[0])==null?void 0:i[0])||T[0][0];if(B!==s){return[2,{data:{index:x+1,overflows:S},reset:{placement:B}}]}return[2,{}]}}))}))}}};function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,r){var n=["left","right"];var i=["right","left"];var o=["top","bottom"];var a=["bottom","top"];switch(t){case"top":case"bottom":if(r)return e?i:n;return e?n:i;case"left":case"right":return e?o:a;default:return[]}}function getOppositeAxisPlacements(t,e,r,n){var i=getAlignment(t);var o=getSideList(getSide(t),r==="start",n);if(i){o=o.map((function(t){return t+"-"+i}));if(e){o=o.concat(o.map(getOppositeAlignmentPlacement))}}return o}var flip=function(t){if(t===void 0){t={}}return{name:"flip",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,E,_,C,P,A,O,S,R,T,L,B,D,N,M,F,z,H;return __generator(this,(function(I){switch(I.label){case 0:n=e.placement,i=e.middlewareData,o=e.rects,a=e.initialPlacement,s=e.platform,l=e.elements;c=evaluate(t,e),d=c.mainAxis,f=d===void 0?true:d,u=c.crossAxis,p=u===void 0?true:u,g=c.fallbackPlacements,m=c.fallbackStrategy,h=m===void 0?"bestFit":m,v=c.fallbackAxisSideDirection,b=v===void 0?"none":v,w=c.flipAlignment,y=w===void 0?true:w,x=__rest(c,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);k=getSide(n);E=getSide(a)===a;return[4,s.isRTL==null?void 0:s.isRTL(l.floating)];case 1:_=I.sent();C=g||(E||!y?[getOppositePlacement(a)]:getExpandedPlacements(a));if(!g&&b!=="none"){C.push.apply(C,getOppositeAxisPlacements(a,y,b,_))}P=__spreadArray([a],C,true);return[4,detectOverflow(e,x)];case 2:A=I.sent();O=[];S=((r=i.flip)==null?void 0:r.overflows)||[];if(f){O.push(A[k])}if(p){R=getAlignmentSides(n,o,_),T=R.main,L=R.cross;O.push(A[T],A[L])}S=__spreadArray(__spreadArray([],S,true),[{placement:n,overflows:O}],false);if(!O.every((function(t){return t<=0}))){N=(((B=i.flip)==null?void 0:B.index)||0)+1;M=P[N];if(M){return[2,{data:{index:N,overflows:S},reset:{placement:M}}]}F=(D=S.filter((function(t){return t.overflows[0]<=0})).sort((function(t,e){return t.overflows[1]-e.overflows[1]}))[0])==null?void 0:D.placement;if(!F){switch(h){case"bestFit":{H=(z=S.map((function(t){return[t.placement,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:z[0];if(H){F=H}break}case"initialPlacement":F=a;break}}if(n!==F){return[2,{reset:{placement:F}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m;return __generator(this,(function(h){switch(h.label){case 0:r=t.placement,n=t.platform,i=t.elements;return[4,n.isRTL==null?void 0:n.isRTL(i.floating)];case 1:o=h.sent();a=getSide(r);s=getAlignment(r);l=getMainAxisFromPlacement(r)==="x";c=["left","top"].includes(a)?-1:1;d=o&&l?-1:1;f=evaluate(e,t);u=typeof f==="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},f),p=u.mainAxis,g=u.crossAxis,m=u.alignmentAxis;if(s&&typeof m==="number"){g=s==="end"?m*-1:m}return[2,l?{x:g*d,y:p*c}:{x:p*c,y:g*d}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i;return __generator(this,(function(o){switch(o.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:i=o.sent();return[2,{x:r+i.x,y:n+i.y,data:i}]}}))}))}}};function getCrossAxis(t){return t==="x"?"y":"x"}var shift=function(t){if(t===void 0){t={}}return{name:"shift",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,l,c,d,f,u,p,g,m,h,v,b,w,y,x,k,w,y,E,_,C;var P;return __generator(this,(function(A){switch(A.label){case 0:r=e.x,n=e.y,i=e.placement;o=evaluate(t,e),a=o.mainAxis,s=a===void 0?true:a,l=o.crossAxis,c=l===void 0?false:l,d=o.limiter,f=d===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:d,u=__rest(o,["mainAxis","crossAxis","limiter"]);p={x:r,y:n};return[4,detectOverflow(e,u)];case 1:g=A.sent();m=getMainAxisFromPlacement(getSide(i));h=getCrossAxis(m);v=p[m];b=p[h];if(s){w=m==="y"?"top":"left";y=m==="y"?"bottom":"right";x=v+g[w];k=v-g[y];v=within(x,v,k)}if(c){w=h==="y"?"top":"left";y=h==="y"?"bottom":"right";E=b+g[w];_=b-g[y];b=within(E,b,_)}C=f.fn(__assign(__assign({},e),(P={},P[m]=v,P[h]=b,P)));return[2,__assign(__assign({},C),{data:{x:C.x-r,y:C.y-n}})]}}))}))}}};function getWindow(t){var e;return((e=t.ownerDocument)==null?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function isNode(t){return t instanceof getWindow(t).Node}function getNodeName(t){if(isNode(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isShadowRoot(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot}function isOverflowElement(t){var e=getComputedStyle$1(t),r=e.overflow,n=e.overflowX,i=e.overflowY,o=e.display;return/auto|scroll|overlay|hidden|clip/.test(r+i+n)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=isSafari();var r=getComputedStyle$1(t);return r.transform!=="none"||r.perspective!=="none"||!e&&(r.backdropFilter?r.backdropFilter!=="none":false)||!e&&(r.filter?r.filter!=="none":false)||["transform","perspective","filter"].some((function(t){return(r.willChange||"").includes(t)}))||["paint","layout","strict","content"].some((function(t){return(r.contain||"").includes(t)}))}function isSafari(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}var min=Math.min;var max=Math.max;var round=Math.round;var floor=Math.floor;var createEmptyCoords=function(t){return{x:t,y:t}};function getCssDimensions(t){var e=getComputedStyle$1(t);var r=parseFloat(e.width)||0;var n=parseFloat(e.height)||0;var i=isHTMLElement(t);var o=i?t.offsetWidth:r;var a=i?t.offsetHeight:n;var s=round(r)!==o||round(n)!==a;if(s){r=o;n=a}return{width:r,height:n,$:s}}function unwrapElement(t){return!isElement(t)?t.contextElement:t}function getScale(t){var e=unwrapElement(t);if(!isHTMLElement(e)){return createEmptyCoords(1)}var r=e.getBoundingClientRect();var n=getCssDimensions(e),i=n.width,o=n.height,a=n.$;var s=(a?round(r.width):r.width)/i;var l=(a?round(r.height):r.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!l||!Number.isFinite(l)){l=1}return{x:s,y:l}}var noOffsets=createEmptyCoords(0);function getVisualOffsets(t,e,r){var n,i;if(e===void 0){e=true}if(!isSafari()){return noOffsets}var o=t?getWindow(t):window;if(!r||e&&r!==o){return noOffsets}return{x:((n=o.visualViewport)==null?void 0:n.offsetLeft)||0,y:((i=o.visualViewport)==null?void 0:i.offsetTop)||0}}function getBoundingClientRect(t,e,r,n){if(e===void 0){e=false}if(r===void 0){r=false}var i=t.getBoundingClientRect();var o=unwrapElement(t);var a=createEmptyCoords(1);if(e){if(n){if(isElement(n)){a=getScale(n)}}else{a=getScale(t)}}var s=getVisualOffsets(o,r,n);var l=(i.left+s.x)/a.x;var c=(i.top+s.y)/a.y;var d=i.width/a.x;var f=i.height/a.y;if(o){var u=getWindow(o);var p=n&&isElement(n)?getWindow(n):n;var g=u.frameElement;while(g&&n&&p!==u){var m=getScale(g);var h=g.getBoundingClientRect();var v=getComputedStyle(g);var b=h.left+(g.clientLeft+parseFloat(v.paddingLeft))*m.x;var w=h.top+(g.clientTop+parseFloat(v.paddingTop))*m.y;l*=m.x;c*=m.y;d*=m.x;f*=m.y;l+=b;c+=w;g=getWindow(g).frameElement}}return rectToClientRect({width:d,height:f,x:l,y:c})}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 convertOffsetParentRelativeRectToViewportRelativeRect(t){var e=t.rect,r=t.offsetParent,n=t.strategy;var i=isHTMLElement(r);var o=getDocumentElement(r);if(r===o){return e}var a={scrollLeft:0,scrollTop:0};var s=createEmptyCoords(1);var l=createEmptyCoords(0);if(i||!i&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(o)){a=getNodeScroll(r)}if(isHTMLElement(r)){var c=getBoundingClientRect(r);s=getScale(r);l.x=c.x+r.clientLeft;l.y=c.y+r.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){var e=getDocumentElement(t);var r=getNodeScroll(t);var n=t.ownerDocument.body;var i=max(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth);var o=max(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);var a=-r.scrollLeft+getWindowScrollBarX(t);var s=-r.scrollTop;if(getComputedStyle$1(n).direction==="rtl"){a+=max(e.clientWidth,n.clientWidth)-i}return{width:i,height:o,x:a,y:s}}function getParentNode(t){if(getNodeName(t)==="html"){return t}var e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){var e=getParentNode(t);if(isLastTraversableNode(e)){return t.ownerDocument?t.ownerDocument.body:t.body}if(isHTMLElement(e)&&isOverflowElement(e)){return e}return getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var r;if(e===void 0){e=[]}var n=getNearestOverflowAncestor(t);var i=n===((r=t.ownerDocument)==null?void 0:r.body);var o=getWindow(n);if(i){return e.concat(o,o.visualViewport||[],isOverflowElement(n)?n:[])}return e.concat(n,getOverflowAncestors(n))}function getViewportRect(t,e){var r=getWindow(t);var n=getDocumentElement(t);var i=r.visualViewport;var o=n.clientWidth;var a=n.clientHeight;var s=0;var l=0;if(i){o=i.width;a=i.height;var c=isSafari();if(!c||c&&e==="fixed"){s=i.offsetLeft;l=i.offsetTop}}return{width:o,height:a,x:s,y:l}}function getInnerBoundingClientRect(t,e){var r=getBoundingClientRect(t,true,e==="fixed");var n=r.top+t.clientTop;var i=r.left+t.clientLeft;var o=isHTMLElement(t)?getScale(t):createEmptyCoords(1);var a=t.clientWidth*o.x;var s=t.clientHeight*o.y;var l=i*o.x;var c=n*o.y;return{width:a,height:s,x:l,y:c}}function getClientRectFromClippingAncestor(t,e,r){var n;if(e==="viewport"){n=getViewportRect(t,r)}else if(e==="document"){n=getDocumentRect(getDocumentElement(t))}else if(isElement(e)){n=getInnerBoundingClientRect(e,r)}else{var i=getVisualOffsets(t);n=__assign(__assign({},e),{x:e.x-i.x,y:e.y-i.y})}return rectToClientRect(n)}function hasFixedPositionAncestor(t,e){var r=getParentNode(t);if(r===e||!isElement(r)||isLastTraversableNode(r)){return false}return getComputedStyle$1(r).position==="fixed"||hasFixedPositionAncestor(r,e)}function getClippingElementAncestors(t,e){var r=e.get(t);if(r){return r}var n=getOverflowAncestors(t).filter((function(t){return isElement(t)&&getNodeName(t)!=="body"}));var i=null;var o=getComputedStyle$1(t).position==="fixed";var a=o?getParentNode(t):t;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle$1(a);var l=isContainingBlock(a);if(!l&&s.position==="fixed"){i=null}var c=o?!l&&!i:!l&&s.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(a)&&!l&&hasFixedPositionAncestor(t,a);if(c){n=n.filter((function(t){return t!==a}))}else{i=s}a=getParentNode(a)}e.set(t,n);return n}function getClippingRect(t){var e=t.element,r=t.boundary,n=t.rootBoundary,i=t.strategy;var o=r==="clippingAncestors"?getClippingElementAncestors(e,this._c):[].concat(r);var a=__spreadArray(__spreadArray([],o,true),[n],false);var s=a[0];var l=a.reduce((function(t,r){var n=getClientRectFromClippingAncestor(e,r,i);t.top=max(n.top,t.top);t.right=min(n.right,t.right);t.bottom=min(n.bottom,t.bottom);t.left=max(n.left,t.left);return t}),getClientRectFromClippingAncestor(e,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function getDimensions(t){return getCssDimensions(t)}function getTrueOffsetParent(t,e){if(!isHTMLElement(t)||getComputedStyle$1(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function getContainingBlock(t){var e=getParentNode(t);while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{e=getParentNode(e)}}return null}function getOffsetParent(t,e){var r=getWindow(t);if(!isHTMLElement(t)){return r}var n=getTrueOffsetParent(t,e);while(n&&isTableElement(n)&&getComputedStyle$1(n).position==="static"){n=getTrueOffsetParent(n,e)}if(n&&(getNodeName(n)==="html"||getNodeName(n)==="body"&&getComputedStyle$1(n).position==="static"&&!isContainingBlock(n))){return r}return n||getContainingBlock(t)||r}function getRectRelativeToOffsetParent(t,e,r){var n=isHTMLElement(e);var i=getDocumentElement(e);var o=r==="fixed";var a=getBoundingClientRect(t,true,o,e);var s={scrollLeft:0,scrollTop:0};var l=createEmptyCoords(0);if(n||!n&&!o){if(getNodeName(e)!=="body"||isOverflowElement(i)){s=getNodeScroll(e)}if(isHTMLElement(e)){var c=getBoundingClientRect(e,true,o,e);l.x=c.x+e.clientLeft;l.y=c.y+e.clientTop}else if(i){l.x=getWindowScrollBarX(i)}}return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}var platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,getElementRects:function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,n,i,o,a,s,l;var c;return __generator(this,(function(d){switch(d.label){case 0:e=t.reference,r=t.floating,n=t.strategy;i=this.getOffsetParent||getOffsetParent;o=this.getDimensions;c={};a=getRectRelativeToOffsetParent;s=[e];return[4,i(r)];case 1:c.reference=a.apply(void 0,s.concat([d.sent(),n]));l=[{x:0,y:0}];return[4,o(r)];case 2:return[2,(c.floating=__assign.apply(void 0,l.concat([d.sent()])),c)]}}))}))},getClientRects:function(t){return Array.from(t.getClientRects())},isRTL:function(t){return getComputedStyle$1(t).direction==="rtl"}};function observeMove(t,e){var r=null;var n;var i=getDocumentElement(t);function o(){clearTimeout(n);r&&r.disconnect();r=null}function a(s,l){if(s===void 0){s=false}if(l===void 0){l=1}o();var c=t.getBoundingClientRect(),d=c.left,f=c.top,u=c.width,p=c.height;if(!s){e()}if(!u||!p){return}var g=floor(f);var m=floor(i.clientWidth-(d+u));var h=floor(i.clientHeight-(f+p));var v=floor(d);var b=-g+"px "+-m+"px "+-h+"px "+-v+"px";var w=true;r=new IntersectionObserver((function(t){var e=t[0].intersectionRatio;if(e!==l){if(!w){return a()}if(e===0){n=setTimeout((function(){a(false,1e-7)}),100)}else{a(false,e)}}w=false}),{rootMargin:b,threshold:l});r.observe(t)}a(true);return o}function autoUpdate(t,e,r,n){if(n===void 0){n={}}var i=n.ancestorScroll,o=i===void 0?true:i,a=n.ancestorResize,s=a===void 0?true:a,l=n.elementResize,c=l===void 0?true:l,d=n.layoutShift,f=d===void 0?typeof IntersectionObserver==="function":d,u=n.animationFrame,p=u===void 0?false:u;var g=unwrapElement(t);var m=o||s?__spreadArray(__spreadArray([],g?getOverflowAncestors(g):[],true),getOverflowAncestors(e),true):[];m.forEach((function(t){o&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var h=g&&f?observeMove(g,r):null;var v=null;if(c){v=new ResizeObserver(r);if(g&&!p){v.observe(g)}v.observe(e)}var b;var w=p?getBoundingClientRect(t):null;if(p){y()}function y(){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)}r();return function(){m.forEach((function(t){o&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));h&&h();v&&v.disconnect();v=null;if(p){cancelAnimationFrame(b)}}}var computePosition=function(t,e,r){var n=new Map;var i=__assign({platform:platform},r);var o=__assign(__assign({},i.platform),{_c:n});return computePosition$1(t,e,__assign(__assign({},i),{platform:o}))};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}.mb-1{margin-bottom:0.25rem}.mt-\\[25vh\\]{margin-top:25vh}.flex{display:-ms-flexbox;display:flex}.hidden{display:none}.h-\\[100vh\\]{height:100vh}.h-\\[150vh\\]{height:150vh}.h-\\[2px\\]{height:2px}.w-10{width:2.5rem}.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}.gap-2{gap:0.5rem}.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))}.px-0{padding-left:0px;padding-right:0px}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}.ease-out{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background);--mds-dropdown-backdrop-duration:200ms;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index, 3000);--mds-dropdown-background:rgb(var(--tone-neutral));--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 0 1px rgb(0 0 0 / 0.1));--mds-dropdown-duration:0.5s;--mds-dropdown-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-dropdown-transform-from:scale(0.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0, 0);--mds-dropdown-z-index:var(--magma-dropdown-z-index, 4000);pointer-events:none;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);-webkit-transform:var(--mds-dropdown-transform-from);transform:var(--mds-dropdown-transform-from);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, -webkit-transform, -webkit-transform-origin;transition-property:opacity, transform, transform-origin;transition-property:opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index)}:host([visible]:not([visible="false"])){pointer-events:auto;opacity:1;-webkit-transform:var(--mds-dropdown-transform-to);transform:var(--mds-dropdown-transform-to)}:host([smooth]:not([smooth="false"])){-webkit-transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin;transition-property:bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}.arrow{pointer-events:none;position:fixed;top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);-webkit-transition-duration:var(--mds-dropdown-duration);transition-duration:var(--mds-dropdown-duration);-webkit-transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, -webkit-transform, -webkit-transform-origin;transition-property:bottom, left, right, top, transform, transform-origin;transition-property:bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin}:host([arrow]:not([arrow="false"])[visible]:not([visible="false"])) .arrow{-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}:host([arrow]:not([arrow="false"],[visible],[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.visibleEvent=createEvent(this,"mdsDropdownVisible",7);this.hiddenEvent=createEvent(this,"mdsDropdownHide",7);this.changedEvent=createEvent(this,"mdsDropdownChange",7);this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))";this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)";this.backdropId="mds-dropdown-backdrop";this.km=new KeyboardManager;this.handleCloseDropdown=function(t){if(!e.visible){return}if(!e.host.contains(t.target)&&t.target!==e.caller){e.handleVisibility(false)}};this.handleVisibility=function(t){e.visible=t;e.changedEvent.emit({caller:e.caller,visible:e.visible});if(e.visible){e.visibleEvent.emit({caller:e.caller,visible:true});return}e.hiddenEvent.emit({caller:e.caller,visible:false});e.updatePosition()};this.callerOnClick=function(){e.handleVisibility(!e.visible)};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="";break}return n};this.arrowTransform=function(t){var r=e.arrow&&e.visible?"scale(1)":"scale(0)";switch(t){case"bottom":r="rotate(180deg) ".concat(r," translate(0, -100%)");break;case"left":r="rotate(-90deg) ".concat(r," translate(50%, -50%)");break;case"right":r="rotate(90deg) ".concat(r," translate(-50%, -50%)");break;case"top":r="rotate(0deg) ".concat(r," translate(0, 0)");break}return{transform:r}};this.arrowTransformOrigin=function(t){switch(t){case"bottom":return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"};default:return{transformOrigin:"center top"}}};this.updatePosition=function(){if(!e.caller)return;var t=new Array;var r={};if(e.shiftPadding){r.padding=e.shiftPadding}if(e.autoPlacement){t.push(autoPlacement())}if(e.offset){t.push(offset(e.offset))}if(!e.autoPlacement&&e.flip){t.push(flip(r))}if(e.shift){t.push(shift(r))}if(e.arrow){t.push(arrow({element:e.arrowEl,padding:e.arrowPadding}))}computePosition(e.caller,e.host,{middleware:t,placement:e.placement,strategy:e.strategy}).then((function(t){var r=t.x,n=t.y,i=t.placement,o=t.middlewareData;Object.assign(e.host.style,{left:"".concat(r,"px"),top:"".concat(n,"px")});var a={};var s={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s){Object.assign(a,e.arrowTransform(s));Object.assign(a,e.arrowInset(o,s));Object.assign(a,e.arrowTransformOrigin(s));Object.assign(e.arrowEl.style,a)}}))};this.updateCSSCustomProps=function(){var t=window.getComputedStyle(e.host);e.cssBackdropDuration=t.getPropertyValue("--mds-dropdown-backdrop-duration");e.cssBackdropZIndex=t.getPropertyValue("--mds-dropdown-backdrop-z-index")};this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.target=undefined;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;this.zIndex=undefined}t.prototype.attachBackdrop=function(){var t=this;if(!this.backdropEl){this.backdropEl=document.createElement("div");this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden;this.backdropEl.className=this.backdropId;this.backdropEl.style.inset="0";this.backdropEl.style.pointerEvents="none";this.backdropEl.style.position="fixed";this.backdropEl.style.transition="background-color ".concat(this.cssBackdropDuration," ease-out");this.backdropEl.style.zIndex=this.cssBackdropZIndex;console.log("backdrop-z-index",this.cssBackdropZIndex)}document.body.appendChild(this.backdropEl);clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.style.backgroundColor=t.backdropBackgroundVisible}),1)};t.prototype.detachBackdrop=function(){var t=this;if(!this.backdropEl){return}this.backdropEl.style.backgroundColor="transparent";clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){t.backdropEl.remove()}),cssDurationToMilliseconds(this.cssBackdropDuration))};t.prototype.arrowChanged=function(){this.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.updatePosition()};t.prototype.autoPlacementChanged=function(){this.updatePosition()};t.prototype.backdropChanged=function(t){if(!this.visible){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.flipChanged=function(){this.updatePosition()};t.prototype.offsetChanged=function(){this.updatePosition()};t.prototype.placementChanged=function(){this.updatePosition()};t.prototype.shiftChanged=function(){this.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.updatePosition()};t.prototype.strategyChanged=function(){this.updatePosition()};t.prototype.visibleChanged=function(t){this.updatePosition();if(!this.backdrop){return}if(t){this.attachBackdrop();return}this.detachBackdrop()};t.prototype.zIndexChanged=function(t){if(t){this.host.style.setProperty("z-index",t.toString())}};t.prototype.componentWillLoad=function(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(t){t.remove()}));this.zIndexChanged(this.zIndex)};t.prototype.setAriaAttributes=function(){var t=setAttributeIfEmpty(this.host,"id",hashValue(this.target));setAttributeIfEmpty(this.caller,"aria-haspopup","true");setAttributeIfEmpty(this.caller,"aria-controls",t);setAttributeIfEmpty(this.host,"role","menu");setAttributeIfEmpty(this.host,"aria-labelledby",this.target)};t.prototype.componentDidLoad=function(){var t=this;var e;this.updateCSSCustomProps();document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".arrow");var r=document.getElementById(this.target);if(!r){return}this.caller=r;this.setAriaAttributes();this.caller.addEventListener("click",this.callerOnClick.bind(this));this.km.addElement(this.host);this.km.attachEscapeBehavior((function(){return t.handleVisibility(false)}));this.backdropChanged(this.backdrop);this.updatePosition();if(!this.cleanupAutoUpdate){this.cleanupAutoUpdate=autoUpdate(this.caller,this.host,this.updatePosition)}};t.prototype.disconnectedCallback=function(){this.detachBackdrop();this.km.detachEscapeBehavior();this.cleanupAutoUpdate=function(){return}};t.prototype.render=function(){return h(Host,null,h("div",{class:"arrow",innerHTML:arrowSvg}),h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=mdsDropdownCss;export{MdsDropdown as mds_dropdown}; |
@@ -1,1 +0,1 @@ | ||
| import{p as e,b as t}from"./p-664e0918.js";export{s as setNonce}from"./p-664e0918.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-dec3d1b6",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e))); | ||
| import{p as e,b as t}from"./p-664e0918.js";export{s as setNonce}from"./p-664e0918.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-b7e9de79",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
| System.register(["./p-c7c2fb13.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-149cc6c8.system",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e)}))}}})); | ||
| System.register(["./p-c7c2fb13.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-899f22e3.system",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e)}))}}})); |
| { | ||
| "timestamp": "2023-04-14T10:15:54", | ||
| "timestamp": "2023-06-23T10:11:39", | ||
| "compiler": { | ||
@@ -12,10 +12,11 @@ "name": "node", | ||
| "entries": 1, | ||
| "bundles": 66, | ||
| "bundles": 67, | ||
| "outputs": [ | ||
| { | ||
| "name": "dist-collection", | ||
| "files": 25, | ||
| "files": 26, | ||
| "generatedFiles": [ | ||
| "./dist/collection/common/aria.js", | ||
| "./dist/collection/common/keyboard-manager.js", | ||
| "./dist/collection/common/unit.js", | ||
| "./dist/collection/components/mds-dropdown/mds-dropdown.js", | ||
@@ -80,17 +81,17 @@ "./dist/collection/components/mds-dropdown/meta/event-detail.js", | ||
| "./dist/mds-dropdown/mds-dropdown.js", | ||
| "./dist/mds-dropdown/p-149cc6c8.system.entry.js", | ||
| "./dist/mds-dropdown/p-50ea2036.system.js", | ||
| "./dist/mds-dropdown/p-664e0918.js", | ||
| "./dist/mds-dropdown/p-899f22e3.system.entry.js", | ||
| "./dist/mds-dropdown/p-9d3d2d66.system.js", | ||
| "./dist/mds-dropdown/p-b7e9de79.entry.js", | ||
| "./dist/mds-dropdown/p-c7c2fb13.system.js", | ||
| "./dist/mds-dropdown/p-dec3d1b6.entry.js", | ||
| "./www/build/index.esm.js", | ||
| "./www/build/mds-dropdown.esm.js", | ||
| "./www/build/mds-dropdown.js", | ||
| "./www/build/p-149cc6c8.system.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-664e0918.js", | ||
| "./www/build/p-899f22e3.system.entry.js", | ||
| "./www/build/p-9d3d2d66.system.js", | ||
| "./www/build/p-c7c2fb13.system.js", | ||
| "./www/build/p-dec3d1b6.entry.js" | ||
| "./www/build/p-b7e9de79.entry.js", | ||
| "./www/build/p-c7c2fb13.system.js" | ||
| ] | ||
@@ -128,8 +129,8 @@ }, | ||
| ], | ||
| "bundleId": "p-dec3d1b6", | ||
| "fileName": "p-dec3d1b6.entry.js", | ||
| "bundleId": "p-b7e9de79", | ||
| "fileName": "p-b7e9de79.entry.js", | ||
| "imports": [ | ||
| "p-664e0918.js" | ||
| ], | ||
| "originalByteSize": 64374 | ||
| "originalByteSize": 66859 | ||
| } | ||
@@ -148,3 +149,3 @@ ], | ||
| ], | ||
| "originalByteSize": 64378 | ||
| "originalByteSize": 66863 | ||
| } | ||
@@ -163,3 +164,3 @@ ], | ||
| ], | ||
| "originalByteSize": 64378 | ||
| "originalByteSize": 66863 | ||
| } | ||
@@ -173,8 +174,8 @@ ], | ||
| ], | ||
| "bundleId": "p-149cc6c8.system", | ||
| "fileName": "p-149cc6c8.system.entry.js", | ||
| "bundleId": "p-899f22e3.system", | ||
| "fileName": "p-899f22e3.system.entry.js", | ||
| "imports": [ | ||
| "p-c7c2fb13.system.js" | ||
| ], | ||
| "originalByteSize": 74830 | ||
| "originalByteSize": 77723 | ||
| } | ||
@@ -193,3 +194,3 @@ ], | ||
| ], | ||
| "originalByteSize": 64443 | ||
| "originalByteSize": 66928 | ||
| } | ||
@@ -568,3 +569,2 @@ ] | ||
| "optional": false, | ||
| "defaultValue": "1000", | ||
| "complexType": { | ||
@@ -875,3 +875,2 @@ "original": "number", | ||
| "optional": false, | ||
| "defaultValue": "1000", | ||
| "complexType": { | ||
@@ -1042,2 +1041,12 @@ "original": "number", | ||
| { | ||
| "name": "--mds-dropdown-backdrop-duration", | ||
| "docs": "Sets the transition duration of the backdrop, used by component's code too.", | ||
| "annotation": "prop" | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-backdrop-z-indx", | ||
| "docs": "Sets the backdrop z-index, used by component's code too.", | ||
| "annotation": "prop" | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-drop-shadow", | ||
@@ -1154,2 +1163,3 @@ "docs": "Sets the drop-shadow of the dropdown.", | ||
| "./src/common/keyboard-manager.ts": [], | ||
| "./src/common/unit.ts": [], | ||
| "./src/components/mds-dropdown/mds-dropdown.tsx": [ | ||
@@ -1156,0 +1166,0 @@ "./src/components/mds-dropdown/assets/arrow.svg" |
@@ -8,3 +8,4 @@ import { EventEmitter } from '../../stencil-public-runtime'; | ||
| private backdropBackgroundHidden; | ||
| private backdropDuration; | ||
| private cssBackdropDuration; | ||
| private cssBackdropZIndex; | ||
| private backdropEl; | ||
@@ -106,2 +107,3 @@ private backdropId; | ||
| zIndexChanged(newValue: number): void; | ||
| private updateCSSCustomProps; | ||
| componentWillLoad(): void; | ||
@@ -108,0 +110,0 @@ private setAriaAttributes; |
@@ -100,2 +100,2 @@ declare const _default: { | ||
| export declare const Strategy: any; | ||
| export declare const Visible: any; | ||
| export declare const NestedBestPractice: any; |
| declare const buttonVariantDictionary: string[]; | ||
| declare const buttonToneVariantDictionary: string[]; | ||
| declare const buttonTargetDictionary: string[]; | ||
| declare const buttonSizeDictionary: string[]; | ||
| declare const buttonIconPositionDictionary: string[]; | ||
| export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, }; | ||
| export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, }; |
@@ -7,4 +7,5 @@ declare const themeVariantDictionary: string[]; | ||
| declare const toneVariantDictionary: string[]; | ||
| declare const toneActionVariantDictionary: string[]; | ||
| declare const toneSimpleVariantDictionary: string[]; | ||
| declare const toneMinimalVariantDictionary: string[]; | ||
| export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; | ||
| export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; |
| export type ButtonType = 'a' | 'button' | 'reset' | 'submit'; | ||
| export type ButtonTargetType = 'self' | 'blank'; | ||
| export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl'; | ||
| export type ButtonIconPositionType = 'left' | 'right'; | ||
| export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning'; |
@@ -8,4 +8,5 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning'; | ||
| export type StateVariantType = 'disabled' | 'focused' | 'readonly'; | ||
| export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet'; | ||
| export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet'; | ||
| export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet'; | ||
| export type ToneMinimalVariantType = 'strong' | 'weak'; |
| { | ||
| "timestamp": "2023-04-14T09:57:39", | ||
| "timestamp": "2023-06-23T10:05:29", | ||
| "compiler": { | ||
@@ -13,3 +13,3 @@ "name": "@stencil/core", | ||
| "tag": "mds-dropdown", | ||
| "readme": "# mds-dropdown\n\n\n", | ||
| "readme": "# mds-dropdown\n\n### Best practices of usage\n\nThere are many situations where the component should be placed on the surface of the document:\n\n```html\n<body>\n <mds-dropdown target=\"ui-content\">\n <mds-text>Dropdown contents</mds-text>\n </mds-dropdown>\n <div>\n <mds-text>Deep contents</mds-text>\n <div>\n <mds-text id=\"ui-content\">Deeper contents</mds-text>\n </div>\n </div>\n</body>\n```\n\nThe next use case couldn't be rendered correctly depending by relative/absolute/etc. positioning and `strategy` attribute mix.\n\n```html\n<body>\n <div>\n <mds-text>Deep contents</mds-text>\n <div>\n <mds-text id=\"ui-content\">Deeper contents</mds-text>\n <mds-dropdown target=\"ui-content\">\n <mds-text>Dropdown contents</mds-text>\n </mds-dropdown>\n </div>\n </div>\n</body>\n```\n\nAffected problems:\n\n- Wrong `backdrop` render\n- Wrong `mds-dropdown` positioning\n", | ||
| "docs": "", | ||
@@ -297,3 +297,2 @@ "docsTags": [], | ||
| "docsTags": [], | ||
| "default": "1000", | ||
| "values": [ | ||
@@ -346,2 +345,12 @@ { | ||
| { | ||
| "name": "--mds-dropdown-backdrop-duration", | ||
| "annotation": "prop", | ||
| "docs": "Sets the transition duration of the backdrop, used by component's code too." | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-backdrop-z-indx", | ||
| "annotation": "prop", | ||
| "docs": "Sets the backdrop z-index, used by component's code too." | ||
| }, | ||
| { | ||
| "name": "--mds-dropdown-background", | ||
@@ -348,0 +357,0 @@ "annotation": "prop", |
| { | ||
| "name": "@maggioli-design-system/mds-dropdown", | ||
| "version": "4.2.0", | ||
| "version": "4.2.1", | ||
| "description": "mds-dropdown is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.", | ||
@@ -27,3 +27,3 @@ "main": "dist/index.cjs.js", | ||
| "@floating-ui/dom": "^1.2.6", | ||
| "@maggioli-design-system/styles": "^11.4.0", | ||
| "@maggioli-design-system/styles": "^11.6.0", | ||
| "@stencil/core": "^2.22.3" | ||
@@ -30,0 +30,0 @@ }, |
| # mds-dropdown | ||
| ### Best practices of usage | ||
| There are many situations where the component should be placed on the surface of the document: | ||
| ```html | ||
| <body> | ||
| <mds-dropdown target="ui-content"> | ||
| <mds-text>Dropdown contents</mds-text> | ||
| </mds-dropdown> | ||
| <div> | ||
| <mds-text>Deep contents</mds-text> | ||
| <div> | ||
| <mds-text id="ui-content">Deeper contents</mds-text> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| ``` | ||
| The next use case couldn't be rendered correctly depending by relative/absolute/etc. positioning and `strategy` attribute mix. | ||
| ```html | ||
| <body> | ||
| <div> | ||
| <mds-text>Deep contents</mds-text> | ||
| <div> | ||
| <mds-text id="ui-content">Deeper contents</mds-text> | ||
| <mds-dropdown target="ui-content"> | ||
| <mds-text>Dropdown contents</mds-text> | ||
| </mds-dropdown> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| ``` | ||
| Affected problems: | ||
| - Wrong `backdrop` render | ||
| - Wrong `mds-dropdown` positioning | ||
| <!-- Auto Generated Below --> | ||
@@ -25,3 +62,3 @@ | ||
| | `visible` | `visible` | Specifies the visibility of the component. | `boolean` | `false` | | ||
| | `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `1000` | | ||
| | `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `undefined` | | ||
@@ -40,12 +77,14 @@ | ||
| | Name | Description | | ||
| | --------------------------------- | -------------------------------------------------- | | ||
| | `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| | `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| | `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| | `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| | `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| | `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| | `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
| | `--mds-dropdown-z-index` | Sets the z-index of the component. | | ||
| | Name | Description | | ||
| | ---------------------------------- | --------------------------------------------------------------------------- | | ||
| | `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| | `--mds-dropdown-backdrop-duration` | Sets the transition duration of the backdrop, used by component's code too. | | ||
| | `--mds-dropdown-backdrop-z-indx` | Sets the backdrop z-index, used by component's code too. | | ||
| | `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| | `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| | `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| | `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| | `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| | `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
| | `--mds-dropdown-z-index` | Sets the z-index of the component. | | ||
@@ -52,0 +91,0 @@ |
@@ -25,3 +25,3 @@ # mds-dropdown | ||
| | `visible` | `visible` | Specifies the visibility of the component. | `boolean` | `false` | | ||
| | `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `1000` | | ||
| | `zIndex` | `z-index` | Specifies the visibility of the component. | `number` | `undefined` | | ||
@@ -40,12 +40,14 @@ | ||
| | Name | Description | | ||
| | --------------------------------- | -------------------------------------------------- | | ||
| | `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| | `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| | `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| | `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| | `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| | `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| | `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
| | `--mds-dropdown-z-index` | Sets the z-index of the component. | | ||
| | Name | Description | | ||
| | ---------------------------------- | --------------------------------------------------------------------------- | | ||
| | `--mds-dropdown-arrow-background` | Sets the fill color of the arrow. | | ||
| | `--mds-dropdown-backdrop-duration` | Sets the transition duration of the backdrop, used by component's code too. | | ||
| | `--mds-dropdown-backdrop-z-indx` | Sets the backdrop z-index, used by component's code too. | | ||
| | `--mds-dropdown-background` | Sets the background-color of the dropdown. | | ||
| | `--mds-dropdown-drop-shadow` | Sets the drop-shadow of the dropdown. | | ||
| | `--mds-dropdown-duration` | Sets the duration of the dropdown animation. | | ||
| | `--mds-dropdown-ease` | Sets the easing of the dropdown animation. | | ||
| | `--mds-dropdown-transform-from` | Sets the from animation transform of the dropdown. | | ||
| | `--mds-dropdown-transform-to` | Sets the to animation transform of the dropdown. | | ||
| | `--mds-dropdown-z-index` | Sets the z-index of the component. | | ||
@@ -52,0 +54,0 @@ |
@@ -18,2 +18,7 @@ const buttonVariantDictionary = [ | ||
| const buttonTargetDictionary = [ | ||
| 'blank', | ||
| 'self', | ||
| ] | ||
| const buttonSizeDictionary = [ | ||
@@ -32,6 +37,7 @@ 'sm', | ||
| export { | ||
| buttonIconPositionDictionary, | ||
| buttonSizeDictionary, | ||
| buttonTargetDictionary, | ||
| buttonToneVariantDictionary, | ||
| buttonVariantDictionary, | ||
| buttonIconPositionDictionary, | ||
| } |
@@ -62,2 +62,11 @@ const themeVariantDictionary = [ | ||
| const toneActionVariantDictionary = [ | ||
| 'primary', | ||
| 'secondary', | ||
| 'tertiary', | ||
| 'strong', | ||
| 'weak', | ||
| 'quiet', | ||
| ] | ||
| const toneSimpleVariantDictionary = [ | ||
@@ -80,2 +89,3 @@ 'strong', | ||
| themeVariantDictionary, | ||
| toneActionVariantDictionary, | ||
| toneMinimalVariantDictionary, | ||
@@ -82,0 +92,0 @@ toneSimpleVariantDictionary, |
@@ -31,2 +31,3 @@ [ | ||
| "mgg/area-weather", | ||
| "mgg/bill", | ||
| "mgg/box-multiple", | ||
@@ -37,2 +38,3 @@ "mgg/breadcrumb", | ||
| "mgg/calendar-schedule", | ||
| "mgg/cancelled-sheet", | ||
| "mgg/car-license", | ||
@@ -44,3 +46,5 @@ "mgg/card-stamping", | ||
| "mgg/city-bin", | ||
| "mgg/classic-permission", | ||
| "mgg/copy-paste", | ||
| "mgg/d-instrumental-buildings", | ||
| "mgg/data-analytics-alt", | ||
@@ -56,2 +60,3 @@ "mgg/data-analytics-search", | ||
| "mgg/dataset", | ||
| "mgg/delivered-to-the-recipient", | ||
| "mgg/document-magic", | ||
@@ -85,5 +90,9 @@ "mgg/document-rename", | ||
| "mgg/fit-vertical", | ||
| "mgg/forwarded-with-a-single-sending", | ||
| "mgg/fullscreen-on-alt", | ||
| "mgg/google-check-small", | ||
| "mgg/google-place-item", | ||
| "mgg/group-assigned-automatically-system", | ||
| "mgg/group-ceased", | ||
| "mgg/group-inherited", | ||
| "mgg/heart", | ||
@@ -99,2 +108,3 @@ "mgg/heart-outline", | ||
| "mgg/input-calendar-time", | ||
| "mgg/instrumental-buildings", | ||
| "mgg/isbn", | ||
@@ -121,2 +131,4 @@ "mgg/judge-hammer", | ||
| "mgg/national-document-off", | ||
| "mgg/not-instrumental-d-buildings", | ||
| "mgg/not-sent-yet", | ||
| "mgg/order-return-down-left-to-right", | ||
@@ -140,4 +152,6 @@ "mgg/order-return-down-left-to-up", | ||
| "mgg/other-properties-off", | ||
| "mgg/other-residential-buildings", | ||
| "mgg/partial-wall", | ||
| "mgg/payment-settings", | ||
| "mgg/pec-sent-to-the-not-pec-recipient", | ||
| "mgg/places-green", | ||
@@ -156,2 +170,3 @@ "mgg/places-green-doc", | ||
| "mgg/residency-permit", | ||
| "mgg/roles-permission", | ||
| "mgg/rubber-stamp", | ||
@@ -161,2 +176,3 @@ "mgg/rurale", | ||
| "mgg/send-progress", | ||
| "mgg/sending-error", | ||
| "mgg/settings-attachment", | ||
@@ -171,2 +187,3 @@ "mgg/sign-shop", | ||
| "mgg/stuck-codes", | ||
| "mgg/subtractive-permission", | ||
| "mgg/tea-light", | ||
@@ -188,2 +205,3 @@ "mgg/terminal", | ||
| "mgg/trending-down", | ||
| "mgg/tribute", | ||
| "mgg/tributes", | ||
@@ -195,2 +213,3 @@ "mgg/urban-city", | ||
| "mgg/user-location-off", | ||
| "mgg/user-signed-out", | ||
| "mgg/view-chart-gantt", | ||
@@ -197,0 +216,0 @@ "mgg/view-side-by-side", |
@@ -20,2 +20,3 @@ [ | ||
| "mgg/area-weather", | ||
| "mgg/bill", | ||
| "mgg/box-multiple", | ||
@@ -26,2 +27,3 @@ "mgg/breadcrumb", | ||
| "mgg/calendar-schedule", | ||
| "mgg/cancelled-sheet", | ||
| "mgg/car-license", | ||
@@ -33,3 +35,5 @@ "mgg/card-stamping", | ||
| "mgg/city-bin", | ||
| "mgg/classic-permission", | ||
| "mgg/copy-paste", | ||
| "mgg/d-instrumental-buildings", | ||
| "mgg/data-analytics-alt", | ||
@@ -45,2 +49,3 @@ "mgg/data-analytics-search", | ||
| "mgg/dataset", | ||
| "mgg/delivered-to-the-recipient", | ||
| "mgg/document-magic", | ||
@@ -74,5 +79,9 @@ "mgg/document-rename", | ||
| "mgg/fit-vertical", | ||
| "mgg/forwarded-with-a-single-sending", | ||
| "mgg/fullscreen-on-alt", | ||
| "mgg/google-check-small", | ||
| "mgg/google-place-item", | ||
| "mgg/group-assigned-automatically-system", | ||
| "mgg/group-ceased", | ||
| "mgg/group-inherited", | ||
| "mgg/heart-outline", | ||
@@ -88,2 +97,3 @@ "mgg/heart", | ||
| "mgg/input-calendar-time", | ||
| "mgg/instrumental-buildings", | ||
| "mgg/isbn", | ||
@@ -110,2 +120,4 @@ "mgg/judge-hammer", | ||
| "mgg/national-document", | ||
| "mgg/not-instrumental-d-buildings", | ||
| "mgg/not-sent-yet", | ||
| "mgg/order-return-down-left-to-right", | ||
@@ -129,4 +141,6 @@ "mgg/order-return-down-left-to-up", | ||
| "mgg/other-properties", | ||
| "mgg/other-residential-buildings", | ||
| "mgg/partial-wall", | ||
| "mgg/payment-settings", | ||
| "mgg/pec-sent-to-the-not-pec-recipient", | ||
| "mgg/places-green-doc", | ||
@@ -145,2 +159,3 @@ "mgg/places-green-history", | ||
| "mgg/residency-permit", | ||
| "mgg/roles-permission", | ||
| "mgg/rubber-stamp", | ||
@@ -150,2 +165,3 @@ "mgg/rurale", | ||
| "mgg/send-progress", | ||
| "mgg/sending-error", | ||
| "mgg/settings-attachment", | ||
@@ -160,2 +176,3 @@ "mgg/sign-shop", | ||
| "mgg/stuck-codes", | ||
| "mgg/subtractive-permission", | ||
| "mgg/tea-light", | ||
@@ -177,2 +194,3 @@ "mgg/terminal", | ||
| "mgg/trending-down", | ||
| "mgg/tribute", | ||
| "mgg/tributes", | ||
@@ -184,2 +202,3 @@ "mgg/urban-city", | ||
| "mgg/user-location", | ||
| "mgg/user-signed-out", | ||
| "mgg/view-chart-gantt", | ||
@@ -186,0 +205,0 @@ "mgg/view-side-by-side", |
@@ -7,2 +7,6 @@ export type ButtonType = | ||
| export type ButtonTargetType = | ||
| |'self' | ||
| |'blank' | ||
| export type ButtonSizeType = | ||
@@ -9,0 +13,0 @@ | 'sm' |
@@ -60,2 +60,11 @@ export type ThemeStatusVariantType = | ||
| export type ToneActionVariantType = | ||
| | 'primary' // background strong | ||
| | 'secondary' // background weak | ||
| | 'tertiary' // no background, no border | ||
| | 'strong' // background strong | ||
| | 'weak' // background weak | ||
| | 'ghost' // bordered | ||
| | 'quiet' // no background, no border | ||
| export type ToneVariantType = | ||
@@ -62,0 +71,0 @@ | 'strong' // background strong |
@@ -1,1 +0,1 @@ | ||
| import{p as e,b as t}from"./p-664e0918.js";export{s as setNonce}from"./p-664e0918.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-dec3d1b6",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e))); | ||
| import{p as e,b as t}from"./p-664e0918.js";export{s as setNonce}from"./p-664e0918.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-b7e9de79",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
| System.register(["./p-c7c2fb13.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-149cc6c8.system",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e)}))}}})); | ||
| System.register(["./p-c7c2fb13.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-899f22e3.system",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]}]]]],e)}))}}})); |
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 too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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 by2.25%
1202019
- Number of package files
- increased by2.05%
149
- Lines of code
- increased by2.42%
18050
- Number of lines in readme file
- increased by72.22%
93