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

package/dist/components/mds-radial-menu.js

@@ -1,248 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineClose } from './close.js';
-import { c as clsx } from './clsx.js';
-import { B as Backdrop } from './floating-controller.js';
-import { d as defineCustomElement$5 } from './mds-button2.js';
-import { d as defineCustomElement$4 } from './mds-icon2.js';
-import { d as defineCustomElement$3 } from './mds-spinner2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-var miBaselineMoreVert = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/></svg>`;
-
-const mdsRadialMenuCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-menu-angle-start{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:\"<angle>\";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:\"<time>\";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:\"<integer>\";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:\"<length>\";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset)))*var(--mds-radial-menu-radius-current))calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset)))*var(--mds-radial-menu-radius-current)*-1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem)*2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%)scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%)scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}";
-
-const MdsRadialMenu$1 = /*@__PURE__*/ proxyCustomElement(class MdsRadialMenu extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.backdropController = new Backdrop('mds-radial-menu-backdrop');
-        /**
-         * Specifies the starting angle of the menu
-         */
-        this.angleStart = 0;
-        /**
-         * Specifies the ending angle of the menu
-         */
-        this.angleEnd = 360;
-        /**
-         * Specifies the radius of the menu
-         */
-        this.radius = 5;
-        /**
-         * Specifies the direction of the menu elements
-         */
-        this.direction = 'clockwise';
-        /**
-         * Specifies if the component has a backdrop background
-         */
-        this.backdrop = false;
-        /**
-         * Specifies how to open the menu
-         */
-        this.interaction = 'click';
-        /**
-         * Specifies the color variant for the button
-         */
-        this.variant = 'dark';
-        /**
-         * Specifies the tone variant for the button
-         */
-        this.tone = 'strong';
-        /**
-         * Specifies the size for the button
-         */
-        this.size = 'lg';
-        this.toggleMenu = () => {
-            if (this.opened === true) {
-                this.opened = undefined;
-                return;
-            }
-            this.opened = true;
-        };
-        this.setItemSize = () => {
-            var _a;
-            (_a = this.items) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
-                item.size = this.size;
-            });
-        };
-        this.setItemIndex = () => {
-            this.items.forEach((item, index) => {
-                item.style.setProperty('--mds-radial-menu-item-index', index.toString());
-            });
-        };
-        this.setIsFullCircle = () => {
-            const isFullCircle = this.angleEnd - this.angleStart === 360 ? '1' : '0';
-            this.hostElement.style.setProperty('--mds-radial-menu-is-full-circle', isFullCircle);
-        };
-        this.setIsStartGreaterThanEnd = () => {
-            if (this.angleStart > this.angleEnd) {
-                this.hostElement.style.setProperty('--mds-radial-menu-is-start-greater-than-end', '-1');
-                return;
-            }
-            this.hostElement.style.setProperty('--mds-radial-menu-is-start-greater-than-end', '1');
-        };
-        this.updateItems = () => {
-            this.items = this.hostElement.querySelectorAll(':scope > [slot="item"]');
-            this.setItemSize();
-            this.setItemIndex();
-            this.hostElement.style.setProperty('--mds-radial-menu-nth-siblings', (this.items.length - 1).toString());
-        };
-        this.toggleRightClickMenu = (e) => {
-            e.preventDefault();
-            this.hostElement.style.top = `${e.clientY - this.hostElement.offsetHeight / 2}px`;
-            this.hostElement.style.left = `${e.clientX - this.hostElement.offsetWidth / 2}px`;
-            this.toggleMenu();
-        };
-        this.handleBackdrop = () => {
-            if (!this.backdrop) {
-                this.backdropController.detachBackdrop();
-                return;
-            }
-            if (this.opened) {
-                this.backdropController.attachBackdrop();
-                return;
-            }
-            this.backdropController.detachBackdrop();
-        };
-    }
-    componentWillLoad() {
-        var _a;
-        this.icon = (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineMoreVert;
-        this.onAngleStartChange(this.angleStart);
-        this.onAngleEndChange(this.angleEnd);
-        this.onRadiusChange(this.radius);
-        this.onSizeChange();
-    }
-    componentDidLoad() {
-        this.updateItems();
-        this.setIsFullCircle();
-        this.setIsStartGreaterThanEnd();
-        this.onOpenedChange(this.opened);
-        this.onInteractionChange(this.interaction);
-    }
-    disconnectedCallback() {
-        if (!document)
-            return;
-        document.removeEventListener('contextmenu', this.toggleRightClickMenu);
-    }
-    onDiscChanged(newValue) {
-        if (newValue === false) {
-            this.disc = undefined;
-        }
-    }
-    backdropChanged(newValue) {
-        if (newValue === false) {
-            this.backdrop = undefined;
-        }
-        this.handleBackdrop();
-    }
-    onInteractionChange(newValue) {
-        if (!document)
-            return;
-        if (newValue === 'rightclick') {
-            document.addEventListener('contextmenu', this.toggleRightClickMenu);
-            return;
-        }
-        document.removeEventListener('contextmenu', this.toggleRightClickMenu);
-    }
-    onAngleStartChange(newValue) {
-        this.hostElement.style.setProperty('--mds-radial-menu-angle-start', `${newValue}deg`);
-        this.setIsFullCircle();
-        this.setIsStartGreaterThanEnd();
-    }
-    onAngleEndChange(newValue) {
-        this.hostElement.style.setProperty('--mds-radial-menu-angle-end', `${newValue}deg`);
-        this.setIsFullCircle();
-        this.setIsStartGreaterThanEnd();
-    }
-    onRadiusChange(newValue) {
-        this.hostElement.style.setProperty('--mds-radial-menu-radius', `${newValue}rem`);
-    }
-    onSizeChange() {
-        this.setItemSize();
-    }
-    onOpenedChange(newValue) {
-        if (newValue === false) {
-            this.opened = undefined;
-        }
-        this.handleBackdrop();
-    }
-    render() {
-        return (h(Host, { key: '18679022a9759985a3c518df2d733b94d28473dc' }, h("mds-button", { key: '156f0692417d19bc2f9418469d1b011ea5f0f72f', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), h("div", { key: '4277fb28c411a3ec3808d46e260e0800fc92eebb', class: "radial-menu", part: "radial-menu" }, h("slot", { key: 'ff21f4e1110c14954128ec0e891507ff178fa548', name: "item", onSlotchange: this.updateItems })), h("div", { key: 'e5dc3a9fbd3f813721bfdefbbf445fb4b4301995', class: "disc" })));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "disc": ["onDiscChanged"],
-        "backdrop": ["backdropChanged"],
-        "interaction": ["onInteractionChange"],
-        "angleStart": ["onAngleStartChange"],
-        "angleEnd": ["onAngleEndChange"],
-        "radius": ["onRadiusChange"],
-        "size": ["onSizeChange"],
-        "opened": ["onOpenedChange"]
-    }; }
-    static get style() { return mdsRadialMenuCss; }
-}, [257, "mds-radial-menu", {
-        "angleStart": [514, "angle-start"],
-        "angleEnd": [514, "angle-end"],
-        "radius": [514],
-        "direction": [513],
-        "opened": [1540],
-        "disc": [1540],
-        "backdrop": [516],
-        "interaction": [513],
-        "icon": [1537],
-        "variant": [513],
-        "tone": [513],
-        "size": [513]
-    }, undefined, {
-        "disc": ["onDiscChanged"],
-        "backdrop": ["backdropChanged"],
-        "interaction": ["onInteractionChange"],
-        "angleStart": ["onAngleStartChange"],
-        "angleEnd": ["onAngleEndChange"],
-        "radius": ["onRadiusChange"],
-        "size": ["onSizeChange"],
-        "opened": ["onOpenedChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-radial-menu", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-radial-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsRadialMenu$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsRadialMenu = MdsRadialMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsRadialMenu, defineCustomElement };
+import{proxyCustomElement as i,HTMLElement as a,h as e,Host as n,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{c as d}from"./clsx.js";import{B as r}from"./floating-controller.js";import{d as m}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";const c=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.backdropController=new r("mds-radial-menu-backdrop"),this.angleStart=0,this.angleEnd=360,this.radius=5,this.direction="clockwise",this.backdrop=!1,this.interaction="click",this.variant="dark",this.tone="strong",this.size="lg",this.toggleMenu=()=>{this.opened=!0!==this.opened||void 0},this.setItemSize=()=>{var i;null===(i=this.items)||void 0===i||i.forEach((i=>{i.size=this.size}))},this.setItemIndex=()=>{this.items.forEach(((i,a)=>{i.style.setProperty("--mds-radial-menu-item-index",""+a)}))},this.setIsFullCircle=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-full-circle",this.angleEnd-this.angleStart==360?"1":"0")},this.setIsStartGreaterThanEnd=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-start-greater-than-end",this.angleStart>this.angleEnd?"-1":"1")},this.updateItems=()=>{this.items=this.hostElement.querySelectorAll(':scope > [slot="item"]'),this.setItemSize(),this.setItemIndex(),this.hostElement.style.setProperty("--mds-radial-menu-nth-siblings",""+(this.items.length-1))},this.toggleRightClickMenu=i=>{i.preventDefault(),this.hostElement.style.top=i.clientY-this.hostElement.offsetHeight/2+"px",this.hostElement.style.left=i.clientX-this.hostElement.offsetWidth/2+"px",this.toggleMenu()},this.handleBackdrop=()=>{this.backdrop&&this.opened?this.backdropController.attachBackdrop():this.backdropController.detachBackdrop()}}componentWillLoad(){var i;this.icon=null!==(i=this.icon)&&void 0!==i?i:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/></svg>',this.onAngleStartChange(this.angleStart),this.onAngleEndChange(this.angleEnd),this.onRadiusChange(this.radius),this.onSizeChange()}componentDidLoad(){this.updateItems(),this.setIsFullCircle(),this.setIsStartGreaterThanEnd(),this.onOpenedChange(this.opened),this.onInteractionChange(this.interaction)}disconnectedCallback(){"undefined"!=typeof document&&document.removeEventListener("contextmenu",this.toggleRightClickMenu)}onDiscChanged(i){!1===i&&(this.disc=void 0)}backdropChanged(i){!1===i&&(this.backdrop=void 0),this.handleBackdrop()}onInteractionChange(i){"undefined"!=typeof document&&("rightclick"!==i?document.removeEventListener("contextmenu",this.toggleRightClickMenu):document.addEventListener("contextmenu",this.toggleRightClickMenu))}onAngleStartChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-start",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onAngleEndChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-end",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onRadiusChange(i){this.hostElement.style.setProperty("--mds-radial-menu-radius",i+"rem")}onSizeChange(){this.setItemSize()}onOpenedChange(i){!1===i&&(this.opened=void 0),this.handleBackdrop()}render(){return e(n,{key:"c17ebeeb32b4986baceb48b61e814c6ca2830caf"},e("mds-button",{key:"7e57c42d3dd0f5067da69c327810f70a31370750",class:d("menu-button","click"!==this.interaction&&"menu-button--hidden"),icon:this.opened?s:this.icon,tone:this.tone,variant:this.variant,size:this.size,onClick:this.toggleMenu}),e("div",{key:"107da816c1d1aba0cd8f660e6911c6e603728747",class:"radial-menu",part:"radial-menu"},e("slot",{key:"67c7f462a71df73038287f5fb5cf1a83eb78bc22",name:"item",onSlotchange:this.updateItems})),e("div",{key:"405b0c970a702148029f52c628974f6e38b179df",class:"disc"}))}get hostElement(){return this}static get watchers(){return{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-menu-angle-start{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:"<angle>";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:"<time>";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:"<integer>";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:"<length>";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current)) calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current) * -1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem) * 2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}'}},[257,"mds-radial-menu",{angleStart:[514,"angle-start"],angleEnd:[514,"angle-end"],radius:[514],direction:[513],opened:[1540],disc:[1540],backdrop:[516],interaction:[513],icon:[1537],variant:[513],tone:[513],size:[513]},void 0,{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}]),h=c,g=function(){"undefined"!=typeof customElements&&["mds-radial-menu","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-radial-menu":customElements.get(t(i))||customElements.define(t(i),c);break;case"mds-button":customElements.get(t(i))||m();break;case"mds-icon":customElements.get(t(i))||o();break;case"mds-spinner":customElements.get(t(i))||l();break;case"mds-text":customElements.get(t(i))||u()}}))};export{h as MdsRadialMenu,g as defineCustomElement}

package/dist/components/mds-radial-progress.js

@@ -1,6 +1 @@
-import { M as MdsRadialProgress$1, d as defineCustomElement$1 } from './mds-radial-progress2.js';
-
-const MdsRadialProgress = MdsRadialProgress$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsRadialProgress, defineCustomElement };
+import{M as s,d as r}from"./mds-radial-progress2.js";const o=s,a=r;export{o as MdsRadialProgress,a as defineCustomElement}

package/dist/components/mds-radial-progress2.js

@@ -1,119 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './mds-icon2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const mdsRadialProgressCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:\"%\";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color)var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:\"\"}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:\"\"}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}";
-
-const MdsRadialProgress = /*@__PURE__*/ proxyCustomElement(class MdsRadialProgress extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * A value between 0 and 1 that rapresents the status progress
-         */
-        this.progress = 0;
-        this.animatedProgress = 0;
-        this.rafId = null;
-        /**
-         * The typography of the component
-         */
-        this.typography = 'option';
-        /**
-         * Sets the theme variant colors
-         */
-        this.variant = 'primary';
-        /**
-         * Returns the displayed progress percentage
-         * @returns {string} The progress percentage
-         */
-        this.progressPercentage = (value) => `${Math.round(value * 100)}`;
-        this.clampProgress = (value) => Math.min(1, Math.max(0, value));
-        this.prefersReducedMotion = () => {
-            var _a, _b;
-            return typeof window !== 'undefined' &&
-                ((_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-reduced-motion: reduce)')) === null || _b === void 0 ? void 0 : _b.matches) === true;
-        };
-        this.easeOutExpo = (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t));
-        this.stopAnimation = () => {
-            if (this.rafId !== null) {
-                cancelAnimationFrame(this.rafId);
-                this.rafId = null;
-            }
-        };
-        this.animateTo = (toRaw) => {
-            const to = this.clampProgress(toRaw);
-            const from = this.animatedProgress;
-            this.stopAnimation();
-            if (this.prefersReducedMotion()) {
-                this.animatedProgress = to;
-                return;
-            }
-            const durationMs = 500;
-            const start = performance.now();
-            const tick = (now) => {
-                const t = Math.min(1, (now - start) / durationMs);
-                const eased = this.easeOutExpo(t);
-                this.animatedProgress = from + (to - from) * eased;
-                if (t < 1)
-                    this.rafId = requestAnimationFrame(tick);
-                else
-                    this.rafId = null;
-            };
-            this.rafId = requestAnimationFrame(tick);
-        };
-    }
-    componentWillLoad() {
-        this.animatedProgress = this.clampProgress(this.progress);
-    }
-    disconnectedCallback() {
-        this.stopAnimation();
-    }
-    onProgressChange(nextValue) {
-        this.animateTo(nextValue);
-    }
-    render() {
-        const progressVar = `${(this.animatedProgress * 100).toFixed(2)}%`;
-        const progressText = this.progressPercentage(this.clampProgress(this.progress));
-        return (h(Host, { key: 'bcac88e69c445c6bfb5de1cbbfc649ffd507dc12', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: 'c874c37272324a7edfa12252e22547c4ae6a8c5b', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'ab14594f35d5ed15f6997c2cce47ca44612eab1d', class: "icon", name: this.icon, part: "icon" }), h("div", { key: '107216f2319c2895f0a9c6936c1c1ae42a54a0b5', class: "value-container__text" }, h("mds-text", { key: '27127a11de571b6b1703690aa37553b20db84aff', class: "value", typography: this.typography }, progressText)))));
-    }
-    static get watchers() { return {
-        "progress": ["onProgressChange"]
-    }; }
-    static get style() { return mdsRadialProgressCss; }
-}, [257, "mds-radial-progress", {
-        "progress": [2],
-        "icon": [513],
-        "typography": [513],
-        "variant": [513],
-        "animatedProgress": [32]
-    }, undefined, {
-        "progress": ["onProgressChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-radial-progress", "mds-icon", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-radial-progress":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsRadialProgress);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsRadialProgress as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as r,h as s,Host as t,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./mds-icon2.js";import{d as i}from"./mds-text2.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.progress=0,this.animatedProgress=0,this.rafId=null,this.typography="option",this.variant="primary",this.progressPercentage=e=>`${Math.round(100*e)}`,this.clampProgress=e=>Math.min(1,Math.max(0,e)),this.prefersReducedMotion=()=>{var e,r;return"undefined"!=typeof window&&!0===(null===(r=null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-reduced-motion: reduce)"))||void 0===r?void 0:r.matches)},this.easeOutExpo=e=>1===e?1:1-Math.pow(2,-10*e),this.stopAnimation=()=>{null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null)},this.animateTo=e=>{const r=this.clampProgress(e),s=this.animatedProgress;if(this.stopAnimation(),this.prefersReducedMotion())return void(this.animatedProgress=r);const t=performance.now(),a=e=>{const o=Math.min(1,(e-t)/500),i=this.easeOutExpo(o);this.animatedProgress=s+(r-s)*i,this.rafId=o<1?requestAnimationFrame(a):null};this.rafId=requestAnimationFrame(a)}}componentWillLoad(){this.animatedProgress=this.clampProgress(this.progress)}disconnectedCallback(){this.stopAnimation()}onProgressChange(e){this.animateTo(e)}render(){const e=`${(100*this.animatedProgress).toFixed(2)}%`,r=this.progressPercentage(this.clampProgress(this.progress));return s(t,{key:"68c58b94fb1a5b12e843323d1d497a33a2e91e8f",style:{"--mds-radial-progress":e},role:"progressbar"},s("div",{key:"0d8b174656f21146ac18a0c613ecc9482262b205",class:"value-container",part:"value-container"},this.icon&&s("mds-icon",{key:"d17e55a7ba548f7e603f717a828907a873eaa4d6",class:"icon",name:this.icon,part:"icon"}),s("div",{key:"c4f2d539d974d3a63ec73381d60abc9afc9be8e7",class:"value-container__text"},s("mds-text",{key:"c40e43da4bb6d581569cb515c30dd8554a8bfcd2",class:"value",typography:this.typography},r))))}static get watchers(){return{progress:[{onProgressChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}'}},[1,"mds-radial-progress",{progress:[2],icon:[513],typography:[513],variant:[513],animatedProgress:[32]},void 0,{progress:[{onProgressChange:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-radial-progress","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-radial-progress":customElements.get(a(e))||customElements.define(a(e),n);break;case"mds-icon":customElements.get(a(e))||o();break;case"mds-text":customElements.get(a(e))||i()}}))}export{n as M,d}

package/dist/components/mds-separator.js

@@ -1,6 +1 @@
-import { M as MdsSeparator$1, d as defineCustomElement$1 } from './mds-separator2.js';
-
-const MdsSeparator = MdsSeparator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsSeparator, defineCustomElement };
+import{M as s,d as o}from"./mds-separator2.js";const r=s,a=o;export{r as MdsSeparator,a as defineCustomElement}

package/dist/components/mds-separator2.js

@@ -1,32 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsSeparatorCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);display:flex;height:1px}:host-context(:root.pref-theme-dark){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}";
-
-const MdsSeparator = /*@__PURE__*/ proxyCustomElement(class MdsSeparator extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return h(Host, { key: 'b77bfa637825f2c45736df617eaac64b69427ad0' });
-    }
-    static get style() { return mdsSeparatorCss; }
-}, [257, "mds-separator"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-separator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-separator":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsSeparator);
-            }
-            break;
-    } });
-}
-
-export { MdsSeparator as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(o,{key:"8056c695f2c418fbcb7041fb5f343a0ce76f80a7"})}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-full,1000px);display:flex;height:1px}:host-context(:root.pref-theme-dark){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}"}},[1,"mds-separator"]);function n(){"undefined"!=typeof customElements&&["mds-separator"].forEach((e=>{"mds-separator"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as M,n as d}

package/dist/components/mds-spinner.js

@@ -1,6 +1 @@
-import { M as MdsSpinner$1, d as defineCustomElement$1 } from './mds-spinner2.js';
-
-const MdsSpinner = MdsSpinner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsSpinner, defineCustomElement };
+import{M as s,d as o}from"./mds-spinner2.js";const r=s,m=o;export{r as MdsSpinner,m as defineCustomElement}