@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/collection/components/mds-video-wall/mds-video-wall.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
- * @slot default - Write browser support missing message here.
+ * @slot - Write browser support missing message here.
  * @slot content - Add video content overlay here, add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsVideoWall {
@@ -31,7 +31,7 @@ export class MdsVideoWall {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (h(Host, { key: '82f1f142c13168968cc0652b21612a6872ba63fe' }, this.noise !== 'none' && (h("div", { key: 'a6f179747d63769ec0780986754d9bd04579c39d', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) })), h("video", { key: 'b6d9b4d16a414594624c3bbf6b3c6059538c99de', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013' })), this.hasContent && (h("div", { key: 'a7173bd4b5306bbbada4d875fcbc25ba1702839a', class: "content" }, h("slot", { key: '6f5a6425717d2ee622f53055ac3c4633392110b4', name: "content" })))));
+        return (h(Host, { key: '0a933dddb8d907e76b6fce5b2299f0ebe604e019' }, this.noise !== 'none' && (h("div", { key: 'd87ad1ae5f923b319006211fc653bd15eb7cecea', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) })), h("video", { key: 'c10fd33395a9ff296a93750d089005000ef68e3d', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '552250bcc5f1ea12bcf6f1db4756e9f6f83f7788' })), this.hasContent && (h("div", { key: '4016232546d9e8afdfe632a34d020d0c5e0a9460', class: "content" }, h("slot", { key: '212470d9c24011d120d237e8f1d589c95d25112c', name: "content" })))));
     }
     static get is() { return "mds-video-wall"; }
     static get encapsulation() { return "shadow"; }
@@ -117,7 +117,8 @@ export class MdsVideoWall {
                         "NoiseType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-video-wall/meta/types.ts::NoiseType"
+                            "id": "src/components/mds-video-wall/meta/types.ts::NoiseType",
+                            "referenceLocation": "NoiseType"
                         }
                     }
                 },
@@ -162,7 +163,8 @@ export class MdsVideoWall {
                         "PreloadType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-video-wall/meta/types.ts::PreloadType"
+                            "id": "src/components/mds-video-wall/meta/types.ts::PreloadType",
+                            "referenceLocation": "PreloadType"
                         }
                     }
                 },

package/dist/collection/components/mds-zero/mds-zero.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `HTML elements` or `components` to this slot, it is **recommended** to use `mds-img` or `img` element.
+ * @slot - Add `HTML elements` or `components` to this slot, it is **recommended** to use `mds-img` or `img` element.
  * @slot content - Put text elements here,
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @part contents - Selects the wrapper of the elements with attribute `slot="content"`.
@@ -8,7 +8,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsZero {
     render() {
-        return (h(Host, { key: '4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d' }, h("slot", { key: 'b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33' }), h("div", { key: '06800749b5440e93d5d258aa71610ebc17841624', class: "contents", part: "contents" }, h("slot", { key: '802d32def4e717b196e0fa1d4666d316107ef04c', name: "content" })), h("footer", { key: '0da9f38014efaef387026489b81050360af244e7', class: "actions", part: "actions" }, h("slot", { key: '91f9ec1a9a3ace90eb721768d0e54600d057cf1d', name: "action" }))));
+        return (h(Host, { key: '5fc07df830baec28cfb023dcd6bae81cc184c294' }, h("slot", { key: '7823c19de6bcb12f9818522bc8f304597bfcfebe' }), h("div", { key: '4d6c145da8e8bf866dd29b3c9367b75c5bbf212c', class: "contents", part: "contents" }, h("slot", { key: '10a9baa24dd9b3b440b73dec22e10a7ff9a20749', name: "content" })), h("footer", { key: '69e92dfefd828457aa67f148c62c6570b3b7e2f4', class: "actions", part: "actions" }, h("slot", { key: '9cf15fcf22c0f61f1004305963685fe76d6685ed', name: "action" }))));
     }
     static get is() { return "mds-zero"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/index.js

@@ -0,0 +1,15 @@
+/**
+ * Public, non-component entry point for `@maggioli-design-system/magma`.
+ *
+ * Exposed through the `./services` subpath export so consumers can configure the
+ * icon SVG base path programmatically, without relying on `sessionStorage`:
+ *
+ * ```ts
+ * import { IconsSetService } from '@maggioli-design-system/magma/services';
+ * IconsSetService.setSvgPath('/assets/svg/');
+ * ```
+ *
+ * `setSvgPath()` updates the shared icon path (kept on `globalThis`, so every bundled
+ * copy of the service agrees on it) and re-fetches all mounted `<mds-icon>` instances.
+ */
+export { IconsSetService } from './components/mds-icon/services/icons-set.service';

package/dist/components/_commonjsHelpers.js

@@ -1,32 +1 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function t(e){if(e.__esModule)return e;var n=e.default;if("function"==typeof n){var t=function e(){return this instanceof e?Reflect.construct(n,arguments,this.constructor):n.apply(this,arguments)};t.prototype=n.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach((function(n){var f=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,f.get?f:{enumerable:!0,get:function(){return e[n]}})})),t}export{t as a,e as c,n as g}

package/dist/components/aria.js

@@ -1,45 +1 @@
-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();
-};
-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;
-};
-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;
-};
-const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => {
-    if (ifAttribute(element, attribute, valueCheck)) {
-        const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes];
-        attributesList.forEach((attributeToRemove) => {
-            element.removeAttribute(attributeToRemove);
-        });
-        return true;
-    }
-    return false;
-};
-const ifAttribute = (element, attribute, valueCheck = 'true') => {
-    if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
-        return true;
-    }
-    return false;
-};
-const hashRandomValue = (value) => {
-    const randomValue = randomInt(1000000);
-    if (value) {
-        return `${value}-${hash(randomValue.toString())}`;
-    }
-    return hash(randomValue.toString());
-};
-
-export { hashRandomValue as h, ifAttribute as i, removeAttributesIf as r, setAttributeIfEmpty as s, unslugName as u };
+const r=r=>{let t,a;for(t=0,a=0;t<r.length;t++)a=Math.imul(31,a)+r.charCodeAt(t)|0;return a.toString()},t=r=>{var t,a,u;return null!==(u=null===(a=null===(t=r.split("/"))||void 0===t?void 0:t.slice(-1).pop())||void 0===a?void 0:a.replace(/-/g," "))&&void 0!==u?u:r},a=(r,t,a)=>{var u;return r.hasAttribute(t)?null!==(u=r.getAttribute(t))&&void 0!==u?u:"":(r.setAttribute(t,a),a)},u=(r,t,a="true",u)=>!!n(r,t,a)&&((Array.isArray(u)?u:[u]).forEach((t=>{r.removeAttribute(t)})),!0),n=(r,t,a="true")=>!(!r.hasAttribute(t)||r.getAttribute(t)!==a),o=t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${r(a.toString())}`:r(a.toString())};export{o as h,n as i,u as r,a as s,t as u}

package/dist/components/arrow-back.js

@@ -1,3 +1 @@
-var miBaselineArrowBack = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>`;
-
-export { miBaselineArrowBack as m };
+var t='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';export{t as m}

package/dist/components/arrow-forward.js

@@ -1,3 +1 @@
-var miBaselineArrowForward = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>`;
-
-export { miBaselineArrowForward as m };
+var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';export{h as m}

package/dist/components/broken-image.js

@@ -1,3 +1 @@
-var miBaselineBrokenImage = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01l-4 4.01l-4-4l-4 4l-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99l4-4l4 4l4-3.99z"/></svg>`;
-
-export { miBaselineBrokenImage as m };
+var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01l-4 4.01l-4-4l-4 4l-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99l4-4l4 4l4-3.99z"/></svg>';export{l as m}

package/dist/components/browser.js

@@ -1,8 +1 @@
-const isSafari = () => {
-    if (navigator) {
-        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-    }
-    return false;
-};
-
-export { isSafari as i };
+const a=()=>!!navigator&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent);export{a as i}

package/dist/components/calendar-today.js

@@ -1,3 +1 @@
-var miBaselineCalendarToday = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>`;
-
-export { miBaselineCalendarToday as m };
+var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>';export{h as m}

package/dist/components/cancel.js

@@ -1,3 +1 @@
-var miBaselineCancel = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59z"/></svg>`;
-
-export { miBaselineCancel as m };
+var L='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59z"/></svg>';export{L as m}

package/dist/components/check-circle.js

@@ -1,3 +1 @@
-var miBaselineCheckCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>`;
-
-export { miBaselineCheckCircle as m };
+var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';export{s as m}

package/dist/components/circle.js

@@ -1,3 +1 @@
-var miOutlineCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>`;
-
-export { miOutlineCircle as m };
+var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';export{s as m}

package/dist/components/close.js

@@ -1,3 +1 @@
-var miBaselineClose = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>`;
-
-export { miBaselineClose as m };
+var L='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';export{L as m}

package/dist/components/clsx.js

@@ -1,3 +1 @@
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-export { clsx as c };
+function r(e){var f,o,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(f=0;f<n;f++)e[f]&&(o=r(e[f]))&&(t&&(t+=" "),t+=o)}else for(o in e)e[o]&&(t&&(t+=" "),t+=o);return t}function e(){for(var e,f,o=0,t="",n=arguments.length;o<n;o++)(e=arguments[o])&&(f=r(e))&&(t&&(t+=" "),t+=f);return t}export{e as c}

package/dist/components/date.js

@@ -1,14 +1 @@
-// ISO 8601 date regex allowing optional components (month, day, time)
-const ISO8601RegexString = '^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$';
-const isISO8601Date = (dateString) => {
-    const ISO8601Regex = new RegExp(ISO8601RegexString);
-    return ISO8601Regex.test(dateString);
-};
-const sanitizeISO8601Date = (dateString) => {
-    if (isISO8601Date(dateString)) {
-        return dateString;
-    }
-    return new Date(dateString).toISOString();
-};
-
-export { sanitizeISO8601Date as s };
+const d=d=>(d=>new RegExp("^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$").test(d))(d)?d:new Date(d).toISOString();export{d as s}

package/dist/components/done.js

@@ -1,3 +1 @@
-var miBaselineDone = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>`;
-
-export { miBaselineDone as m };
+var t='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>';export{t as m}

package/dist/components/floating-controller.js

@@ -1,200 +1 @@
-import { a as autoPlacement, o as offset, f as flip, s as shift, b as arrow, c as computePosition, d as autoUpdate } from './floating-ui.dom.js';
-import { c as cssDurationToMilliseconds } from './unit.js';
-import { s as setAttributeIfEmpty } from './aria.js';
-
-class FloatingController {
-    constructor(host, arrowEl) {
-        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;
-            }
-            return inset;
-        };
-        this.arrowTransform = (arrowPosition) => {
-            let transformProps = this._host.arrow && this._host.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;
-            }
-            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.convertToTransformOrigin = (position) => {
-            const positions = {
-                top: 'center bottom',
-                right: 'left center',
-                bottom: 'center top',
-                left: 'right center',
-                'bottom-end': 'top right',
-                'bottom-start': 'top left',
-                'left-end': 'right bottom',
-                'left-start': 'right top',
-                'right-end': 'left bottom',
-                'right-start': 'left top',
-                'top-end': 'bottom right',
-                'top-start': 'bottom left',
-            };
-            return positions[position];
-        };
-        this.calculatePosition = () => {
-            if (!this._caller)
-                return;
-            const middleware = new Array();
-            const config = {};
-            if (this._host.shiftPadding) {
-                config.padding = this._host.shiftPadding;
-            }
-            if (this._host.autoPlacement) {
-                middleware.push(autoPlacement());
-            }
-            if (this._host.offset) {
-                middleware.push(offset(this._host.offset));
-            }
-            if (!this._host.autoPlacement && this._host.flip) {
-                middleware.push(flip(config));
-            }
-            if (this._host.shift) {
-                middleware.push(shift(config));
-            }
-            if (this.arrowEl && this._host.arrow) {
-                middleware.push(arrow({
-                    element: this.arrowEl,
-                    padding: this._host.arrowPadding,
-                }));
-            }
-            computePosition(this._caller, this._host, {
-                middleware,
-                placement: this._host.placement,
-                strategy: this._host.strategy,
-            }).then(({ x, y, placement, middlewareData }) => {
-                Object.assign(this._host.style, {
-                    left: `${x}px`,
-                    top: `${y}px`,
-                    transformOrigin: this.convertToTransformOrigin(placement),
-                    position: this._host.strategy,
-                });
-                const arrowStyle = {};
-                const arrowPosition = {
-                    top: 'bottom',
-                    right: 'left',
-                    bottom: 'top',
-                    left: 'right',
-                }[placement.split('-')[0]];
-                if (arrowPosition && this.arrowEl) {
-                    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._host = host;
-        this.arrowEl = arrowEl;
-    }
-    updateCaller(target) {
-        var _a, _b, _c;
-        // search caller in document or rootNode of host (if target is in shadowDOM)
-        const caller = (_c = (_b = (_a = this._host.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(target)) !== null && _c !== void 0 ? _c : this._host.getRootNode().querySelector(target);
-        if (!caller) {
-            throw Error(`Target not found: ${target}`);
-        }
-        this._caller = caller;
-        setAttributeIfEmpty(this._caller, 'aria-haspopup', 'true');
-        setAttributeIfEmpty(this._caller, 'aria-controls', target);
-        setAttributeIfEmpty(this._host, 'role', 'menu');
-        setAttributeIfEmpty(this._host, 'aria-labelledby', target);
-        return caller;
-    }
-    updatePosition() {
-        if (this._host.visible) {
-            this.dismiss(); // to clean the old update function before update function
-            this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition);
-        }
-    }
-    dismiss() {
-        if (this.cleanupAutoUpdate)
-            this.cleanupAutoUpdate();
-    }
-}
-class Backdrop {
-    constructor(backdropId) {
-        this.defaultBackdropId = 'magma-backdrop';
-        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 = backdropId !== null && backdropId !== void 0 ? backdropId : this.defaultBackdropId;
-        this.cssBackdropZIndex = `var(--${this.backdropId}-z-index, 4000)`;
-        this.cssBackdropDuration = `var(--${this.backdropId}-animation-duration, 300ms)`;
-    }
-    attachBackdrop() {
-        if (!this.backdropEl) {
-            this.backdropEl = document.createElement('div');
-            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.backdropEl.style.backgroundColor = this.backdropBackgroundHidden;
-        document.body.appendChild(this.backdropEl);
-        clearTimeout(this.backdropTimer);
-        this.backdropTimer = setTimeout(() => {
-            this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible;
-        }, 1);
-    }
-    detachBackdrop() {
-        if (!this.backdropEl) {
-            return;
-        }
-        this.backdropEl.style.backgroundColor = 'transparent';
-        clearTimeout(this.backdropTimer);
-        this.backdropTimer = setTimeout(() => {
-            this.backdropEl.remove();
-        }, cssDurationToMilliseconds(this.cssBackdropDuration));
-    }
-}
-
-export { Backdrop as B, FloatingController as F };
+import{a as t,o as s,f as i,s as r,b as e,c as a,d as o}from"./floating-ui.dom.js";import{c as h}from"./unit.js";import{s as n}from"./aria.js";class c{constructor(o,h){this.arrowInset=(t,s)=>{const{arrow:i}=t,r={bottom:"",left:"",right:"",top:""};if(void 0===i)return{};switch(s){case"bottom":r.left=null!==i.x?`${i.x}px`:"",r.top="100%";break;case"left":r.right="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"right":r.left="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"top":r.left=null!==i.x?`${i.x}px`:"",r.top=""}return r},this.arrowTransform=t=>{let s=this._host.arrow&&this._host.visible?"scale(1)":"scale(0)";switch(t){case"bottom":s=`rotate(180deg) ${s} translate(0, -100%)`;break;case"left":s=`rotate(-90deg) ${s} translate(50%, -50%)`;break;case"right":s=`rotate(90deg) ${s} translate(-50%, -50%)`;break;case"top":s=`rotate(0deg) ${s} translate(0, 0)`}return{transform:s}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.convertToTransformOrigin=t=>({top:"center bottom",right:"left center",bottom:"center top",left:"right center","bottom-end":"top right","bottom-start":"top left","left-end":"right bottom","left-start":"right top","right-end":"left bottom","right-start":"left top","top-end":"bottom right","top-start":"bottom left"}[t]),this.calculatePosition=()=>{if(!this._caller)return;const o=new Array,h={};this._host.shiftPadding&&(h.padding=this._host.shiftPadding),this._host.autoPlacement&&o.push(t()),this._host.offset&&o.push(s(this._host.offset)),!this._host.autoPlacement&&this._host.flip&&o.push(i(h)),this._host.shift&&o.push(r(h)),this.arrowEl&&this._host.arrow&&o.push(e({element:this.arrowEl,padding:this._host.arrowPadding})),a(this._caller,this._host,{middleware:o,placement:this._host.placement,strategy:this._host.strategy}).then((({x:t,y:s,placement:i,middlewareData:r})=>{Object.assign(this._host.style,{left:`${t}px`,top:`${s}px`,transformOrigin:this.convertToTransformOrigin(i),position:this._host.strategy});const e={},a={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];a&&this.arrowEl&&(Object.assign(e,this.arrowTransform(a)),Object.assign(e,this.arrowInset(r,a)),Object.assign(e,this.arrowTransformOrigin(a)),Object.assign(this.arrowEl.style,e))}))},this._host=o,this.arrowEl=h}updateCaller(t){var s,i,r;const e=null!==(r=null===(i=null===(s=this._host.parentElement)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==r?r:this._host.getRootNode().querySelector(t);if(!e)throw Error(`Target not found: ${t}`);return this._caller=e,n(this._caller,"aria-haspopup","true"),n(this._caller,"aria-controls",t),n(this._host,"role","menu"),n(this._host,"aria-labelledby",t),e}updatePosition(){this._host.visible&&(this.dismiss(),this.cleanupAutoUpdate=o(this._caller,this._host,this.calculatePosition))}dismiss(){this.cleanupAutoUpdate&&this.cleanupAutoUpdate()}}class l{constructor(t){this.defaultBackdropId="magma-backdrop",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=null!=t?t:this.defaultBackdropId,this.cssBackdropZIndex=`var(--${this.backdropId}-z-index, 4000)`,this.cssBackdropDuration=`var(--${this.backdropId}-animation-duration, 300ms)`}attachBackdrop(){this.backdropEl||(this.backdropEl=document.createElement("div"),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.backdropEl.style.backgroundColor=this.backdropBackgroundHidden,document.body.appendChild(this.backdropEl),clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.style.backgroundColor=this.backdropBackgroundVisible}),1)}detachBackdrop(){this.backdropEl&&(this.backdropEl.style.backgroundColor="transparent",clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.remove()}),h(this.cssBackdropDuration)))}}export{l as B,c as F}