Socket
Socket
Sign inDemoInstall

@maggioli-design-system/mds-dropdown

Package Overview
Dependencies
11
Maintainers
2
Versions
34
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 4.5.1 to 4.5.2

dist/cjs/index-b6745f83.js
dist/esm-es5/index-e03de176.js
dist/esm/index-e03de176.js
dist/mds-dropdown/p-1869be43.entry.js
dist/mds-dropdown/p-4571a61b.js
dist/mds-dropdown/p-cab3d4e6.system.js
dist/mds-dropdown/p-d80009c0.system.js
dist/mds-dropdown/p-f452fbae.system.entry.js
www/build/p-1869be43.entry.js
www/build/p-4571a61b.js
www/build/p-cab3d4e6.system.js
www/build/p-d80009c0.system.js
www/build/p-f452fbae.system.entry.js

2

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-0ef5a29d.js');
const index = require('./index-b6745f83.js');

@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

4

dist/cjs/mds-dropdown.cjs.js

@@ -5,6 +5,6 @@ 'use strict';

const index = require('./index-0ef5a29d.js');
const index = require('./index-b6745f83.js');
/*
Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchBrowser = () => {

2

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {

"name": "@stencil/core",
"version": "4.7.2",
"version": "4.8.0",
"typescriptVersion": "5.2.2"

@@ -10,0 +10,0 @@ },

36

dist/collection/common/aria.js
const hash = (s) => {
let i, h;
for (i = 0, h = 0; i < s.length; i++) {
h = Math.imul(31, h) + s.charCodeAt(i) | 0;
}
return h.toString();
let i, h;
for (i = 0, h = 0; i < s.length; i++) {
h = Math.imul(31, h) + s.charCodeAt(i) | 0;
}
return h.toString();
};
const randomInt = (max) => Math.floor(Math.random() * max);
const unslugName = (name) => {
var _a, _b, _c;
return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
var _a, _b, _c;
return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
};
const setAttributeIfEmpty = (element, attribute, value) => {
var _a;
if (element.hasAttribute(attribute)) {
return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
}
element.setAttribute(attribute, value);
return value;
var _a;
if (element.hasAttribute(attribute)) {
return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
}
element.setAttribute(attribute, value);
return value;
};
const hashValue = (value) => `${value}-${hash(value)}`;
const hashRandomValue = (value) => {
const randomValue = randomInt(1000000);
if (value) {
return `${value}-${hash(randomValue.toString())}`;
}
return hash(randomValue.toString());
const randomValue = randomInt(1000000);
if (value) {
return `${value}-${hash(randomValue.toString())}`;
}
return hash(randomValue.toString());
};
export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };

76

dist/collection/common/keyboard-manager.js
export class KeyboardManager {
constructor() {
this.elements = [];
this.handleClickBehaviorDispatchEvent = (event) => {
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
event.target.click();
}
};
this.handleEscapeBehaviorDispatchEvent = (event) => {
if (event.code === 'Escape' && this.escapeCallback) {
this.escapeCallback();
}
};
this.addElement = (el, name = 'element') => {
this.elements[name] = el;
};
this.attachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
};
this.detachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
};
this.attachEscapeBehavior = (callBack) => {
this.escapeCallback = callBack;
if (window !== undefined) {
window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
}
};
this.detachEscapeBehavior = () => {
this.escapeCallback = () => { return; };
if (window !== undefined) {
window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
}
};
}
constructor() {
this.elements = [];
this.handleClickBehaviorDispatchEvent = (event) => {
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
event.target.click();
}
};
this.handleEscapeBehaviorDispatchEvent = (event) => {
if (event.code === 'Escape' && this.escapeCallback) {
this.escapeCallback();
}
};
this.addElement = (el, name = 'element') => {
this.elements[name] = el;
};
this.attachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
};
this.detachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
};
this.attachEscapeBehavior = (callBack) => {
this.escapeCallback = callBack;
if (window !== undefined) {
window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
}
};
this.detachEscapeBehavior = () => {
this.escapeCallback = () => { return; };
if (window !== undefined) {
window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
}
};
}
}

14

dist/collection/common/unit.js
const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
if (duration.includes('s')) {
return Number(duration.replace('s', '')) * 1000;
}
if (duration.includes('ms')) {
return Number(duration.replace('s', ''));
}
return defaultValue;
if (duration.includes('s')) {
return Number(duration.replace('s', '')) * 1000;
}
if (duration.includes('ms')) {
return Number(duration.replace('s', ''));
}
return defaultValue;
};
export { cssDurationToMilliseconds, };

1300

dist/collection/components/mds-dropdown/mds-dropdown.js

@@ -11,665 +11,665 @@ import { hashValue, setAttributeIfEmpty } from "../../common/aria";

export class MdsDropdown {
constructor() {
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 = (e) => {
if (!this.visible) {
return;
}
if (!this.host.contains(e.target) && e.target !== this.caller) {
this.handleVisibility(false);
}
};
this.handleVisibility = (visibility) => {
this.visible = visibility;
this.changedEvent.emit({ caller: this.caller, visible: this.visible });
if (this.visible) {
this.visibleEvent.emit({ caller: this.caller, visible: true });
return;
}
this.hiddenEvent.emit({ caller: this.caller, visible: false });
this.updatePosition();
};
this.callerOnClick = () => {
this.handleVisibility(!this.visible);
};
this.arrowInset = (middleware, arrowPosition) => {
const { arrow } = middleware;
const inset = { bottom: '', left: '', right: '', top: '' };
if (arrow === undefined) {
return {};
}
switch (arrowPosition) {
case 'bottom':
inset.left = arrow.x !== null ? `${arrow.x}px` : '';
inset.top = '100%';
break;
case 'left':
inset.right = '100%';
inset.top = arrow.y !== null ? `${arrow.y}px` : '';
break;
case 'right':
inset.left = '100%';
inset.top = arrow.y !== null ? `${arrow.y}px` : '';
break;
case 'top':
inset.left = arrow.x !== null ? `${arrow.x}px` : '';
inset.top = '';
break;
default:
break;
}
return inset;
};
this.arrowTransform = (arrowPosition) => {
let transformProps = this.arrow && this.visible ? 'scale(1)' : 'scale(0)';
switch (arrowPosition) {
case 'bottom':
transformProps = `rotate(180deg) ${transformProps} translate(0, -100%)`;
break;
case 'left':
transformProps = `rotate(-90deg) ${transformProps} translate(50%, -50%)`;
break;
case 'right':
transformProps = `rotate(90deg) ${transformProps} translate(-50%, -50%)`;
break;
case 'top':
transformProps = `rotate(0deg) ${transformProps} translate(0, 0)`;
break;
default:
break;
}
return { transform: transformProps };
};
this.arrowTransformOrigin = (arrowPosition) => {
switch (arrowPosition) {
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 = () => {
if (!this.caller)
return;
const middleware = new Array();
const config = {};
if (this.shiftPadding) {
config.padding = this.shiftPadding;
}
if (this.autoPlacement) {
middleware.push(autoPlacement());
}
if (this.offset) {
middleware.push(offset(this.offset));
}
if (!this.autoPlacement && this.flip) {
middleware.push(flip(config));
}
if (this.shift) {
middleware.push(shift(config));
}
if (this.arrow) {
middleware.push(arrow({
element: this.arrowEl,
padding: this.arrowPadding,
}));
}
computePosition(this.caller, this.host, {
middleware,
placement: this.placement,
strategy: this.strategy,
}).then(({ x, y, placement, middlewareData }) => {
Object.assign(this.host.style, {
left: `${x}px`,
top: `${y}px`,
});
const arrowStyle = {};
const arrowPosition = {
top: 'bottom',
right: 'left',
bottom: 'top',
left: 'right',
}[placement.split('-')[0]];
if (arrowPosition) {
Object.assign(arrowStyle, this.arrowTransform(arrowPosition));
Object.assign(arrowStyle, this.arrowInset(middlewareData, arrowPosition));
Object.assign(arrowStyle, this.arrowTransformOrigin(arrowPosition));
Object.assign(this.arrowEl.style, arrowStyle);
constructor() {
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 = (e) => {
if (!this.visible) {
return;
}
if (!this.host.contains(e.target) && e.target !== this.caller) {
this.handleVisibility(false);
}
};
this.handleVisibility = (visibility) => {
this.visible = visibility;
this.changedEvent.emit({ caller: this.caller, visible: this.visible });
if (this.visible) {
this.visibleEvent.emit({ caller: this.caller, visible: true });
return;
}
this.hiddenEvent.emit({ caller: this.caller, visible: false });
this.updatePosition();
};
this.callerOnClick = () => {
this.handleVisibility(!this.visible);
};
this.arrowInset = (middleware, arrowPosition) => {
const { arrow } = middleware;
const inset = { bottom: '', left: '', right: '', top: '' };
if (arrow === undefined) {
return {};
}
switch (arrowPosition) {
case 'bottom':
inset.left = arrow.x !== null ? `${arrow.x}px` : '';
inset.top = '100%';
break;
case 'left':
inset.right = '100%';
inset.top = arrow.y !== null ? `${arrow.y}px` : '';
break;
case 'right':
inset.left = '100%';
inset.top = arrow.y !== null ? `${arrow.y}px` : '';
break;
case 'top':
inset.left = arrow.x !== null ? `${arrow.x}px` : '';
inset.top = '';
break;
default:
break;
}
return inset;
};
this.arrowTransform = (arrowPosition) => {
let transformProps = this.arrow && this.visible ? 'scale(1)' : 'scale(0)';
switch (arrowPosition) {
case 'bottom':
transformProps = `rotate(180deg) ${transformProps} translate(0, -100%)`;
break;
case 'left':
transformProps = `rotate(-90deg) ${transformProps} translate(50%, -50%)`;
break;
case 'right':
transformProps = `rotate(90deg) ${transformProps} translate(-50%, -50%)`;
break;
case 'top':
transformProps = `rotate(0deg) ${transformProps} translate(0, 0)`;
break;
default:
break;
}
return { transform: transformProps };
};
this.arrowTransformOrigin = (arrowPosition) => {
switch (arrowPosition) {
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 = () => {
if (!this.caller)
return;
const middleware = new Array();
const config = {};
if (this.shiftPadding) {
config.padding = this.shiftPadding;
}
if (this.autoPlacement) {
middleware.push(autoPlacement());
}
if (this.offset) {
middleware.push(offset(this.offset));
}
if (!this.autoPlacement && this.flip) {
middleware.push(flip(config));
}
if (this.shift) {
middleware.push(shift(config));
}
if (this.arrow) {
middleware.push(arrow({
element: this.arrowEl,
padding: this.arrowPadding,
}));
}
computePosition(this.caller, this.host, {
middleware,
placement: this.placement,
strategy: this.strategy,
}).then(({ x, y, placement, middlewareData }) => {
Object.assign(this.host.style, {
left: `${x}px`,
top: `${y}px`,
});
const arrowStyle = {};
const arrowPosition = {
top: 'bottom',
right: 'left',
bottom: 'top',
left: 'right',
}[placement.split('-')[0]];
if (arrowPosition) {
Object.assign(arrowStyle, this.arrowTransform(arrowPosition));
Object.assign(arrowStyle, this.arrowInset(middlewareData, arrowPosition));
Object.assign(arrowStyle, this.arrowTransformOrigin(arrowPosition));
Object.assign(this.arrowEl.style, arrowStyle);
}
});
};
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;
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;
}
attachBackdrop() {
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 ${this.cssBackdropDuration} ease-out`;
this.backdropEl.style.zIndex = this.cssBackdropZIndex;
}
});
};
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;
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;
}
attachBackdrop() {
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 ${this.cssBackdropDuration} ease-out`;
this.backdropEl.style.zIndex = this.cssBackdropZIndex;
document.body.appendChild(this.backdropEl);
clearTimeout(this.backdropTimer);
this.backdropTimer = setTimeout(() => {
this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible;
}, 1);
}
document.body.appendChild(this.backdropEl);
clearTimeout(this.backdropTimer);
this.backdropTimer = setTimeout(() => {
this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible;
}, 1);
}
detachBackdrop() {
if (!this.backdropEl) {
return;
detachBackdrop() {
if (!this.backdropEl) {
return;
}
this.backdropEl.style.backgroundColor = 'transparent';
clearTimeout(this.backdropTimer);
this.backdropTimer = setTimeout(() => {
this.backdropEl.remove();
}, cssDurationToMilliseconds(this.cssBackdropDuration));
}
this.backdropEl.style.backgroundColor = 'transparent';
clearTimeout(this.backdropTimer);
this.backdropTimer = setTimeout(() => {
this.backdropEl.remove();
}, cssDurationToMilliseconds(this.cssBackdropDuration));
}
arrowChanged() {
this.updatePosition();
}
arrowPaddingChanged() {
this.updatePosition();
}
autoPlacementChanged() {
this.updatePosition();
}
backdropChanged(newValue) {
if (!this.visible) {
return;
arrowChanged() {
this.updatePosition();
}
if (newValue) {
this.attachBackdrop();
return;
arrowPaddingChanged() {
this.updatePosition();
}
this.detachBackdrop();
}
flipChanged() {
this.updatePosition();
}
offsetChanged() {
this.updatePosition();
}
placementChanged() {
this.updatePosition();
}
shiftChanged() {
this.updatePosition();
}
shiftPaddingChanged() {
this.updatePosition();
}
strategyChanged() {
this.updatePosition();
}
visibleChanged(newValue) {
this.updatePosition();
if (!this.backdrop) {
return;
autoPlacementChanged() {
this.updatePosition();
}
if (newValue) {
this.attachBackdrop();
return;
backdropChanged(newValue) {
if (!this.visible) {
return;
}
if (newValue) {
this.attachBackdrop();
return;
}
this.detachBackdrop();
}
this.detachBackdrop();
}
zIndexChanged(newValue) {
if (newValue) {
this.host.style.setProperty('z-index', newValue.toString());
flipChanged() {
this.updatePosition();
}
}
componentWillLoad() {
Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => {
element.remove();
});
this.zIndexChanged(this.zIndex);
}
setAriaAttributes() {
const hostId = setAttributeIfEmpty(this.host, 'id', hashValue(this.target));
setAttributeIfEmpty(this.caller, 'aria-haspopup', 'true');
setAttributeIfEmpty(this.caller, 'aria-controls', hostId);
setAttributeIfEmpty(this.host, 'role', 'menu');
setAttributeIfEmpty(this.host, 'aria-labelledby', this.target);
}
componentDidLoad() {
var _a;
this.updateCSSCustomProps();
document.addEventListener('click', this.handleCloseDropdown);
this.arrowEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.arrow');
const caller = document.getElementById(this.target);
if (!caller) {
return;
offsetChanged() {
this.updatePosition();
}
this.caller = caller;
this.setAriaAttributes();
this.caller.addEventListener('click', this.callerOnClick.bind(this));
this.km.addElement(this.host);
this.km.attachEscapeBehavior(() => this.handleVisibility(false));
this.backdropChanged(this.backdrop);
this.updatePosition();
if (!this.cleanupAutoUpdate) {
this.cleanupAutoUpdate = autoUpdate(this.caller, this.host, this.updatePosition);
placementChanged() {
this.updatePosition();
}
}
disconnectedCallback() {
this.detachBackdrop();
this.km.detachEscapeBehavior();
this.cleanupAutoUpdate = () => { return; };
}
render() {
return (h(Host, null, h("div", { class: "arrow", innerHTML: arrowSvg }), h("slot", null)));
}
static get is() { return "mds-dropdown"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["mds-dropdown.css"]
};
}
static get styleUrls() {
return {
"$": ["mds-dropdown.css"]
};
}
static get properties() {
return {
"arrow": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will have an arrow pointing to the caller."
},
"attribute": "arrow",
"reflect": false,
"defaultValue": "true"
},
"arrowPadding": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets the distance between arrow and dropdown margins."
},
"attribute": "arrow-padding",
"reflect": false,
"defaultValue": "24"
},
"autoPlacement": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will be placed automatically near it's caller."
},
"attribute": "auto-placement",
"reflect": false,
"defaultValue": "false"
},
"backdrop": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies if the component has a backdrop background"
},
"attribute": "backdrop",
"reflect": false,
"defaultValue": "false"
},
"flip": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the placement of the component if no space is available where it is placed."
},
"attribute": "flip",
"reflect": false,
"defaultValue": "false"
},
"target": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the id of the caller element."
},
"attribute": "target",
"reflect": false
},
"offset": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets distance between the dropdown and the caller."
},
"attribute": "offset",
"reflect": false,
"defaultValue": "24"
},
"placement": {
"type": "string",
"mutable": false,
"complexType": {
"original": "FloatingUIPlacement",
"resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
"references": {
"FloatingUIPlacement": {
"location": "import",
"path": "@type/floating-ui",
"id": "src/type/floating-ui.ts::FloatingUIPlacement"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies where the component should be placed relative to the caller."
},
"attribute": "placement",
"reflect": false,
"defaultValue": "'bottom'"
},
"shift": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will be kept inside the viewport."
},
"attribute": "shift",
"reflect": false,
"defaultValue": "true"
},
"shiftPadding": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets a safe area distance between the dropdown and the viewport."
},
"attribute": "shift-padding",
"reflect": false,
"defaultValue": "24"
},
"smooth": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will follow the caller smoothly, visible when the page scrolls."
},
"attribute": "smooth",
"reflect": false,
"defaultValue": "true"
},
"strategy": {
"type": "string",
"mutable": false,
"complexType": {
"original": "FloatingUIStrategy",
"resolved": "\"absolute\" | \"fixed\"",
"references": {
"FloatingUIStrategy": {
"location": "import",
"path": "@type/floating-ui",
"id": "src/type/floating-ui.ts::FloatingUIStrategy"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets the CSS position strategy of the component."
},
"attribute": "strategy",
"reflect": false,
"defaultValue": "'fixed'"
},
"visible": {
"type": "boolean",
"mutable": true,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the visibility of the component."
},
"attribute": "visible",
"reflect": true,
"defaultValue": "false"
},
"zIndex": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the visibility of the component."
},
"attribute": "z-index",
"reflect": false
}
};
}
static get events() {
return [{
"method": "visibleEvent",
"name": "mdsDropdownVisible",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is visible"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
}
}
shiftChanged() {
this.updatePosition();
}
shiftPaddingChanged() {
this.updatePosition();
}
strategyChanged() {
this.updatePosition();
}
visibleChanged(newValue) {
this.updatePosition();
if (!this.backdrop) {
return;
}
}, {
"method": "hiddenEvent",
"name": "mdsDropdownHide",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is hidden"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
}
}
if (newValue) {
this.attachBackdrop();
return;
}
}, {
"method": "changedEvent",
"name": "mdsDropdownChange",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is visible or hidden"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
this.detachBackdrop();
}
zIndexChanged(newValue) {
if (newValue) {
this.host.style.setProperty('z-index', newValue.toString());
}
}
componentWillLoad() {
Array.from(document.getElementsByClassName(this.backdropId)).forEach((element) => {
element.remove();
});
this.zIndexChanged(this.zIndex);
}
setAriaAttributes() {
const hostId = setAttributeIfEmpty(this.host, 'id', hashValue(this.target));
setAttributeIfEmpty(this.caller, 'aria-haspopup', 'true');
setAttributeIfEmpty(this.caller, 'aria-controls', hostId);
setAttributeIfEmpty(this.host, 'role', 'menu');
setAttributeIfEmpty(this.host, 'aria-labelledby', this.target);
}
componentDidLoad() {
var _a;
this.updateCSSCustomProps();
document.addEventListener('click', this.handleCloseDropdown);
this.arrowEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.arrow');
const caller = document.getElementById(this.target);
if (!caller) {
return;
}
this.caller = caller;
this.setAriaAttributes();
this.caller.addEventListener('click', this.callerOnClick.bind(this));
this.km.addElement(this.host);
this.km.attachEscapeBehavior(() => this.handleVisibility(false));
this.backdropChanged(this.backdrop);
this.updatePosition();
if (!this.cleanupAutoUpdate) {
this.cleanupAutoUpdate = autoUpdate(this.caller, this.host, this.updatePosition);
}
}
disconnectedCallback() {
this.detachBackdrop();
this.km.detachEscapeBehavior();
this.cleanupAutoUpdate = () => { return; };
}
render() {
return (h(Host, null, h("div", { class: "arrow", innerHTML: arrowSvg }), h("slot", null)));
}
static get is() { return "mds-dropdown"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["mds-dropdown.css"]
};
}
static get styleUrls() {
return {
"$": ["mds-dropdown.css"]
};
}
static get properties() {
return {
"arrow": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will have an arrow pointing to the caller."
},
"attribute": "arrow",
"reflect": false,
"defaultValue": "true"
},
"arrowPadding": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets the distance between arrow and dropdown margins."
},
"attribute": "arrow-padding",
"reflect": false,
"defaultValue": "24"
},
"autoPlacement": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will be placed automatically near it's caller."
},
"attribute": "auto-placement",
"reflect": false,
"defaultValue": "false"
},
"backdrop": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies if the component has a backdrop background"
},
"attribute": "backdrop",
"reflect": false,
"defaultValue": "false"
},
"flip": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the placement of the component if no space is available where it is placed."
},
"attribute": "flip",
"reflect": false,
"defaultValue": "false"
},
"target": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the id of the caller element."
},
"attribute": "target",
"reflect": false
},
"offset": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets distance between the dropdown and the caller."
},
"attribute": "offset",
"reflect": false,
"defaultValue": "24"
},
"placement": {
"type": "string",
"mutable": false,
"complexType": {
"original": "FloatingUIPlacement",
"resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
"references": {
"FloatingUIPlacement": {
"location": "import",
"path": "@type/floating-ui",
"id": "src/type/floating-ui.ts::FloatingUIPlacement"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies where the component should be placed relative to the caller."
},
"attribute": "placement",
"reflect": false,
"defaultValue": "'bottom'"
},
"shift": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will be kept inside the viewport."
},
"attribute": "shift",
"reflect": false,
"defaultValue": "true"
},
"shiftPadding": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets a safe area distance between the dropdown and the viewport."
},
"attribute": "shift-padding",
"reflect": false,
"defaultValue": "24"
},
"smooth": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If set, the component will follow the caller smoothly, visible when the page scrolls."
},
"attribute": "smooth",
"reflect": false,
"defaultValue": "true"
},
"strategy": {
"type": "string",
"mutable": false,
"complexType": {
"original": "FloatingUIStrategy",
"resolved": "\"absolute\" | \"fixed\"",
"references": {
"FloatingUIStrategy": {
"location": "import",
"path": "@type/floating-ui",
"id": "src/type/floating-ui.ts::FloatingUIStrategy"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Sets the CSS position strategy of the component."
},
"attribute": "strategy",
"reflect": false,
"defaultValue": "'fixed'"
},
"visible": {
"type": "boolean",
"mutable": true,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the visibility of the component."
},
"attribute": "visible",
"reflect": true,
"defaultValue": "false"
},
"zIndex": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Specifies the visibility of the component."
},
"attribute": "z-index",
"reflect": false
}
}
}
}];
}
static get elementRef() { return "host"; }
static get watchers() {
return [{
"propName": "arrow",
"methodName": "arrowChanged"
}, {
"propName": "arrowPadding",
"methodName": "arrowPaddingChanged"
}, {
"propName": "autoPlacement",
"methodName": "autoPlacementChanged"
}, {
"propName": "backdrop",
"methodName": "backdropChanged"
}, {
"propName": "flip",
"methodName": "flipChanged"
}, {
"propName": "offset",
"methodName": "offsetChanged"
}, {
"propName": "placement",
"methodName": "placementChanged"
}, {
"propName": "shift",
"methodName": "shiftChanged"
}, {
"propName": "shiftPadding",
"methodName": "shiftPaddingChanged"
}, {
"propName": "strategy",
"methodName": "strategyChanged"
}, {
"propName": "visible",
"methodName": "visibleChanged"
}, {
"propName": "zIndex",
"methodName": "zIndexChanged"
}];
}
};
}
static get events() {
return [{
"method": "visibleEvent",
"name": "mdsDropdownVisible",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is visible"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
}
}
}
}, {
"method": "hiddenEvent",
"name": "mdsDropdownHide",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is hidden"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
}
}
}
}, {
"method": "changedEvent",
"name": "mdsDropdownChange",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": "Emits when a modal is visible or hidden"
},
"complexType": {
"original": "MdsDropdownEventDetail",
"resolved": "MdsDropdownEventDetail",
"references": {
"MdsDropdownEventDetail": {
"location": "import",
"path": "./meta/event-detail",
"id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
}
}
}
}];
}
static get elementRef() { return "host"; }
static get watchers() {
return [{
"propName": "arrow",
"methodName": "arrowChanged"
}, {
"propName": "arrowPadding",
"methodName": "arrowPaddingChanged"
}, {
"propName": "autoPlacement",
"methodName": "autoPlacementChanged"
}, {
"propName": "backdrop",
"methodName": "backdropChanged"
}, {
"propName": "flip",
"methodName": "flipChanged"
}, {
"propName": "offset",
"methodName": "offsetChanged"
}, {
"propName": "placement",
"methodName": "placementChanged"
}, {
"propName": "shift",
"methodName": "shiftChanged"
}, {
"propName": "shiftPadding",
"methodName": "shiftPaddingChanged"
}, {
"propName": "strategy",
"methodName": "strategyChanged"
}, {
"propName": "visible",
"methodName": "visibleChanged"
}, {
"propName": "zIndex",
"methodName": "zIndexChanged"
}];
}
}

246

dist/collection/components/mds-dropdown/test/mds-dropdown.stories.js
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};

@@ -16,61 +16,61 @@ import { floatingUIPlacementDictionary, floatingUIStrategyDictionary, } from "../../../dictionary/floating-ui";

export default {
title: 'UI / Dropdown',
argTypes: {
arrow: {
type: { name: 'boolean' },
description: 'If set, the component will have an arrow pointing to the caller',
title: 'UI / Dropdown',
argTypes: {
arrow: {
type: { name: 'boolean' },
description: 'If set, the component will have an arrow pointing to the caller',
},
'arrow-padding': {
type: { name: 'number' },
description: 'Sets the distance between the arrow and dropdown margins',
},
'auto-placement': {
type: { name: 'boolean' },
description: 'If set, the component will be placed automatically near it’s caller',
},
backdrop: {
type: { name: 'boolean' },
description: 'Specifies if the component has a backdrop background',
},
flip: {
type: { name: 'boolean' },
description: 'Specifies the placement of the component if no space is available where it is placed',
},
offset: {
type: { name: 'number' },
description: 'Sets distance between the dropdown and the caller',
},
placement: {
type: { name: 'string' },
description: 'Specifies where the component should be placed relative to the caller',
options: floatingUIPlacementDictionary,
control: { type: 'select' },
},
shift: {
type: { name: 'boolean' },
description: 'If set, the component will be kept inside the viewport',
},
'shift-padding': {
type: { name: 'number' },
description: 'Sets a safe area distance between the dropdown and the body',
},
smooth: {
type: { name: 'boolean' },
description: 'If set, the component will follow the caller smoothly, visible when the page scrolls',
},
strategy: {
type: { name: 'string' },
description: 'Sets the CSS position strategy of the component',
options: floatingUIStrategyDictionary,
control: { type: 'select' },
},
visible: {
type: { name: 'boolean' },
description: 'Specifies if the component is visible',
},
},
'arrow-padding': {
type: { name: 'number' },
description: 'Sets the distance between the arrow and dropdown margins',
},
'auto-placement': {
type: { name: 'boolean' },
description: 'If set, the component will be placed automatically near it’s caller',
},
backdrop: {
type: { name: 'boolean' },
description: 'Specifies if the component has a backdrop background',
},
flip: {
type: { name: 'boolean' },
description: 'Specifies the placement of the component if no space is available where it is placed',
},
offset: {
type: { name: 'number' },
description: 'Sets distance between the dropdown and the caller',
},
placement: {
type: { name: 'string' },
description: 'Specifies where the component should be placed relative to the caller',
options: floatingUIPlacementDictionary,
control: { type: 'select' },
},
shift: {
type: { name: 'boolean' },
description: 'If set, the component will be kept inside the viewport',
},
'shift-padding': {
type: { name: 'number' },
description: 'Sets a safe area distance between the dropdown and the body',
},
smooth: {
type: { name: 'boolean' },
description: 'If set, the component will follow the caller smoothly, visible when the page scrolls',
},
strategy: {
type: { name: 'string' },
description: 'Sets the CSS position strategy of the component',
options: floatingUIStrategyDictionary,
control: { type: 'select' },
},
visible: {
type: { name: 'boolean' },
description: 'Specifies if the component is visible',
},
},
};
const Template = (_a) => {
var { layout } = _a, args = __rest(_a, ["layout"]);
return h("div", { class: layout }, h("mds-button", { id: "my-dropdown" }, "Show Fred"), h("mds-dropdown", Object.assign({ target: "my-dropdown" }, args), h("mds-author", { class: "text-tone-neutral-04" }, h("mds-avatar", { "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")));
var { layout } = _a, args = __rest(_a, ["layout"]);
return h("div", { class: layout }, h("mds-button", { id: "my-dropdown" }, "Show Fred"), h("mds-dropdown", Object.assign({ target: "my-dropdown" }, args), h("mds-author", { class: "text-tone-neutral-04" }, h("mds-avatar", { "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")));
};

@@ -80,98 +80,98 @@ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types

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")));
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({});
Default.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-center',
class: 'max-w-[350px] w-full',
layout: 'flex justify-center',
};
export const Arrow = Template.bind({});
Arrow.args = {
class: 'max-w-[350px] w-full',
arrow: true,
backdrop: true,
'shift-padding': 32,
layout: 'flex justify-start',
visible: true,
class: 'max-w-[350px] w-full',
arrow: true,
backdrop: true,
'shift-padding': 32,
layout: 'flex justify-start',
visible: true,
};
export const ArrowPadding = Template.bind({});
ArrowPadding.args = {
class: 'max-w-[350px] w-full',
arrow: true,
backdrop: true,
'arrow-padding': 50,
'shift-padding': 32,
layout: 'flex justify-start',
visible: true,
class: 'max-w-[350px] w-full',
arrow: true,
backdrop: true,
'arrow-padding': 50,
'shift-padding': 32,
layout: 'flex justify-start',
visible: true,
};
export const AutoPlacement = Template.bind({});
AutoPlacement.args = {
class: 'max-w-[350px] w-full',
'auto-placement': true,
layout: 'flex justify-end',
visible: true,
class: 'max-w-[350px] w-full',
'auto-placement': true,
layout: 'flex justify-end',
visible: true,
};
export const Backdrop = Template.bind({});
Backdrop.args = {
class: 'max-w-[350px] w-full',
backdrop: true,
layout: 'flex justify-center',
visible: false,
class: 'max-w-[350px] w-full',
backdrop: true,
layout: 'flex justify-center',
visible: false,
};
export const Flip = Template.bind({});
Flip.args = {
class: 'max-w-[350px] w-full',
layout: 'flex h-[150vh] justify-center items-center',
flip: true,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex h-[150vh] justify-center items-center',
flip: true,
visible: true,
};
export const Offset = Template.bind({});
Offset.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-center items-center',
offset: 50,
backdrop: true,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-center items-center',
offset: 50,
backdrop: true,
visible: true,
};
export const Placement = Template.bind({});
Placement.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-center items-center',
placement: 'right-start',
backdrop: true,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-center items-center',
placement: 'right-start',
backdrop: true,
visible: true,
};
export const Shift = Template.bind({});
Shift.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-end',
shift: true,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-end',
shift: true,
visible: true,
};
export const ShiftPadding = Template.bind({});
ShiftPadding.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-end',
shift: true,
'shift-padding': 50,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-end',
shift: true,
'shift-padding': 50,
visible: true,
};
export const Smooth = Template.bind({});
Smooth.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-start h-[100vh] mt-[25vh]',
smooth: true,
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-start h-[100vh] mt-[25vh]',
smooth: true,
visible: true,
};
export const Strategy = Template.bind({});
Strategy.args = {
class: 'max-w-[350px] w-full',
layout: 'flex justify-start',
strategy: 'absolute',
visible: true,
class: 'max-w-[350px] w-full',
layout: 'flex justify-start',
strategy: 'absolute',
visible: true,
};
export const NestedBestPractice = TemplateNested.bind({});
NestedBestPractice.args = {
backdrop: true,
backdrop: true,
};

112

dist/collection/dictionary/autocomplete.js
const autoCompleteDictionary = [
'additional-name',
'address',
'address-level1',
'address-level2',
'address-level3',
'address-level4',
'address-line1',
'address-line2',
'address-line3',
'bday',
'bday-day',
'bday-month',
'bday-year',
'cc-additional-name',
'cc-csc',
'cc-exp',
'cc-exp-month',
'cc-exp-year',
'cc-family-name',
'cc-family-name',
'cc-given-name',
'cc-name',
'cc-number',
'cc-type',
'country',
'country-name',
'current-password',
'email',
'family-name',
'given-name',
'honorific-prefix',
'honorific-suffix',
'impp',
'language',
'name',
'new-password',
'nickname',
'off',
'on',
'one-time-code',
'organization',
'organization-title',
'photo',
'postal-code',
'sex',
'street-address',
'tel',
'tel-area-code',
'tel-country-code',
'tel-extension',
'tel-local',
'tel-national',
'transaction-amount',
'transaction-currency',
'url',
'username',
'additional-name',
'address',
'address-level1',
'address-level2',
'address-level3',
'address-level4',
'address-line1',
'address-line2',
'address-line3',
'bday',
'bday-day',
'bday-month',
'bday-year',
'cc-additional-name',
'cc-csc',
'cc-exp',
'cc-exp-month',
'cc-exp-year',
'cc-family-name',
'cc-family-name',
'cc-given-name',
'cc-name',
'cc-number',
'cc-type',
'country',
'country-name',
'current-password',
'email',
'family-name',
'given-name',
'honorific-prefix',
'honorific-suffix',
'impp',
'language',
'name',
'new-password',
'nickname',
'off',
'on',
'one-time-code',
'organization',
'organization-title',
'photo',
'postal-code',
'sex',
'street-address',
'tel',
'tel-area-code',
'tel-country-code',
'tel-extension',
'tel-local',
'tel-national',
'transaction-amount',
'transaction-currency',
'url',
'username',
];
export { autoCompleteDictionary, };

38

dist/collection/dictionary/button.js
const buttonVariantDictionary = [
'dark',
'error',
'info',
'light',
'primary',
'success',
'warning',
'dark',
'error',
'info',
'light',
'primary',
'success',
'warning',
];
const buttonToneVariantDictionary = [
'strong',
'weak',
'ghost',
'quiet',
'strong',
'weak',
'ghost',
'quiet',
];
const buttonTargetDictionary = [
'blank',
'self',
'blank',
'self',
];
const buttonSizeDictionary = [
'sm',
'md',
'lg',
'xl',
'sm',
'md',
'lg',
'xl',
];
const buttonIconPositionDictionary = [
'left',
'right',
'left',
'right',
];
export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

28

dist/collection/dictionary/color.js
const colorLabelDictionary = [
'amaranth',
'aqua',
'blue',
'green',
'lime',
'orange',
'orchid',
'sky',
'violet',
'yellow',
'amaranth',
'aqua',
'blue',
'green',
'lime',
'orange',
'orchid',
'sky',
'violet',
'yellow',
];
const colorStatusDictionary = [
'error',
'info',
'success',
'warning',
'error',
'info',
'success',
'warning',
];
export { colorLabelDictionary, colorStatusDictionary, };

28

dist/collection/dictionary/floating-ui.js
const floatingUIPlacementDictionary = [
'bottom',
'bottom-end',
'bottom-start',
'left',
'left-end',
'left-start',
'right',
'right-end',
'right-start',
'top',
'top-end',
'top-start',
'bottom',
'bottom-end',
'bottom-start',
'left',
'left-end',
'left-start',
'right',
'right-end',
'right-start',
'top',
'top-end',
'top-start',
];
const floatingUIStrategyDictionary = [
'absolute',
'fixed',
'absolute',
'fixed',
];
export { floatingUIPlacementDictionary, floatingUIStrategyDictionary, };

46

dist/collection/dictionary/input.js
const inputTextTypeDictionary = [
'date',
'email',
'number',
'password',
'search',
'tel',
'text',
'textarea',
'time',
'url',
'date',
'email',
'number',
'password',
'search',
'tel',
'text',
'textarea',
'time',
'url',
];
const inputFieldTypeDictionary = [
'date',
'email',
'number',
'password',
'search',
'tel',
'text',
'textarea',
'time',
'url',
'cc',
'cf',
'isbn',
'piva',
];
const inputControlsLayoutDictionary = [
'horizontal',
'vertical',
'horizontal',
'vertical',
];
const inputControlsIconDictionary = [
'arrow',
'arithmetic',
'arrow',
'arithmetic',
];
export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, };
export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, inputFieldTypeDictionary, };

4

dist/collection/dictionary/loading.js
const loadingDictionary = [
'eager',
'lazy',
'eager',
'lazy',
];
export { loadingDictionary, };

92

dist/collection/dictionary/typography.js
const typographyDictionary = [
'action',
'caption',
'snippet',
'detail',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'hack',
'label',
'option',
'paragraph',
'tip',
'action',
'caption',
'snippet',
'detail',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'hack',
'label',
'option',
'paragraph',
'tip',
];
const typographyVariationsDictionary = [
'title',
'info',
'read',
'code',
'title',
'info',
'read',
'code',
];
const typographyReadingVariationsDictionary = [
'info',
'read',
'info',
'read',
];
const typographyMonoDictionary = [
'snippet',
'hack',
'snippet',
'hack',
];
const typographyTitleDictionary = [
'action',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'action',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
];
const typographyInfoDictionary = [
'caption',
'detail',
'label',
'option',
'paragraph',
'tip',
'caption',
'detail',
'label',
'option',
'paragraph',
'tip',
];
const typographyReadDictionary = [
'caption',
'detail',
'paragraph',
'caption',
'detail',
'paragraph',
];
const typographySmallerDictionary = [
'option',
'tip',
'option',
'tip',
];
const typographyTooltipDictionary = [
'caption',
'detail',
'tip',
'caption',
'detail',
'tip',
];
const typographyInputDictionary = [
'snippet',
'detail',
'snippet',
'detail',
];
export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

108

dist/collection/dictionary/variant.js
const themeVariantDictionary = [
'dark',
'error',
'info',
'light',
'primary',
'success',
'warning',
'dark',
'error',
'info',
'light',
'primary',
'success',
'warning',
];
const themeLuminanceVariantDictionary = [
'dark',
'light',
'dark',
'light',
];
const themeStatusVariantDictionary = [
'error',
'info',
'success',
'warning',
'error',
'info',
'success',
'warning',
];
const themeFullVariantDictionary = [
'amaranth',
'aqua',
'blue',
'dark',
'error',
'green',
'info',
'light',
'lime',
'orange',
'orchid',
'sky',
'success',
'violet',
'warning',
'yellow',
'amaranth',
'aqua',
'blue',
'dark',
'error',
'green',
'info',
'light',
'lime',
'orange',
'orchid',
'sky',
'success',
'violet',
'warning',
'yellow',
];
const themeLabelVariantDictionary = [
'amaranth',
'aqua',
'blue',
'green',
'lime',
'orange',
'orchid',
'sky',
'violet',
'yellow',
'amaranth',
'aqua',
'blue',
'green',
'lime',
'orange',
'orchid',
'sky',
'violet',
'yellow',
];
const toneVariantDictionary = [
'strong',
'weak',
'ghost',
'quiet',
'strong',
'weak',
'ghost',
'quiet',
];
const toneActionVariantDictionary = [
'primary',
'secondary',
'tertiary',
'strong',
'weak',
'quiet',
'primary',
'secondary',
'tertiary',
'strong',
'weak',
'quiet',
];
const toneSimpleVariantDictionary = [
'strong',
'weak',
'quiet',
'strong',
'weak',
'quiet',
];
const toneMinimalVariantDictionary = [
'strong',
'weak',
'strong',
'weak',
];
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

214

dist/collection/fixtures/cities.js
const citiesDictionary = [
'Agrigento',
'Alessandria',
'Ancona',
'Aosta',
'Arezzo',
'Ascoli Piceno',
'Asti',
'Avellino',
'Bari',
'Barletta-Andria-Trani',
'Belluno',
'Benevento',
'Bergamo',
'Biella',
'Bologna',
'Bolzano',
'Brescia',
'Brindisi',
'Cagliari',
'Caltanissetta',
'Campobasso',
'Caserta',
'Catania',
'Catanzaro',
'Chieti',
'Como',
'Cosenza',
'Cremona',
'Crotone',
'Cuneo',
'Enna',
'Fermo',
'Ferrara',
'Firenze',
'Foggia',
'Forlì-Cesena',
'Frosinone',
'Genova',
'Gorizia',
'Grosseto',
'Imperia',
'Isernia',
'La Spezia',
'L\'Aquila',
'Latina',
'Lecce',
'Lecco',
'Livorno',
'Lodi',
'Lucca',
'Macerata',
'Mantova',
'Massa-Carrara',
'Matera',
'Messina',
'Milano',
'Modena',
'Monza e della Brianza',
'Napoli',
'Novara',
'Nuoro',
'Oristano',
'Padova',
'Palermo',
'Parma',
'Pavia',
'Perugia',
'Pesaro e Urbino',
'Pescara',
'Piacenza',
'Pisa',
'Pistoia',
'Pordenone',
'Potenza',
'Prato',
'Ragusa',
'Ravenna',
'Reggio Calabria',
'Reggio Emilia',
'Rieti',
'Rimini',
'Roma',
'Rovigo',
'Salerno',
'Sassari',
'Savona',
'Siena',
'Siracusa',
'Sondrio',
'Sud Sardegna',
'Taranto',
'Teramo',
'Terni',
'Torino',
'Trapani',
'Trento',
'Treviso',
'Trieste',
'Udine',
'Varese',
'Venezia',
'Verbano-Cusio-Ossola',
'Vercelli',
'Verona',
'Vibo Valentia',
'Vicenza',
'Viterbo',
'Agrigento',
'Alessandria',
'Ancona',
'Aosta',
'Arezzo',
'Ascoli Piceno',
'Asti',
'Avellino',
'Bari',
'Barletta-Andria-Trani',
'Belluno',
'Benevento',
'Bergamo',
'Biella',
'Bologna',
'Bolzano',
'Brescia',
'Brindisi',
'Cagliari',
'Caltanissetta',
'Campobasso',
'Caserta',
'Catania',
'Catanzaro',
'Chieti',
'Como',
'Cosenza',
'Cremona',
'Crotone',
'Cuneo',
'Enna',
'Fermo',
'Ferrara',
'Firenze',
'Foggia',
'Forlì-Cesena',
'Frosinone',
'Genova',
'Gorizia',
'Grosseto',
'Imperia',
'Isernia',
'La Spezia',
'L\'Aquila',
'Latina',
'Lecce',
'Lecco',
'Livorno',
'Lodi',
'Lucca',
'Macerata',
'Mantova',
'Massa-Carrara',
'Matera',
'Messina',
'Milano',
'Modena',
'Monza e della Brianza',
'Napoli',
'Novara',
'Nuoro',
'Oristano',
'Padova',
'Palermo',
'Parma',
'Pavia',
'Perugia',
'Pesaro e Urbino',
'Pescara',
'Piacenza',
'Pisa',
'Pistoia',
'Pordenone',
'Potenza',
'Prato',
'Ragusa',
'Ravenna',
'Reggio Calabria',
'Reggio Emilia',
'Rieti',
'Rimini',
'Roma',
'Rovigo',
'Salerno',
'Sassari',
'Savona',
'Siena',
'Siracusa',
'Sondrio',
'Sud Sardegna',
'Taranto',
'Teramo',
'Terni',
'Torino',
'Trapani',
'Trento',
'Treviso',
'Trieste',
'Udine',
'Varese',
'Venezia',
'Verbano-Cusio-Ossola',
'Vercelli',
'Verona',
'Vibo Valentia',
'Vicenza',
'Viterbo',
];
export { citiesDictionary, };

4

dist/components/mds-dropdown.d.ts

@@ -5,4 +5,4 @@ import type { Components, JSX } from "../types/components";

export const MdsDropdown: {
prototype: MdsDropdown;
new (): MdsDropdown;
prototype: MdsDropdown;
new (): MdsDropdown;
};

@@ -9,0 +9,0 @@ /**

4

dist/documentation.json
{
"timestamp": "2023-11-13T20:04:05",
"timestamp": "2023-12-20T08:47:31",
"compiler": {
"name": "@stencil/core",
"version": "4.7.2",
"version": "4.8.0",
"typescriptVersion": "5.2.2"

@@ -7,0 +7,0 @@ },

2

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@

import{b as bootstrapLazy}from"./index-31c93719.js";export{s as setNonce}from"./index-31c93719.js";var defineCustomElements=function(e,a){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)};export{defineCustomElements};
import{b as bootstrapLazy}from"./index-e03de176.js";export{s as setNonce}from"./index-e03de176.js";var defineCustomElements=function(e,a){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)};export{defineCustomElements};

2

dist/esm-es5/mds-dropdown.entry.js

@@ -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{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):i(t.value).then(a,s)}c((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 c([t,e])}}function c(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-31c93719.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(window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(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};var sides=["top","right","bottom","left"];var alignments=["start","end"];var placements=sides.reduce((function(t,e){return t.concat(e,e+"-"+alignments[0],e+"-"+alignments[1])}),[]);var min=Math.min;var max=Math.max;var round=Math.round;var floor=Math.floor;var createCoords=function(t){return{x:t,y:t}};var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};var oppositeAlignmentMap={start:"end",end:"start"};function clamp(t,e,r){return max(t,min(e,r))}function evaluate(t,e){return typeof t==="function"?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return t==="x"?"y":"x"}function getAxisLength(t){return t==="y"?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var i=getAlignmentAxis(t);var o=getAxisLength(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[a,getOppositePlacement(a)]}function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return oppositeAlignmentMap[t]}))}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}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return oppositeSideMap[t]}))}function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getPaddingObject(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 computeCoordsFromPlacement(t,e,r){var n=t.reference,i=t.floating;var o=getSideAxis(e);var a=getAlignmentAxis(e);var s=getAxisLength(a);var c=getSide(e);var u=o==="y";var f=n.x+n.width/2-i.width/2;var l=n.y+n.height/2-i.height/2;var d=n[s]/2-i[s]/2;var g;switch(c){case"top":g={x:f,y:n.y-i.height};break;case"bottom":g={x:f,y:n.y+n.height};break;case"right":g={x:n.x+n.width,y:l};break;case"left":g={x:n.x-i.width,y:l};break;default:g={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":g[a]-=d*(r&&u?-1:1);break;case"end":g[a]+=d*(r&&u?-1:1);break}return g}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,i,o,a,s,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S;var P,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,c=s===void 0?[]:s,u=r.platform;f=c.filter(Boolean);return[4,u.isRTL==null?void 0:u.isRTL(e)];case 1:l=T.sent();return[4,u.getElementRects({reference:t,floating:e,strategy:a})];case 2:d=T.sent();g=computeCoordsFromPlacement(d,i,l),v=g.x,m=g.y;p=i;h={};w=0;b=0;T.label=3;case 3:if(!(b<f.length))return[3,11];x=f[b],y=x.name,k=x.fn;return[4,k({x:v,y:m,initialPlacement:i,placement:p,strategy:a,middlewareData:h,rects:d,platform:u,elements:{reference:t,floating:e}})];case 4:_=T.sent(),A=_.x,C=_.y,O=_.data,E=_.reset;v=A!=null?A:v;m=C!=null?C:m;h=__assign(__assign({},h),(P={},P[y]=__assign(__assign({},h[y]),O),P));if(!(E&&w<=50))return[3,10];w++;if(!(typeof E==="object"))return[3,9];if(E.placement){p=E.placement}if(!E.rects)return[3,8];if(!(E.rects===true))return[3,6];return[4,u.getElementRects({reference:t,floating:e,strategy:a})];case 5:S=T.sent();return[3,7];case 6:S=E.rects;T.label=7;case 7:d=S;T.label=8;case 8:R=computeCoordsFromPlacement(d,p,l),v=R.x,m=R.y;T.label=9;case 9:b=-1;return[3,10];case 10:b++;return[3,3];case 11:return[2,{x:v,y:m,placement:p,strategy:a,middlewareData:h}]}}))}))};function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D;var j;return __generator(this,(function(z){switch(z.label){case 0:if(e===void 0){e={}}n=t.x,i=t.y,o=t.platform,a=t.rects,s=t.elements,c=t.strategy;u=evaluate(e,t),f=u.boundary,l=f===void 0?"clippingAncestors":f,d=u.rootBoundary,g=d===void 0?"viewport":d,v=u.elementContext,m=v===void 0?"floating":v,p=u.altBoundary,h=p===void 0?false:p,w=u.padding,b=w===void 0?0:w;x=getPaddingObject(b);y=m==="floating"?"reference":"floating";k=s[h?y:m];A=rectToClientRect;O=(C=o).getClippingRect;j={};return[4,o.isElement==null?void 0:o.isElement(k)];case 1:if(!((r=z.sent())!=null?r:true))return[3,2];E=k;return[3,5];case 2:S=k.contextElement;if(S)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:S=z.sent();z.label=4;case 4:E=S;z.label=5;case 5:return[4,O.apply(C,[(j.element=E,j.boundary=l,j.rootBoundary=g,j.strategy=c,j)])];case 6:_=A.apply(void 0,[z.sent()]);P=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=z.sent();return[4,o.isElement==null?void 0:o.isElement(R)];case 8:if(!z.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(R)];case 9:N=z.sent()||{x:1,y:1};return[3,11];case 10:N={x:1,y:1};z.label=11;case 11:T=N;M=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:P,offsetParent:R,strategy:c})];case 12:D=z.sent();return[3,14];case 13:D=P;z.label=14;case 14:L=M.apply(void 0,[D]);return[2,{top:(_.top-L.top+x.top)/T.y,bottom:(L.bottom-_.bottom+x.bottom)/T.y,left:(_.left-L.left+x.left)/T.x,right:(L.right-_.right+x.right)/T.x}]}}))}))}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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D,j;var z,W;return __generator(this,(function(B){switch(B.label){case 0:r=e.x,n=e.y,i=e.placement,o=e.rects,a=e.platform,s=e.elements,c=e.middlewareData;u=evaluate(t,e)||{},f=u.element,l=u.padding,d=l===void 0?0:l;if(f==null){return[2,{}]}g=getPaddingObject(d);v={x:r,y:n};m=getAlignmentAxis(i);p=getAxisLength(m);return[4,a.getDimensions(f)];case 1:h=B.sent();w=m==="y";b=w?"top":"left";x=w?"bottom":"right";y=w?"clientHeight":"clientWidth";k=o.reference[p]+o.reference[m]-v[m]-o.floating[p];_=v[m]-o.reference[m];return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(f)];case 2:A=B.sent();C=A?A[y]:0;O=!C;if(O)return[3,4];return[4,a.isElement==null?void 0:a.isElement(A)];case 3:O=!B.sent();B.label=4;case 4:if(O){C=s.floating[y]||o.floating[p]}E=k/2-_/2;S=C/2-h[p]/2-1;P=min(g[b],S);R=min(g[x],S);T=P;N=C-h[p]-R;L=C/2-h[p]/2+E;M=clamp(T,L,N);D=!c.arrow&&getAlignment(i)!=null&&L!=M&&o.reference[p]/2-(L<T?P:R)-h[p]/2<0;j=D?L<T?L-T:L-N:0;return[2,(z={},z[m]=v[m]+j,z.data=__assign((W={},W[m]=M,W.centerOffset=L-M-j,W),D&&{alignmentOffset:j}),z.reset=D,z)]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T;return __generator(this,(function(N){switch(N.label){case 0:o=e.rects,a=e.middlewareData,s=e.placement,c=e.platform,u=e.elements;f=evaluate(t,e),l=f.crossAxis,d=l===void 0?false:l,g=f.alignment,v=f.allowedPlacements,m=v===void 0?placements:v,p=f.autoAlignment,h=p===void 0?true:p,w=__rest(f,["crossAxis","alignment","allowedPlacements","autoAlignment"]);b=g!==undefined||m===placements?getPlacementList(g||null,h,m):m;return[4,detectOverflow(e,w)];case 1:x=N.sent();y=((r=a.autoPlacement)==null?void 0:r.index)||0;k=b[y];if(k==null){return[2,{}]}A=getAlignmentSides;C=[k,o];return[4,c.isRTL==null?void 0:c.isRTL(u.floating)];case 2:_=A.apply(void 0,C.concat([N.sent()]));if(s!==k){return[2,{reset:{placement:b[0]}}]}O=[x[getSide(k)],x[_[0]],x[_[1]]];E=__spreadArray(__spreadArray([],((n=a.autoPlacement)==null?void 0:n.overflows)||[],true),[{placement:k,overflows:O}],false);S=b[y+1];if(S){return[2,{data:{index:y+1,overflows:E},reset:{placement:S}}]}P=E.map((function(t){var e=getAlignment(t.placement);return[t.placement,e&&d?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]}));R=P.filter((function(t){return t[2].slice(0,getAlignment(t[0])?2:3).every((function(t){return t<=0}))}));T=((i=R[0])==null?void 0:i[0])||P[0][0];if(T!==s){return[2,{data:{index:y+1,overflows:E},reset:{placement:T}}]}return[2,{}]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D,j,z,W;return __generator(this,(function(B){switch(B.label){case 0:i=e.placement,o=e.middlewareData,a=e.rects,s=e.initialPlacement,c=e.platform,u=e.elements;f=evaluate(t,e),l=f.mainAxis,d=l===void 0?true:l,g=f.crossAxis,v=g===void 0?true:g,m=f.fallbackPlacements,p=f.fallbackStrategy,h=p===void 0?"bestFit":p,w=f.fallbackAxisSideDirection,b=w===void 0?"none":w,x=f.flipAlignment,y=x===void 0?true:x,k=__rest(f,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((r=o.arrow)!=null&&r.alignmentOffset){return[2,{}]}_=getSide(i);A=getSide(s)===s;return[4,c.isRTL==null?void 0:c.isRTL(u.floating)];case 1:C=B.sent();O=m||(A||!y?[getOppositePlacement(s)]:getExpandedPlacements(s));if(!m&&b!=="none"){O.push.apply(O,getOppositeAxisPlacements(s,y,b,C))}E=__spreadArray([s],O,true);return[4,detectOverflow(e,k)];case 2:S=B.sent();P=[];R=((n=o.flip)==null?void 0:n.overflows)||[];if(d){P.push(S[_])}if(v){T=getAlignmentSides(i,a,C);P.push(S[T[0]],S[T[1]])}R=__spreadArray(__spreadArray([],R,true),[{placement:i,overflows:P}],false);if(!P.every((function(t){return t<=0}))){M=(((N=o.flip)==null?void 0:N.index)||0)+1;D=E[M];if(D){return[2,{data:{index:M,overflows:R},reset:{placement:D}}]}j=(L=R.filter((function(t){return t.overflows[0]<=0})).sort((function(t,e){return t.overflows[1]-e.overflows[1]}))[0])==null?void 0:L.placement;if(!j){switch(h){case"bestFit":{W=(z=R.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(W){j=W}break}case"initialPlacement":j=s;break}}if(i!==j){return[2,{reset:{placement:j}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,c,u,f,l,d,g,v,m;return __generator(this,(function(p){switch(p.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=p.sent();a=getSide(r);s=getAlignment(r);c=getSideAxis(r)==="y";u=["left","top"].includes(a)?-1:1;f=o&&c?-1:1;l=evaluate(e,t);d=typeof l==="number"?{mainAxis:l,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},l),g=d.mainAxis,v=d.crossAxis,m=d.alignmentAxis;if(s&&typeof m==="number"){v=s==="end"?m*-1:m}return[2,c?{x:v*f,y:g*u}:{x:g*u,y:v*f}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i;return __generator(this,(function(o){switch(o.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:i=o.sent();return[2,{x:r+i.x,y:n+i.y,data:i}]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,b,x,_,A,C;var O;return __generator(this,(function(E){switch(E.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,c=o.crossAxis,u=c===void 0?false:c,f=o.limiter,l=f===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:f,d=__rest(o,["mainAxis","crossAxis","limiter"]);g={x:r,y:n};return[4,detectOverflow(e,d)];case 1:v=E.sent();m=getSideAxis(getSide(i));p=getOppositeAxis(m);h=g[p];w=g[m];if(s){b=p==="y"?"top":"left";x=p==="y"?"bottom":"right";y=h+v[b];k=h-v[x];h=clamp(y,h,k)}if(u){b=m==="y"?"top":"left";x=m==="y"?"bottom":"right";_=w+v[b];A=w-v[x];w=clamp(_,w,A)}C=l.fn(__assign(__assign({},e),(O={},O[p]=h,O[m]=w,O)));return[2,__assign(__assign({},C),{data:{x:C.x-r,y:C.y-n}})]}}))}))}}};function getNodeName(t){if(isNode(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function getWindow(t){var e;return(t==null?void 0:(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return(e=(isNode(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot}function isOverflowElement(t){var e=getComputedStyle(t),r=e.overflow,n=e.overflowX,i=e.overflowY,o=e.display;return/auto|scroll|overlay|hidden|clip/.test(r+i+n)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=isWebKit();var r=getComputedStyle(t);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":false)||!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 getContainingBlock(t){var e=getParentNode(t);while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{e=getParentNode(e)}}return null}function isWebKit(){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))}function getComputedStyle(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){if(isElement(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}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,r){var n;if(e===void 0){e=[]}if(r===void 0){r=true}var i=getNearestOverflowAncestor(t);var o=i===((n=t.ownerDocument)==null?void 0:n.body);var a=getWindow(i);if(o){return e.concat(a,a.visualViewport||[],isOverflowElement(i)?i:[],a.frameElement&&r?getOverflowAncestors(a.frameElement):[])}return e.concat(i,getOverflowAncestors(i,[],r))}function getCssDimensions(t){var e=getComputedStyle(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 createCoords(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 c=(a?round(r.height):r.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!c||!Number.isFinite(c)){c=1}return{x:s,y:c}}var noOffsets=createCoords(0);function getVisualOffsets(t){var e=getWindow(t);if(!isWebKit()||!e.visualViewport){return noOffsets}return{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function shouldAddVisualOffsets(t,e,r){if(e===void 0){e=false}if(!r||e&&r!==getWindow(t)){return false}return e}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=createCoords(1);if(e){if(n){if(isElement(n)){a=getScale(n)}}else{a=getScale(t)}}var s=shouldAddVisualOffsets(o,r,n)?getVisualOffsets(o):createCoords(0);var c=(i.left+s.x)/a.x;var u=(i.top+s.y)/a.y;var f=i.width/a.x;var l=i.height/a.y;if(o){var d=getWindow(o);var g=n&&isElement(n)?getWindow(n):n;var v=d.frameElement;while(v&&n&&g!==d){var m=getScale(v);var p=v.getBoundingClientRect();var h=getComputedStyle(v);var w=p.left+(v.clientLeft+parseFloat(h.paddingLeft))*m.x;var b=p.top+(v.clientTop+parseFloat(h.paddingTop))*m.y;c*=m.x;u*=m.y;f*=m.x;l*=m.y;c+=w;u+=b;v=getWindow(v).frameElement}}return rectToClientRect({width:f,height:l,x:c,y:u})}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=createCoords(1);var c=createCoords(0);if(i||!i&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(o)){a=getNodeScroll(r)}if(isHTMLElement(r)){var u=getBoundingClientRect(r);s=getScale(r);c.x=u.x+r.clientLeft;c.y=u.y+r.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+c.x,y:e.y*s.y-a.scrollTop*s.y+c.y}}function getClientRects(t){return Array.from(t.getClientRects())}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(n).direction==="rtl"){a+=max(e.clientWidth,n.clientWidth)-i}return{width:i,height:o,x:a,y:s}}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 c=0;if(i){o=i.width;a=i.height;var u=isWebKit();if(!u||u&&e==="fixed"){s=i.offsetLeft;c=i.offsetTop}}return{width:o,height:a,x:s,y:c}}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):createCoords(1);var a=t.clientWidth*o.x;var s=t.clientHeight*o.y;var c=i*o.x;var u=n*o.y;return{width:a,height:s,x:c,y:u}}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(r).position==="fixed"||hasFixedPositionAncestor(r,e)}function getClippingElementAncestors(t,e){var r=e.get(t);if(r){return r}var n=getOverflowAncestors(t,[],false).filter((function(t){return isElement(t)&&getNodeName(t)!=="body"}));var i=null;var o=getComputedStyle(t).position==="fixed";var a=o?getParentNode(t):t;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle(a);var c=isContainingBlock(a);if(!c&&s.position==="fixed"){i=null}var u=o?!c&&!i:!c&&s.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(a)&&!c&&hasFixedPositionAncestor(t,a);if(u){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 c=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:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function getDimensions(t){return getCssDimensions(t)}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 c=createCoords(0);if(n||!n&&!o){if(getNodeName(e)!=="body"||isOverflowElement(i)){s=getNodeScroll(e)}if(n){var u=getBoundingClientRect(e,true,o,e);c.x=u.x+e.clientLeft;c.y=u.y+e.clientTop}else if(i){c.x=getWindowScrollBarX(i)}}return{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function getTrueOffsetParent(t,e){if(!isHTMLElement(t)||getComputedStyle(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function getOffsetParent(t,e){var r=getWindow(t);if(!isHTMLElement(t)){return r}var n=getTrueOffsetParent(t,e);while(n&&isTableElement(n)&&getComputedStyle(n).position==="static"){n=getTrueOffsetParent(n,e)}if(n&&(getNodeName(n)==="html"||getNodeName(n)==="body"&&getComputedStyle(n).position==="static"&&!isContainingBlock(n))){return r}return n||getContainingBlock(t)||r}var getElementRects=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,n,i,o,a,s,c;var u;return __generator(this,(function(f){switch(f.label){case 0:e=t.reference,r=t.floating,n=t.strategy;i=this.getOffsetParent||getOffsetParent;o=this.getDimensions;u={};a=getRectRelativeToOffsetParent;s=[e];return[4,i(r)];case 1:u.reference=a.apply(void 0,s.concat([f.sent(),n]));c=[{x:0,y:0}];return[4,o(r)];case 2:return[2,(u.floating=__assign.apply(void 0,c.concat([f.sent()])),u)]}}))}))};function isRTL(t){return getComputedStyle(t).direction==="rtl"}var platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};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,c){if(s===void 0){s=false}if(c===void 0){c=1}o();var u=t.getBoundingClientRect(),f=u.left,l=u.top,d=u.width,g=u.height;if(!s){e()}if(!d||!g){return}var v=floor(l);var m=floor(i.clientWidth-(f+d));var p=floor(i.clientHeight-(l+g));var h=floor(f);var w=-v+"px "+-m+"px "+-p+"px "+-h+"px";var b={rootMargin:w,threshold:max(0,min(1,c))||1};var x=true;function y(t){var e=t[0].intersectionRatio;if(e!==c){if(!x){return a()}if(!e){n=setTimeout((function(){a(false,1e-7)}),100)}else{a(false,e)}}x=false}try{r=new IntersectionObserver(y,__assign(__assign({},b),{root:i.ownerDocument}))}catch(t){r=new IntersectionObserver(y,b)}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,c=n.elementResize,u=c===void 0?typeof ResizeObserver==="function":c,f=n.layoutShift,l=f===void 0?typeof IntersectionObserver==="function":f,d=n.animationFrame,g=d===void 0?false:d;var v=unwrapElement(t);var m=o||s?__spreadArray(__spreadArray([],v?getOverflowAncestors(v):[],true),getOverflowAncestors(e),true):[];m.forEach((function(t){o&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var p=v&&l?observeMove(v,r):null;var h=-1;var w=null;if(u){w=new ResizeObserver((function(t){var n=t[0];if(n&&n.target===v&&w){w.unobserve(e);cancelAnimationFrame(h);h=requestAnimationFrame((function(){w&&w.observe(e)}))}r()}));if(v&&!g){w.observe(v)}w.observe(e)}var b;var x=g?getBoundingClientRect(t):null;if(g){y()}function y(){var e=getBoundingClientRect(t);if(x&&(e.x!==x.x||e.y!==x.y||e.width!==x.width||e.height!==x.height)){r()}x=e;b=requestAnimationFrame(y)}r();return function(){m.forEach((function(t){o&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));p&&p();w&&w.disconnect();w=null;if(g){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:rgb(var(--brand-maggioli-06) / var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgb(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:rgb(var(--tone-neutral-02) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(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);gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);pointer-events:none;position:fixed;-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"])){opacity:1;pointer-events:auto;-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{top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);pointer-events:none;position:fixed;-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(*){z-index:10;position:relative}';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}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};
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{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):i(t.value).then(a,s)}c((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 c([t,e])}}function c(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-e03de176.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(window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(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};var sides=["top","right","bottom","left"];var alignments=["start","end"];var placements=sides.reduce((function(t,e){return t.concat(e,e+"-"+alignments[0],e+"-"+alignments[1])}),[]);var min=Math.min;var max=Math.max;var round=Math.round;var floor=Math.floor;var createCoords=function(t){return{x:t,y:t}};var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};var oppositeAlignmentMap={start:"end",end:"start"};function clamp(t,e,r){return max(t,min(e,r))}function evaluate(t,e){return typeof t==="function"?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return t==="x"?"y":"x"}function getAxisLength(t){return t==="y"?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,r){if(r===void 0){r=false}var n=getAlignment(t);var i=getAlignmentAxis(t);var o=getAxisLength(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[a,getOppositePlacement(a)]}function getExpandedPlacements(t){var e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(function(t){return oppositeAlignmentMap[t]}))}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}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(function(t){return oppositeSideMap[t]}))}function expandPaddingObject(t){return __assign({top:0,right:0,bottom:0,left:0},t)}function getPaddingObject(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 computeCoordsFromPlacement(t,e,r){var n=t.reference,i=t.floating;var o=getSideAxis(e);var a=getAlignmentAxis(e);var s=getAxisLength(a);var c=getSide(e);var u=o==="y";var f=n.x+n.width/2-i.width/2;var l=n.y+n.height/2-i.height/2;var d=n[s]/2-i[s]/2;var g;switch(c){case"top":g={x:f,y:n.y-i.height};break;case"bottom":g={x:f,y:n.y+n.height};break;case"right":g={x:n.x+n.width,y:l};break;case"left":g={x:n.x-i.width,y:l};break;default:g={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":g[a]-=d*(r&&u?-1:1);break;case"end":g[a]+=d*(r&&u?-1:1);break}return g}var computePosition$1=function(t,e,r){return __awaiter(void 0,void 0,void 0,(function(){var n,i,o,a,s,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S;var P,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,c=s===void 0?[]:s,u=r.platform;f=c.filter(Boolean);return[4,u.isRTL==null?void 0:u.isRTL(e)];case 1:l=T.sent();return[4,u.getElementRects({reference:t,floating:e,strategy:a})];case 2:d=T.sent();g=computeCoordsFromPlacement(d,i,l),v=g.x,m=g.y;p=i;h={};w=0;b=0;T.label=3;case 3:if(!(b<f.length))return[3,11];x=f[b],y=x.name,k=x.fn;return[4,k({x:v,y:m,initialPlacement:i,placement:p,strategy:a,middlewareData:h,rects:d,platform:u,elements:{reference:t,floating:e}})];case 4:_=T.sent(),A=_.x,C=_.y,O=_.data,E=_.reset;v=A!=null?A:v;m=C!=null?C:m;h=__assign(__assign({},h),(P={},P[y]=__assign(__assign({},h[y]),O),P));if(!(E&&w<=50))return[3,10];w++;if(!(typeof E==="object"))return[3,9];if(E.placement){p=E.placement}if(!E.rects)return[3,8];if(!(E.rects===true))return[3,6];return[4,u.getElementRects({reference:t,floating:e,strategy:a})];case 5:S=T.sent();return[3,7];case 6:S=E.rects;T.label=7;case 7:d=S;T.label=8;case 8:R=computeCoordsFromPlacement(d,p,l),v=R.x,m=R.y;T.label=9;case 9:b=-1;return[3,10];case 10:b++;return[3,3];case 11:return[2,{x:v,y:m,placement:p,strategy:a,middlewareData:h}]}}))}))};function detectOverflow(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D;var z;return __generator(this,(function(j){switch(j.label){case 0:if(e===void 0){e={}}n=t.x,i=t.y,o=t.platform,a=t.rects,s=t.elements,c=t.strategy;u=evaluate(e,t),f=u.boundary,l=f===void 0?"clippingAncestors":f,d=u.rootBoundary,g=d===void 0?"viewport":d,v=u.elementContext,m=v===void 0?"floating":v,p=u.altBoundary,h=p===void 0?false:p,w=u.padding,b=w===void 0?0:w;x=getPaddingObject(b);y=m==="floating"?"reference":"floating";k=s[h?y:m];A=rectToClientRect;O=(C=o).getClippingRect;z={};return[4,o.isElement==null?void 0:o.isElement(k)];case 1:if(!((r=j.sent())!=null?r:true))return[3,2];E=k;return[3,5];case 2:S=k.contextElement;if(S)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:S=j.sent();j.label=4;case 4:E=S;j.label=5;case 5:return[4,O.apply(C,[(z.element=E,z.boundary=l,z.rootBoundary=g,z.strategy=c,z)])];case 6:_=A.apply(void 0,[j.sent()]);P=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=j.sent();return[4,o.isElement==null?void 0:o.isElement(R)];case 8:if(!j.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(R)];case 9:N=j.sent()||{x:1,y:1};return[3,11];case 10:N={x:1,y:1};j.label=11;case 11:T=N;M=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:P,offsetParent:R,strategy:c})];case 12:D=j.sent();return[3,14];case 13:D=P;j.label=14;case 14:L=M.apply(void 0,[D]);return[2,{top:(_.top-L.top+x.top)/T.y,bottom:(L.bottom-_.bottom+x.bottom)/T.y,left:(_.left-L.left+x.left)/T.x,right:(L.right-_.right+x.right)/T.x}]}}))}))}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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D,z;var j,W;return __generator(this,(function(B){switch(B.label){case 0:r=e.x,n=e.y,i=e.placement,o=e.rects,a=e.platform,s=e.elements,c=e.middlewareData;u=evaluate(t,e)||{},f=u.element,l=u.padding,d=l===void 0?0:l;if(f==null){return[2,{}]}g=getPaddingObject(d);v={x:r,y:n};m=getAlignmentAxis(i);p=getAxisLength(m);return[4,a.getDimensions(f)];case 1:h=B.sent();w=m==="y";b=w?"top":"left";x=w?"bottom":"right";y=w?"clientHeight":"clientWidth";k=o.reference[p]+o.reference[m]-v[m]-o.floating[p];_=v[m]-o.reference[m];return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(f)];case 2:A=B.sent();C=A?A[y]:0;O=!C;if(O)return[3,4];return[4,a.isElement==null?void 0:a.isElement(A)];case 3:O=!B.sent();B.label=4;case 4:if(O){C=s.floating[y]||o.floating[p]}E=k/2-_/2;S=C/2-h[p]/2-1;P=min(g[b],S);R=min(g[x],S);T=P;N=C-h[p]-R;L=C/2-h[p]/2+E;M=clamp(T,L,N);D=!c.arrow&&getAlignment(i)!=null&&L!=M&&o.reference[p]/2-(L<T?P:R)-h[p]/2<0;z=D?L<T?L-T:L-N:0;return[2,(j={},j[m]=v[m]+z,j.data=__assign((W={},W[m]=M,W.centerOffset=L-M-z,W),D&&{alignmentOffset:z}),j.reset=D,j)]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T;return __generator(this,(function(N){switch(N.label){case 0:o=e.rects,a=e.middlewareData,s=e.placement,c=e.platform,u=e.elements;f=evaluate(t,e),l=f.crossAxis,d=l===void 0?false:l,g=f.alignment,v=f.allowedPlacements,m=v===void 0?placements:v,p=f.autoAlignment,h=p===void 0?true:p,w=__rest(f,["crossAxis","alignment","allowedPlacements","autoAlignment"]);b=g!==undefined||m===placements?getPlacementList(g||null,h,m):m;return[4,detectOverflow(e,w)];case 1:x=N.sent();y=((r=a.autoPlacement)==null?void 0:r.index)||0;k=b[y];if(k==null){return[2,{}]}A=getAlignmentSides;C=[k,o];return[4,c.isRTL==null?void 0:c.isRTL(u.floating)];case 2:_=A.apply(void 0,C.concat([N.sent()]));if(s!==k){return[2,{reset:{placement:b[0]}}]}O=[x[getSide(k)],x[_[0]],x[_[1]]];E=__spreadArray(__spreadArray([],((n=a.autoPlacement)==null?void 0:n.overflows)||[],true),[{placement:k,overflows:O}],false);S=b[y+1];if(S){return[2,{data:{index:y+1,overflows:E},reset:{placement:S}}]}P=E.map((function(t){var e=getAlignment(t.placement);return[t.placement,e&&d?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]}));R=P.filter((function(t){return t[2].slice(0,getAlignment(t[0])?2:3).every((function(t){return t<=0}))}));T=((i=R[0])==null?void 0:i[0])||P[0][0];if(T!==s){return[2,{data:{index:y+1,overflows:E},reset:{placement:T}}]}return[2,{}]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,_,A,C,O,E,S,P,R,T,N,L,M,D,z,j,W;return __generator(this,(function(B){switch(B.label){case 0:i=e.placement,o=e.middlewareData,a=e.rects,s=e.initialPlacement,c=e.platform,u=e.elements;f=evaluate(t,e),l=f.mainAxis,d=l===void 0?true:l,g=f.crossAxis,v=g===void 0?true:g,m=f.fallbackPlacements,p=f.fallbackStrategy,h=p===void 0?"bestFit":p,w=f.fallbackAxisSideDirection,b=w===void 0?"none":w,x=f.flipAlignment,y=x===void 0?true:x,k=__rest(f,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((r=o.arrow)!=null&&r.alignmentOffset){return[2,{}]}_=getSide(i);A=getSide(s)===s;return[4,c.isRTL==null?void 0:c.isRTL(u.floating)];case 1:C=B.sent();O=m||(A||!y?[getOppositePlacement(s)]:getExpandedPlacements(s));if(!m&&b!=="none"){O.push.apply(O,getOppositeAxisPlacements(s,y,b,C))}E=__spreadArray([s],O,true);return[4,detectOverflow(e,k)];case 2:S=B.sent();P=[];R=((n=o.flip)==null?void 0:n.overflows)||[];if(d){P.push(S[_])}if(v){T=getAlignmentSides(i,a,C);P.push(S[T[0]],S[T[1]])}R=__spreadArray(__spreadArray([],R,true),[{placement:i,overflows:P}],false);if(!P.every((function(t){return t<=0}))){M=(((N=o.flip)==null?void 0:N.index)||0)+1;D=E[M];if(D){return[2,{data:{index:M,overflows:R},reset:{placement:D}}]}z=(L=R.filter((function(t){return t.overflows[0]<=0})).sort((function(t,e){return t.overflows[1]-e.overflows[1]}))[0])==null?void 0:L.placement;if(!z){switch(h){case"bestFit":{W=(j=R.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:j[0];if(W){z=W}break}case"initialPlacement":z=s;break}}if(i!==z){return[2,{reset:{placement:z}}]}}return[2,{}]}}))}))}}};function convertValueToCoords(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,i,o,a,s,c,u,f,l,d,g,v,m;return __generator(this,(function(p){switch(p.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=p.sent();a=getSide(r);s=getAlignment(r);c=getSideAxis(r)==="y";u=["left","top"].includes(a)?-1:1;f=o&&c?-1:1;l=evaluate(e,t);d=typeof l==="number"?{mainAxis:l,crossAxis:0,alignmentAxis:null}:__assign({mainAxis:0,crossAxis:0,alignmentAxis:null},l),g=d.mainAxis,v=d.crossAxis,m=d.alignmentAxis;if(s&&typeof m==="number"){v=s==="end"?m*-1:m}return[2,c?{x:v*f,y:g*u}:{x:g*u,y:v*f}]}}))}))}var offset=function(t){if(t===void 0){t=0}return{name:"offset",options:t,fn:function(e){return __awaiter(this,void 0,void 0,(function(){var r,n,i;return __generator(this,(function(o){switch(o.label){case 0:r=e.x,n=e.y;return[4,convertValueToCoords(e,t)];case 1:i=o.sent();return[2,{x:r+i.x,y:n+i.y,data:i}]}}))}))}}};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,c,u,f,l,d,g,v,m,p,h,w,b,x,y,k,b,x,_,A,C;var O;return __generator(this,(function(E){switch(E.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,c=o.crossAxis,u=c===void 0?false:c,f=o.limiter,l=f===void 0?{fn:function(t){var e=t.x,r=t.y;return{x:e,y:r}}}:f,d=__rest(o,["mainAxis","crossAxis","limiter"]);g={x:r,y:n};return[4,detectOverflow(e,d)];case 1:v=E.sent();m=getSideAxis(getSide(i));p=getOppositeAxis(m);h=g[p];w=g[m];if(s){b=p==="y"?"top":"left";x=p==="y"?"bottom":"right";y=h+v[b];k=h-v[x];h=clamp(y,h,k)}if(u){b=m==="y"?"top":"left";x=m==="y"?"bottom":"right";_=w+v[b];A=w-v[x];w=clamp(_,w,A)}C=l.fn(__assign(__assign({},e),(O={},O[p]=h,O[m]=w,O)));return[2,__assign(__assign({},C),{data:{x:C.x-r,y:C.y-n}})]}}))}))}}};function getNodeName(t){if(isNode(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function getWindow(t){var e;return(t==null?void 0:(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return(e=(isNode(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot}function isOverflowElement(t){var e=getComputedStyle(t),r=e.overflow,n=e.overflowX,i=e.overflowY,o=e.display;return/auto|scroll|overlay|hidden|clip/.test(r+i+n)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){var e=isWebKit();var r=getComputedStyle(t);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":false)||!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 getContainingBlock(t){var e=getParentNode(t);while(isHTMLElement(e)&&!isLastTraversableNode(e)){if(isContainingBlock(e)){return e}else{e=getParentNode(e)}}return null}function isWebKit(){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))}function getComputedStyle(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){if(isElement(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}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,r){var n;if(e===void 0){e=[]}if(r===void 0){r=true}var i=getNearestOverflowAncestor(t);var o=i===((n=t.ownerDocument)==null?void 0:n.body);var a=getWindow(i);if(o){return e.concat(a,a.visualViewport||[],isOverflowElement(i)?i:[],a.frameElement&&r?getOverflowAncestors(a.frameElement):[])}return e.concat(i,getOverflowAncestors(i,[],r))}function getCssDimensions(t){var e=getComputedStyle(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 createCoords(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 c=(a?round(r.height):r.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!c||!Number.isFinite(c)){c=1}return{x:s,y:c}}var noOffsets=createCoords(0);function getVisualOffsets(t){var e=getWindow(t);if(!isWebKit()||!e.visualViewport){return noOffsets}return{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function shouldAddVisualOffsets(t,e,r){if(e===void 0){e=false}if(!r||e&&r!==getWindow(t)){return false}return e}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=createCoords(1);if(e){if(n){if(isElement(n)){a=getScale(n)}}else{a=getScale(t)}}var s=shouldAddVisualOffsets(o,r,n)?getVisualOffsets(o):createCoords(0);var c=(i.left+s.x)/a.x;var u=(i.top+s.y)/a.y;var f=i.width/a.x;var l=i.height/a.y;if(o){var d=getWindow(o);var g=n&&isElement(n)?getWindow(n):n;var v=d.frameElement;while(v&&n&&g!==d){var m=getScale(v);var p=v.getBoundingClientRect();var h=getComputedStyle(v);var w=p.left+(v.clientLeft+parseFloat(h.paddingLeft))*m.x;var b=p.top+(v.clientTop+parseFloat(h.paddingTop))*m.y;c*=m.x;u*=m.y;f*=m.x;l*=m.y;c+=w;u+=b;v=getWindow(v).frameElement}}return rectToClientRect({width:f,height:l,x:c,y:u})}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=createCoords(1);var c=createCoords(0);if(i||!i&&n!=="fixed"){if(getNodeName(r)!=="body"||isOverflowElement(o)){a=getNodeScroll(r)}if(isHTMLElement(r)){var u=getBoundingClientRect(r);s=getScale(r);c.x=u.x+r.clientLeft;c.y=u.y+r.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+c.x,y:e.y*s.y-a.scrollTop*s.y+c.y}}function getClientRects(t){return Array.from(t.getClientRects())}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(n).direction==="rtl"){a+=max(e.clientWidth,n.clientWidth)-i}return{width:i,height:o,x:a,y:s}}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 c=0;if(i){o=i.width;a=i.height;var u=isWebKit();if(!u||u&&e==="fixed"){s=i.offsetLeft;c=i.offsetTop}}return{width:o,height:a,x:s,y:c}}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):createCoords(1);var a=t.clientWidth*o.x;var s=t.clientHeight*o.y;var c=i*o.x;var u=n*o.y;return{width:a,height:s,x:c,y:u}}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(r).position==="fixed"||hasFixedPositionAncestor(r,e)}function getClippingElementAncestors(t,e){var r=e.get(t);if(r){return r}var n=getOverflowAncestors(t,[],false).filter((function(t){return isElement(t)&&getNodeName(t)!=="body"}));var i=null;var o=getComputedStyle(t).position==="fixed";var a=o?getParentNode(t):t;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle(a);var c=isContainingBlock(a);if(!c&&s.position==="fixed"){i=null}var u=o?!c&&!i:!c&&s.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(a)&&!c&&hasFixedPositionAncestor(t,a);if(u){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 c=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:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function getDimensions(t){return getCssDimensions(t)}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 c=createCoords(0);if(n||!n&&!o){if(getNodeName(e)!=="body"||isOverflowElement(i)){s=getNodeScroll(e)}if(n){var u=getBoundingClientRect(e,true,o,e);c.x=u.x+e.clientLeft;c.y=u.y+e.clientTop}else if(i){c.x=getWindowScrollBarX(i)}}return{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function getTrueOffsetParent(t,e){if(!isHTMLElement(t)||getComputedStyle(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function getOffsetParent(t,e){var r=getWindow(t);if(!isHTMLElement(t)){return r}var n=getTrueOffsetParent(t,e);while(n&&isTableElement(n)&&getComputedStyle(n).position==="static"){n=getTrueOffsetParent(n,e)}if(n&&(getNodeName(n)==="html"||getNodeName(n)==="body"&&getComputedStyle(n).position==="static"&&!isContainingBlock(n))){return r}return n||getContainingBlock(t)||r}var getElementRects=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,n,i,o,a,s,c;var u;return __generator(this,(function(f){switch(f.label){case 0:e=t.reference,r=t.floating,n=t.strategy;i=this.getOffsetParent||getOffsetParent;o=this.getDimensions;u={};a=getRectRelativeToOffsetParent;s=[e];return[4,i(r)];case 1:u.reference=a.apply(void 0,s.concat([f.sent(),n]));c=[{x:0,y:0}];return[4,o(r)];case 2:return[2,(u.floating=__assign.apply(void 0,c.concat([f.sent()])),u)]}}))}))};function isRTL(t){return getComputedStyle(t).direction==="rtl"}var platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};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,c){if(s===void 0){s=false}if(c===void 0){c=1}o();var u=t.getBoundingClientRect(),f=u.left,l=u.top,d=u.width,g=u.height;if(!s){e()}if(!d||!g){return}var v=floor(l);var m=floor(i.clientWidth-(f+d));var p=floor(i.clientHeight-(l+g));var h=floor(f);var w=-v+"px "+-m+"px "+-p+"px "+-h+"px";var b={rootMargin:w,threshold:max(0,min(1,c))||1};var x=true;function y(t){var e=t[0].intersectionRatio;if(e!==c){if(!x){return a()}if(!e){n=setTimeout((function(){a(false,1e-7)}),100)}else{a(false,e)}}x=false}try{r=new IntersectionObserver(y,__assign(__assign({},b),{root:i.ownerDocument}))}catch(t){r=new IntersectionObserver(y,b)}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,c=n.elementResize,u=c===void 0?typeof ResizeObserver==="function":c,f=n.layoutShift,l=f===void 0?typeof IntersectionObserver==="function":f,d=n.animationFrame,g=d===void 0?false:d;var v=unwrapElement(t);var m=o||s?__spreadArray(__spreadArray([],v?getOverflowAncestors(v):[],true),getOverflowAncestors(e),true):[];m.forEach((function(t){o&&t.addEventListener("scroll",r,{passive:true});s&&t.addEventListener("resize",r)}));var p=v&&l?observeMove(v,r):null;var h=-1;var w=null;if(u){w=new ResizeObserver((function(t){var n=t[0];if(n&&n.target===v&&w){w.unobserve(e);cancelAnimationFrame(h);h=requestAnimationFrame((function(){w&&w.observe(e)}))}r()}));if(v&&!g){w.observe(v)}w.observe(e)}var b;var x=g?getBoundingClientRect(t):null;if(g){y()}function y(){var e=getBoundingClientRect(t);if(x&&(e.x!==x.x||e.y!==x.y||e.width!==x.width||e.height!==x.height)){r()}x=e;b=requestAnimationFrame(y)}r();return function(){m.forEach((function(t){o&&t.removeEventListener("scroll",r);s&&t.removeEventListener("resize",r)}));p&&p();w&&w.disconnect();w=null;if(g){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}.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-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:rgb(var(--brand-maggioli-06) / var(--tw-bg-opacity))}.bg-tone-neutral-08{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-08) / var(--tw-bg-opacity))}.px-0{padding-left:0rem;padding-right:0rem}.text{font-size:1rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgb(var(--tone-neutral-02) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(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);gap:1rem;border-radius:0.5rem;padding:1.5rem;opacity:0;background-color:var(--mds-dropdown-background);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;-webkit-filter:var(--mds-dropdown-drop-shadow);filter:var(--mds-dropdown-drop-shadow);pointer-events:none;position:fixed;-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"])){opacity:1;pointer-events:auto;-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{top:-1rem;display:-ms-flexbox;display:flex;fill:var(--mds-dropdown-arrow-background);pointer-events:none;position:fixed;-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(*){z-index:10;position:relative}';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}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};

2

dist/esm-es5/mds-dropdown.js

@@ -1,1 +0,1 @@

import{p as promiseResolve,b as bootstrapLazy}from"./index-31c93719.js";export{s as setNonce}from"./index-31c93719.js";var patchBrowser=function(){var a=import.meta.url;var e={};if(a!==""){e.resourcesUrl=new URL(".",a).href}return promiseResolve(e)};patchBrowser().then((function(a){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)}));
import{p as promiseResolve,b as bootstrapLazy}from"./index-e03de176.js";export{s as setNonce}from"./index-e03de176.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){return bootstrapLazy([["mds-dropdown",[[1,"mds-dropdown",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[4],flip:[4],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],e)}));

4

dist/esm/loader.js

@@ -1,3 +0,3 @@

import { b as bootstrapLazy } from './index-31c93719.js';
export { s as setNonce } from './index-31c93719.js';
import { b as bootstrapLazy } from './index-e03de176.js';
export { s as setNonce } from './index-e03de176.js';

@@ -4,0 +4,0 @@ const defineCustomElements = (win, options) => {

6

dist/esm/mds-dropdown.js

@@ -1,6 +0,6 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-31c93719.js';
export { s as setNonce } from './index-31c93719.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-e03de176.js';
export { s as setNonce } from './index-e03de176.js';
/*
Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
*/

@@ -7,0 +7,0 @@ const patchBrowser = () => {

2

dist/mds-dropdown/mds-dropdown.esm.js

@@ -1,1 +0,1 @@

import{p as a,b as e}from"./p-077fe75b.js";export{s as setNonce}from"./p-077fe75b.js";(()=>{const e=import.meta.url,d={};return""!==e&&(d.resourcesUrl=new URL(".",e).href),a(d)})().then((a=>e([["p-f021cbfc",[[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"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)));
import{p as a,b as e}from"./p-4571a61b.js";export{s as setNonce}from"./p-4571a61b.js";(()=>{const e=import.meta.url,d={};return""!==e&&(d.resourcesUrl=new URL(".",e).href),a(d)})().then((a=>e([["p-1869be43",[[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"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)));

60

dist/stats.json
{
"timestamp": "2023-11-13T20:04:05",
"timestamp": "2023-12-20T08:47:31",
"compiler": {
"name": "node",
"version": "18.16.1"
"version": "20.10.0"
},

@@ -59,3 +59,3 @@ "app": {

"generatedFiles": [
"./dist/cjs/index-0ef5a29d.js",
"./dist/cjs/index-b6745f83.js",
"./dist/cjs/index.cjs.js",

@@ -65,3 +65,3 @@ "./dist/cjs/loader.cjs.js",

"./dist/cjs/mds-dropdown.cjs.js",
"./dist/esm-es5/index-31c93719.js",
"./dist/esm-es5/index-e03de176.js",
"./dist/esm-es5/index.js",

@@ -71,3 +71,3 @@ "./dist/esm-es5/loader.js",

"./dist/esm-es5/mds-dropdown.js",
"./dist/esm/index-31c93719.js",
"./dist/esm/index-e03de176.js",
"./dist/esm/index.js",

@@ -82,17 +82,17 @@ "./dist/esm/loader.js",

"./dist/mds-dropdown/mds-dropdown.js",
"./dist/mds-dropdown/p-077fe75b.js",
"./dist/mds-dropdown/p-4250ad89.system.js",
"./dist/mds-dropdown/p-1869be43.entry.js",
"./dist/mds-dropdown/p-4571a61b.js",
"./dist/mds-dropdown/p-50ea2036.system.js",
"./dist/mds-dropdown/p-a2e6eeea.system.entry.js",
"./dist/mds-dropdown/p-a5a954b9.system.js",
"./dist/mds-dropdown/p-f021cbfc.entry.js",
"./dist/mds-dropdown/p-cab3d4e6.system.js",
"./dist/mds-dropdown/p-d80009c0.system.js",
"./dist/mds-dropdown/p-f452fbae.system.entry.js",
"./www/build/index.esm.js",
"./www/build/mds-dropdown.esm.js",
"./www/build/mds-dropdown.js",
"./www/build/p-077fe75b.js",
"./www/build/p-4250ad89.system.js",
"./www/build/p-1869be43.entry.js",
"./www/build/p-4571a61b.js",
"./www/build/p-50ea2036.system.js",
"./www/build/p-a2e6eeea.system.entry.js",
"./www/build/p-a5a954b9.system.js",
"./www/build/p-f021cbfc.entry.js"
"./www/build/p-cab3d4e6.system.js",
"./www/build/p-d80009c0.system.js",
"./www/build/p-f452fbae.system.entry.js"
]

@@ -130,8 +130,8 @@ },

],
"bundleId": "p-f021cbfc",
"fileName": "p-f021cbfc.entry.js",
"bundleId": "p-1869be43",
"fileName": "p-1869be43.entry.js",
"imports": [
"p-077fe75b.js"
"p-4571a61b.js"
],
"originalByteSize": 68685
"originalByteSize": 70460
}

@@ -148,5 +148,5 @@ ],

"imports": [
"index-31c93719.js"
"index-e03de176.js"
],
"originalByteSize": 68689
"originalByteSize": 70464
}

@@ -163,5 +163,5 @@ ],

"imports": [
"index-31c93719.js"
"index-e03de176.js"
],
"originalByteSize": 68689
"originalByteSize": 70464
}

@@ -175,8 +175,8 @@ ],

],
"bundleId": "p-a2e6eeea.system",
"fileName": "p-a2e6eeea.system.entry.js",
"bundleId": "p-f452fbae.system",
"fileName": "p-f452fbae.system.entry.js",
"imports": [
"p-a5a954b9.system.js"
"p-d80009c0.system.js"
],
"originalByteSize": 79819
"originalByteSize": 92532
}

@@ -193,5 +193,5 @@ ],

"imports": [
"index-0ef5a29d.js"
"index-b6745f83.js"
],
"originalByteSize": 68754
"originalByteSize": 70529
}

@@ -1173,3 +1173,3 @@ ]

"sc-mds-dropdown": [
"p-077fe75b.js"
"p-4571a61b.js"
]

@@ -1176,0 +1176,0 @@ },

18

dist/types/common/keyboard-manager.d.ts
export declare class KeyboardManager {
private escapeCallback;
private elements;
private handleClickBehaviorDispatchEvent;
private handleEscapeBehaviorDispatchEvent;
addElement: (el: HTMLElement, name?: string) => void;
attachClickBehavior: (name?: string) => void;
detachClickBehavior: (name?: string) => void;
attachEscapeBehavior: (callBack: () => void) => void;
detachEscapeBehavior: () => void;
private escapeCallback;
private elements;
private handleClickBehaviorDispatchEvent;
private handleEscapeBehaviorDispatchEvent;
addElement: (el: HTMLElement, name?: string) => void;
attachClickBehavior: (name?: string) => void;
detachClickBehavior: (name?: string) => void;
attachEscapeBehavior: (callBack: () => void) => void;
detachEscapeBehavior: () => void;
}

214

dist/types/components/mds-dropdown/mds-dropdown.d.ts

@@ -8,109 +8,109 @@ import { EventEmitter } from '../../stencil-public-runtime';

export declare class MdsDropdown {
private arrowEl;
private backdropBackgroundVisible;
private backdropBackgroundHidden;
private cssBackdropDuration;
private cssBackdropZIndex;
private backdropEl;
private backdropId;
private backdropTimer;
private caller;
private cleanupAutoUpdate;
private km;
private host;
/**
* If set, the component will have an arrow pointing to the caller.
*/
readonly arrow: boolean;
/**
* Sets the distance between arrow and dropdown margins.
*/
readonly arrowPadding: number;
/**
* If set, the component will be placed automatically near it's caller.
*/
readonly autoPlacement: boolean;
/**
* Specifies if the component has a backdrop background
*/
readonly backdrop: boolean;
/**
* Specifies the placement of the component if no space is available where it is placed.
*/
readonly flip: boolean;
/**
* Specifies the id of the caller element.
*/
readonly target: string;
/**
* Sets distance between the dropdown and the caller.
*/
readonly offset: number;
/**
* Specifies where the component should be placed relative to the caller.
*/
readonly placement: FloatingUIPlacement;
/**
* If set, the component will be kept inside the viewport.
*/
readonly shift: boolean;
/**
* Sets a safe area distance between the dropdown and the viewport.
*/
readonly shiftPadding: number;
/**
* If set, the component will follow the caller smoothly, visible when the page scrolls.
*/
readonly smooth: boolean;
/**
* Sets the CSS position strategy of the component.
*/
readonly strategy: FloatingUIStrategy;
/**
* Specifies the visibility of the component.
*/
visible: boolean;
/**
* Specifies the visibility of the component.
*/
readonly zIndex: number;
/**
* Emits when a modal is visible
*/
visibleEvent: EventEmitter<MdsDropdownEventDetail>;
/**
* Emits when a modal is hidden
*/
hiddenEvent: EventEmitter<MdsDropdownEventDetail>;
/**
* Emits when a modal is visible or hidden
*/
changedEvent: EventEmitter<MdsDropdownEventDetail>;
private handleCloseDropdown;
private handleVisibility;
private attachBackdrop;
private detachBackdrop;
private callerOnClick;
private arrowInset;
private arrowTransform;
private arrowTransformOrigin;
private updatePosition;
arrowChanged(): void;
arrowPaddingChanged(): void;
autoPlacementChanged(): void;
backdropChanged(newValue: boolean): void;
flipChanged(): void;
offsetChanged(): void;
placementChanged(): void;
shiftChanged(): void;
shiftPaddingChanged(): void;
strategyChanged(): void;
visibleChanged(newValue: boolean): void;
zIndexChanged(newValue: number): void;
private updateCSSCustomProps;
componentWillLoad(): void;
private setAriaAttributes;
componentDidLoad(): void;
disconnectedCallback(): void;
render(): any;
private arrowEl;
private backdropBackgroundVisible;
private backdropBackgroundHidden;
private cssBackdropDuration;
private cssBackdropZIndex;
private backdropEl;
private backdropId;
private backdropTimer;
private caller;
private cleanupAutoUpdate;
private km;
private host;
/**
* If set, the component will have an arrow pointing to the caller.
*/
readonly arrow: boolean;
/**
* Sets the distance between arrow and dropdown margins.
*/
readonly arrowPadding: number;
/**
* If set, the component will be placed automatically near it's caller.
*/
readonly autoPlacement: boolean;
/**
* Specifies if the component has a backdrop background
*/
readonly backdrop: boolean;
/**
* Specifies the placement of the component if no space is available where it is placed.
*/
readonly flip: boolean;
/**
* Specifies the id of the caller element.
*/
readonly target: string;
/**
* Sets distance between the dropdown and the caller.
*/
readonly offset: number;
/**
* Specifies where the component should be placed relative to the caller.
*/
readonly placement: FloatingUIPlacement;
/**
* If set, the component will be kept inside the viewport.
*/
readonly shift: boolean;
/**
* Sets a safe area distance between the dropdown and the viewport.
*/
readonly shiftPadding: number;
/**
* If set, the component will follow the caller smoothly, visible when the page scrolls.
*/
readonly smooth: boolean;
/**
* Sets the CSS position strategy of the component.
*/
readonly strategy: FloatingUIStrategy;
/**
* Specifies the visibility of the component.
*/
visible: boolean;
/**
* Specifies the visibility of the component.
*/
readonly zIndex: number;
/**
* Emits when a modal is visible
*/
visibleEvent: EventEmitter<MdsDropdownEventDetail>;
/**
* Emits when a modal is hidden
*/
hiddenEvent: EventEmitter<MdsDropdownEventDetail>;
/**
* Emits when a modal is visible or hidden
*/
changedEvent: EventEmitter<MdsDropdownEventDetail>;
private handleCloseDropdown;
private handleVisibility;
private attachBackdrop;
private detachBackdrop;
private callerOnClick;
private arrowInset;
private arrowTransform;
private arrowTransformOrigin;
private updatePosition;
arrowChanged(): void;
arrowPaddingChanged(): void;
autoPlacementChanged(): void;
backdropChanged(newValue: boolean): void;
flipChanged(): void;
offsetChanged(): void;
placementChanged(): void;
shiftChanged(): void;
shiftPaddingChanged(): void;
strategyChanged(): void;
visibleChanged(newValue: boolean): void;
zIndexChanged(newValue: number): void;
private updateCSSCustomProps;
componentWillLoad(): void;
private setAriaAttributes;
componentDidLoad(): void;
disconnectedCallback(): void;
render(): any;
}

4

dist/types/components/mds-dropdown/meta/event-detail.d.ts
export interface MdsDropdownEventDetail {
caller: HTMLElement;
visible: boolean;
caller: HTMLElement;
visible: boolean;
}

164

dist/types/components/mds-dropdown/test/mds-dropdown.stories.d.ts
declare const _default: {
title: string;
argTypes: {
arrow: {
type: {
name: string;
};
description: string;
title: string;
argTypes: {
arrow: {
type: {
name: string;
};
description: string;
};
'arrow-padding': {
type: {
name: string;
};
description: string;
};
'auto-placement': {
type: {
name: string;
};
description: string;
};
backdrop: {
type: {
name: string;
};
description: string;
};
flip: {
type: {
name: string;
};
description: string;
};
offset: {
type: {
name: string;
};
description: string;
};
placement: {
type: {
name: string;
};
description: string;
options: string[];
control: {
type: string;
};
};
shift: {
type: {
name: string;
};
description: string;
};
'shift-padding': {
type: {
name: string;
};
description: string;
};
smooth: {
type: {
name: string;
};
description: string;
};
strategy: {
type: {
name: string;
};
description: string;
options: string[];
control: {
type: string;
};
};
visible: {
type: {
name: string;
};
description: string;
};
};
'arrow-padding': {
type: {
name: string;
};
description: string;
};
'auto-placement': {
type: {
name: string;
};
description: string;
};
backdrop: {
type: {
name: string;
};
description: string;
};
flip: {
type: {
name: string;
};
description: string;
};
offset: {
type: {
name: string;
};
description: string;
};
placement: {
type: {
name: string;
};
description: string;
options: string[];
control: {
type: string;
};
};
shift: {
type: {
name: string;
};
description: string;
};
'shift-padding': {
type: {
name: string;
};
description: string;
};
smooth: {
type: {
name: string;
};
description: string;
};
strategy: {
type: {
name: string;
};
description: string;
options: string[];
control: {
type: string;
};
};
visible: {
type: {
name: string;
};
description: string;
};
};
};

@@ -86,0 +86,0 @@ export default _default;

3

dist/types/dictionary/input.d.ts
declare const inputTextTypeDictionary: string[];
declare const inputFieldTypeDictionary: string[];
declare const inputControlsLayoutDictionary: string[];
declare const inputControlsIconDictionary: string[];
export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, };
export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, inputFieldTypeDictionary, };

2

dist/types/interface/input-value.d.ts
import { InputValueType } from '@type/input';
export interface InputValue {
value: InputValueType;
value: InputValueType;
}

8

dist/types/stencil-public-runtime.d.ts

@@ -813,2 +813,5 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;

value?: string | string[] | number;
popoverTargetAction?: string;
popoverTargetElement?: Element | null;
popoverTarget?: string;
}

@@ -975,2 +978,5 @@ interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {

width?: number | string;
popoverTargetAction?: string;
popoverTargetElement?: Element | null;
popoverTarget?: string;
}

@@ -1228,2 +1234,3 @@ interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {

id?: string;
inert?: boolean;
lang?: string;

@@ -1237,2 +1244,3 @@ spellcheck?: 'true' | 'false' | any;

title?: string;
popover?: string | null;
inputMode?: string;

@@ -1239,0 +1247,0 @@ inputmode?: string;

18

documentation.json
{
"timestamp": "2023-11-13T19:37:51",
"timestamp": "2023-12-20T08:21:18",
"compiler": {
"name": "@stencil/core",
"version": "4.7.2",
"version": "4.8.0",
"typescriptVersion": "5.2.2"

@@ -756,7 +756,17 @@ },

},
"src/components/mds-input-field/meta/types.ts::ValidationModelType": {
"declaration": "export type ValidationModelType =\n | 'cc'\n | 'cf'\n | 'email'\n | 'isbn'\n | 'piva'",
"src/components/mds-input-field/meta/types.ts::InputFieldType": {
"declaration": "export type InputFieldType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'\n | 'cc'\n | 'cf'\n | 'isbn'\n | 'piva'",
"docstring": "",
"path": "src/components/mds-input-field/meta/types.ts"
},
"src/components/mds-input-field/meta/validators.ts::MdsValidatorFn": {
"declaration": "(input: string) => null | MdsValidationErrors",
"docstring": "",
"path": "src/components/mds-input-field/meta/validators.ts"
},
"src/components/mds-input-field/meta/validators.ts::MdsValidationErrors": {
"declaration": "export interface MdsValidationErrors {\n [key: string]: string\n}",
"docstring": "",
"path": "src/components/mds-input-field/meta/validators.ts"
},
"src/interface/input-value.ts::InputValue": {

@@ -763,0 +773,0 @@ "declaration": "export interface InputValue {\n value: InputValueType\n}",

6

package.json
{
"name": "@maggioli-design-system/mds-dropdown",
"version": "4.5.1",
"version": "4.5.2",
"description": "mds-dropdown is a web-component from Magma Design System, 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,4 +27,4 @@ "main": "dist/index.cjs.js",

"@floating-ui/dom": "^1.5.3",
"@maggioli-design-system/styles": "13.0.1",
"@stencil/core": "4.7.2"
"@maggioli-design-system/styles": "14.0.0",
"@stencil/core": "4.8.0"
},

@@ -31,0 +31,0 @@ "license": "MIT",

18

src/dictionary/input.ts

@@ -14,3 +14,20 @@ const inputTextTypeDictionary = [

const inputFieldTypeDictionary = [
'date',
'email',
'number',
'password',
'search',
'tel',
'text',
'textarea',
'time',
'url',
'cc',
'cf',
'isbn',
'piva',
]
const inputControlsLayoutDictionary = [

@@ -30,3 +47,4 @@ 'horizontal',

inputTextTypeDictionary,
inputFieldTypeDictionary,
}

3

src/fixtures/icons.json

@@ -30,2 +30,3 @@ [

"mgg/adv-denied",
"mgg/alerts-pagopa",
"mgg/area-edificabile",

@@ -98,2 +99,3 @@ "mgg/area-weather",

"mgg/file-type-warning",
"mgg/file-xml",
"mgg/finance-euro-cashback",

@@ -229,2 +231,3 @@ "mgg/fit-horizontal",

"mgg/todo-suspended",
"mgg/touchpoint-laptop-info",
"mgg/traffic-cone",

@@ -231,0 +234,0 @@ "mgg/trending-down",

3

src/fixtures/iconsauce.json

@@ -19,2 +19,3 @@ [

"mgg/adv-denied",
"mgg/alerts-pagopa",
"mgg/area-edificabile",

@@ -87,2 +88,3 @@ "mgg/area-weather",

"mgg/file-type-warning",
"mgg/file-xml",
"mgg/finance-euro-cashback",

@@ -218,2 +220,3 @@ "mgg/fit-horizontal",

"mgg/todo",
"mgg/touchpoint-laptop-info",
"mgg/traffic-cone",

@@ -220,0 +223,0 @@ "mgg/trending-down",

2

www/build/mds-dropdown.esm.js

@@ -1,1 +0,1 @@

import{p as a,b as e}from"./p-077fe75b.js";export{s as setNonce}from"./p-077fe75b.js";(()=>{const e=import.meta.url,d={};return""!==e&&(d.resourcesUrl=new URL(".",e).href),a(d)})().then((a=>e([["p-f021cbfc",[[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"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)));
import{p as a,b as e}from"./p-4571a61b.js";export{s as setNonce}from"./p-4571a61b.js";(()=>{const e=import.meta.url,d={};return""!==e&&(d.resourcesUrl=new URL(".",e).href),a(d)})().then((a=>e([["p-1869be43",[[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"]},null,{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}]]]],a)));
dist/cjs/index-0ef5a29d.js
dist/esm-es5/index-31c93719.js
dist/esm/index-31c93719.js
dist/mds-dropdown/p-077fe75b.js
dist/mds-dropdown/p-4250ad89.system.js
dist/mds-dropdown/p-a2e6eeea.system.entry.js
dist/mds-dropdown/p-a5a954b9.system.js
dist/mds-dropdown/p-f021cbfc.entry.js
www/build/p-077fe75b.js
www/build/p-4250ad89.system.js
www/build/p-a2e6eeea.system.entry.js
www/build/p-a5a954b9.system.js
www/build/p-f021cbfc.entry.js
dist/cjs/mds-dropdown.cjs.entry.js

Sorry, the diff of this file is too big to display

dist/collection/components/mds-dropdown/mds-dropdown.css

Sorry, the diff of this file is not supported yet

dist/components/mds-dropdown.js

Sorry, the diff of this file is too big to display

dist/esm/mds-dropdown.entry.js

Sorry, the diff of this file is too big to display

dist/mds-dropdown/mds-dropdown.js

Sorry, the diff of this file is too big to display

src/components/mds-dropdown/mds-dropdown.css

Sorry, the diff of this file is not supported yet

www/build/mds-dropdown.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc