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

package/dist/components/mds-bibliography.js

@@ -1,179 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const mdsBibliographyCss = "@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)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text: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-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:\"*\";inherits:false}";
-
-const MdsBibliography$1 = /*@__PURE__*/ proxyCustomElement(class MdsBibliography extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.separator = {
-            apa: '&',
-            mla: 'e',
-            turabian: '&',
-        };
-        /**
-         * Specifies the bibliography format to rapresent the bibliography content
-         */
-        this.format = 'apa';
-        /**
-         * Specifies relationship between the current document and the URL
-         */
-        this.rel = 'external';
-        /**
-         * Specifies the font typography of the element
-         */
-        this.typography = 'detail';
-        this.monthName = (index) => {
-            const names = [
-                'Gennaio',
-                'Febbraio',
-                'Marzo',
-                'Aprile',
-                'Maggio',
-                'Giugno',
-                'Luglio',
-                'Agosto',
-                'Settembre',
-                'Ottobre',
-                'Novembre',
-                'Dicembre',
-            ];
-            return names[index];
-        };
-        this.getDate = (data) => {
-            return new Date(isNaN(Number(data)) ? data : parseInt(data));
-        };
-        this.dateFormatAPA = (date) => {
-            // 2001, August
-            const dateData = this.getDate(date);
-            if (dateData.toString() === 'Invalid Date')
-                return '';
-            return `${dateData.getFullYear()}, ${this.monthName(dateData.getMonth())} ${dateData.getDate()}`;
-        };
-        this.dateFormatMLA = (date) => {
-            // 21 July 1986
-            const dateData = this.getDate(date);
-            if (dateData.toString() === 'Invalid Date')
-                return '';
-            return `${dateData.getDate()} ${this.monthName(dateData.getMonth())} ${dateData.getFullYear()}`;
-        };
-        this.fullNameAPA = (firstName, lastName) => {
-            var _a;
-            let formattedFirstName = '';
-            if (firstName.includes(' ')) {
-                const splitName = new RegExp(/(\w+)/, 'g');
-                (_a = firstName.match(splitName)) === null || _a === void 0 ? void 0 : _a.forEach((word) => {
-                    formattedFirstName = `${formattedFirstName} ${word.substring(0, 1)}.`;
-                });
-            }
-            else {
-                formattedFirstName = ` ${firstName.substring(0, 1)}.`;
-            }
-            return `${lastName}${lastName ? ',' : ''}${formattedFirstName}`;
-        };
-        this.fullNameMLA = (firstName, lastName) => {
-            var _a;
-            let formattedFirstName = '';
-            if (firstName.includes(' ')) {
-                const splitName = new RegExp(/(\w+)/, 'g');
-                (_a = firstName.match(splitName)) === null || _a === void 0 ? void 0 : _a.forEach((word, index) => {
-                    formattedFirstName = index === 0 ? word : `${formattedFirstName} ${word.substring(0, 1)}.`;
-                });
-            }
-            else {
-                formattedFirstName = firstName;
-            }
-            return `${lastName}${lastName ? ',' : ''} ${formattedFirstName}`;
-        };
-        this.formatAuthors = (author) => {
-            var _a;
-            const authorName = author.replace(/"/g, "'");
-            const splitNames = new RegExp(/([A-Za-z ]{2,})/g);
-            const fullName = (_a = authorName.match(splitNames)) !== null && _a !== void 0 ? _a : authorName;
-            if (fullName.length > 1) {
-                const firstName = fullName[0].trim();
-                const lastName = fullName[1] ? fullName[1].trim() : '';
-                return {
-                    apa: this.fullNameAPA(firstName, lastName),
-                    firstName,
-                    lastName,
-                    mla: this.fullNameMLA(firstName, lastName),
-                    turabian: this.fullNameMLA(firstName, lastName),
-                };
-            }
-            const firstName = fullName[0].split(' ')[0].trim();
-            const lastName = fullName[0].split(' ')[1] ? fullName[0].split(' ')[1].trim() : '';
-            return {
-                apa: this.fullNameAPA(firstName, lastName),
-                firstName,
-                lastName,
-                mla: this.fullNameMLA(firstName, lastName),
-                turabian: this.fullNameMLA(firstName, lastName),
-            };
-        };
-        this.normalizeAuthors = (authors) => {
-            const authorsList = [];
-            if (authors.includes(',')) {
-                const authorsRawList = authors.split(',');
-                authorsRawList.forEach((author) => {
-                    authorsList.push(this.formatAuthors(author));
-                });
-                return authorsList;
-            }
-            authorsList.push(this.formatAuthors(authors));
-            return authorsList;
-        };
-        this.showAuthors = (authors) => {
-            let authorsList = '';
-            authors.forEach((author, index) => {
-                authorsList =
-                    index === 0
-                        ? author[this.format]
-                        : `${authorsList}, ${this.separator[this.format]} ${author[this.format]}`;
-            });
-            return authorsList;
-        };
-    }
-    render() {
-        return (h(Host, { key: 'b15c9090bd3af98008b693ed727ed3aae93598e3' }, h("mds-text", { key: 'c9a1d266aa8e12351774933fb61ec35a147debb1', typography: this.typography, variant: this.variant }, this.author && h("span", { key: '1562ae9b85ebeff30997f581be4ab14039dec414' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (h("span", { key: 'd615dbc40a95746f89f4525a54c7ecbfceba7315' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, this.name, ".")))) : (h("b", null, h("i", null, this.name, "."))), this.location && (h("span", { key: '48817238804e69578f5424355c98130556b3dd51' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (h("span", { key: '31ecf7af210e44eb6d89dfc3e4f4189e0d835fb4' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: '405f1546ea824689d93309c9df696378309c1cea', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (h("span", { key: '255f43e6ca4b50c0d872e906e3eb03a41d29401f' }, this.date && h("time", { key: '51c6bfd6c2398c6d5c3e204d75c05450b520091a', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '0c3d8465e4001391afbeeebac0d0a8f08a2ac3cb' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && h("span", { key: '121f18deadf23c053c2e3cdf63002f5ea7a8f65d' }, " ", this.publisher, "."))), this.format === 'turabian' && (h("span", { key: 'b30c1d3e94af251141c9fac36512efe532811aae' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '4901457ea26ce985db12194a733169e78d84acbb' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (h("span", { key: '48122bc66f98323a3cce99d731b5df6ad9e3f482' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: 'b6713043fc1531707338552dd3293b9a79500686', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
-    }
-    static get style() { return mdsBibliographyCss; }
-}, [257, "mds-bibliography", {
-        "format": [1],
-        "author": [1],
-        "name": [1],
-        "publisher": [1],
-        "date": [1],
-        "location": [1],
-        "rel": [1],
-        "typography": [1],
-        "variant": [1],
-        "url": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-bibliography", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-bibliography":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsBibliography$1);
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsBibliography = MdsBibliography$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsBibliography, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./mds-text2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator={apa:"&",mla:"e",turabian:"&"},this.format="apa",this.rel="external",this.typography="detail",this.monthName=t=>["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"][t],this.getDate=t=>new Date(isNaN(Number(t))?t:parseInt(t)),this.dateFormatAPA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getFullYear()}, ${this.monthName(i.getMonth())} ${i.getDate()}`},this.dateFormatMLA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getDate()} ${this.monthName(i.getMonth())} ${i.getFullYear()}`},this.fullNameAPA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach((t=>{a=`${a} ${t.substring(0,1)}.`}))}else a=` ${t.substring(0,1)}.`;return`${i}${""!==i?",":""}${a}`},this.fullNameMLA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach(((t,i)=>{a=0===i?t:`${a} ${t.substring(0,1)}.`}))}else a=t;return`${i}${""!==i?",":""} ${a}`},this.formatAuthors=t=>{var i;const e=t.replace(/"/g,"'"),a=RegExp(/([A-Za-z ]{2,})/g),r=null!==(i=e.match(a))&&void 0!==i?i:e;if(r.length>1){const t=r[0].trim(),i=""!==r[1]?r[1].trim():"";return{apa:this.fullNameAPA(t,i),firstName:t,lastName:i,mla:this.fullNameMLA(t,i),turabian:this.fullNameMLA(t,i)}}const o=r[0].split(" ")[0].trim(),s=""!==r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,s),firstName:o,lastName:s,mla:this.fullNameMLA(o,s),turabian:this.fullNameMLA(o,s)}},this.normalizeAuthors=t=>{const i=[];return t.includes(",")?(t.split(",").forEach((t=>{i.push(this.formatAuthors(t))})),i):(i.push(this.formatAuthors(t)),i)},this.showAuthors=t=>{let i="";return t.forEach(((t,e)=>{i=0===e?t[this.format]:`${i}, ${this.separator[this.format]} ${t[this.format]}`})),i}}render(){return e(a,{key:"23f59847854d7d9a89b7dd2750e436d8f02e3d14"},e("mds-text",{key:"b894fe2efb2a5fcb6efed4e71efc21bd226e05fe",typography:this.typography,variant:this.variant},this.author&&e("span",{key:"c4643d727585acf555ddd35a75b899694e5c9402"},this.showAuthors(this.normalizeAuthors(this.author))),"mla"===this.format&&e("span",{key:"6dbda3e1aaeac89017d1fed6d8ff2cd832693199"},this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null,this.name,"."))):e("b",null,e("i",null,this.name,".")),this.location&&e("span",{key:"340b4ecae707224b88baf69235b669ecee608e28"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"54d44315bbf6859e10136f0cbd73d5a56cbd3af9"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"642f54d9348dd05fe0867ef2259c1ed720987b9c",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),"apa"===this.format&&e("span",{key:"1a6caf7ae4b454bf05b924e56c9aad6e882efe98"},this.date&&e("time",{key:"2dbce299a5459cff5da64ac87925947bcddb2336",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"c9f7127424939df3e352479e48a298e964ec4d06"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"abb5252ecfb00b5b00c37c1e8063a2c00ea03cc2"}," ",this.publisher,".")),"turabian"===this.format&&e("span",{key:"91cebf4a49774b5f09f5947378b08c54150c6768"},this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"102f8ccc46702f490624d0de0e0dfc1b69a1ce66"}," ",this.location,void 0!==this.publisher?":":","),this.publisher&&e("span",{key:"f263f731ce15c53982f10273a9918854e9e14564"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"fcb9f7211479b4f78a056117f81589d4011ac0fc",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))}static get style(){return'@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)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text: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-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:"*";inherits:false}'}},[1,"mds-bibliography",{format:[1],author:[1],name:[1],publisher:[1],date:[1],location:[1],rel:[1],typography:[1],variant:[1],url:[1]}]),n=s,l=function(){"undefined"!=typeof customElements&&["mds-bibliography","mds-text"].forEach((t=>{switch(t){case"mds-bibliography":customElements.get(r(t))||customElements.define(r(t),s);break;case"mds-text":customElements.get(r(t))||o()}}))};export{n as MdsBibliography,l as defineCustomElement}

package/dist/components/mds-breadcrumb-item.js

@@ -1,70 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-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 miBaselineNavigateNext = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>`;
-
-const mdsBreadcrumbItemCss = "@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)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}: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-breadcrumb-item-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:\"<length>\";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}";
-
-const MdsBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsBreadcrumbItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.selectedEvent = createEvent(this, "mdsBreadcrumbItemSelect", 7);
-        this.toggle = () => {
-            this.selected = !this.selected;
-            this.selectedEvent.emit({ id: this.element.id, selected: this.selected });
-        };
-    }
-    render() {
-        return (h(Host, { key: 'ab3907e19643bf473ee9b8c4d86bfe9347ef332a' }, h("mds-button", { key: '98854e39c5e1607d30a9be677bae9da93191a5ea', onClick: this.toggle, part: "button", label: this.label }), h("i", { key: '105373181228784de85e55aaef02b0684c86d090', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
-    }
-    get element() { return this; }
-    static get style() { return mdsBreadcrumbItemCss; }
-}, [257, "mds-breadcrumb-item", {
-        "selected": [1540],
-        "label": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-breadcrumb-item", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-breadcrumb-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsBreadcrumbItem$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 MdsBreadcrumbItem = MdsBreadcrumbItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsBreadcrumbItem, defineCustomElement };
+import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as o,Host as b,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./mds-button2.js";import{d as a}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const u=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=t(this,"mdsBreadcrumbItemSelect",7),this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})}}render(){return o(b,{key:"0637c2938c4b122ee6d74226043108aa62c753c6"},o("mds-button",{key:"399bb9e3f9f2272e6d0fc6e397fdbe6c4b179437",onClick:this.toggle,part:"button",label:this.label}),o("i",{key:"33527f902e0e871d563bb3813f47271238ddfbf8","aria-hidden":"true",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>'}))}get element(){return this}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)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}: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-breadcrumb-item-button-background{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:"<length>";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}'}},[1,"mds-breadcrumb-item",{selected:[1540],label:[513]}]),i=u,c=function(){"undefined"!=typeof customElements&&["mds-breadcrumb-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((r=>{switch(r){case"mds-breadcrumb-item":customElements.get(n(r))||customElements.define(n(r),u);break;case"mds-button":customElements.get(n(r))||s();break;case"mds-icon":customElements.get(n(r))||a();break;case"mds-spinner":customElements.get(n(r))||d();break;case"mds-text":customElements.get(n(r))||m()}}))};export{i as MdsBreadcrumbItem,c as defineCustomElement}

package/dist/components/mds-breadcrumb.js

@@ -1,177 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineArrowBack } from './arrow-back.js';
-import { K as KeyboardManager } from './keyboard-manager.js';
-import { L as Locale } from './locale.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';
-
-const back$3 = "Πήγαινε πίσω";
-var localeEl = {
-	back: back$3
-};
-
-const back$2 = "Go back";
-var localeEn = {
-	back: back$2
-};
-
-const back$1 = "Volver atrás";
-var localeEs = {
-	back: back$1
-};
-
-const back = "Indietro";
-var localeIt = {
-	back: back
-};
-
-const mdsBreadcrumbCss = "@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)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@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-breadcrumb-button-background-disabled{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}";
-
-const MdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class MdsBreadcrumb extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changedEvent = createEvent(this, "mdsBreadcrumbChange", 7);
-        this.kb = new KeyboardManager();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Choose to display or not the back arrow button
-         */
-        this.back = true;
-        this.queryItems = () => this.element.querySelectorAll('mds-breadcrumb-item');
-        this.updateBackButton = (id) => {
-            var _a;
-            if (!this.back)
-                return;
-            const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
-            if (id === 0) {
-                backElement.setAttribute('disabled', '');
-                this.kb.detachClickBehavior();
-                return;
-            }
-            backElement.removeAttribute('disabled');
-            this.kb.attachClickBehavior();
-        };
-        this.togglePrevious = () => {
-            const item = this.element.querySelector('mds-breadcrumb-item[selected]');
-            if (!item)
-                return;
-            const id = Number(item.id.replace('item-', ''));
-            const items = this.queryItems();
-            let selectedId = 0;
-            items.forEach((item, key) => {
-                item.selected = key === id - 1;
-                if (item.selected) {
-                    selectedId = key;
-                }
-            });
-            this.updateBackButton(selectedId);
-            this.onChanged(selectedId, item);
-        };
-        this.onChanged = (id, caller) => {
-            this.changedEvent.emit({ id: id.toString(), caller });
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.element);
-    }
-    componentDidLoad() {
-        var _a;
-        const items = this.queryItems();
-        items.forEach((item, key) => (item.id = `item-${key}`));
-        const item = this.element.querySelector('mds-breadcrumb-item[selected]');
-        if (!item || item.id === 'item-0') {
-            this.updateBackButton(0);
-        }
-        if (this.back) {
-            const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
-            this.kb.addElement(backElement);
-            this.kb.attachClickBehavior();
-        }
-    }
-    componentDidUpdate() {
-        var _a;
-        if (this.back) {
-            const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
-            this.kb.addElement(backElement);
-            this.kb.attachClickBehavior();
-            return;
-        }
-        this.kb.detachClickBehavior();
-    }
-    componentWillRender() {
-        this.t.lang(this.element);
-    }
-    disconnectedCallback() {
-        this.kb.detachClickBehavior();
-    }
-    activedEventHandler(event) {
-        const items = this.queryItems();
-        let selectedId = 0;
-        items.forEach((item, key) => {
-            item.selected = `item-${key}` === event.detail.id && event.detail.selected;
-            if (item.selected) {
-                selectedId = key;
-            }
-        });
-        this.updateBackButton(selectedId);
-        this.onChanged(selectedId, event.target);
-    }
-    render() {
-        return (h(Host, { key: '0157e65a0eb34ec757f56c7cdc10b18951fa8be3' }, this.back && (h("mds-button", { key: 'a16a4496ee3c0ff557f83e42bc4b4c0d47d70086', title: this.t.get('back'), class: "back", tone: "text", variant: "dark", icon: miBaselineArrowBack, onClick: this.togglePrevious })), h("slot", { key: 'a225269b1f7a7ea7ba4282c3bbb1b50403c15fac' })));
-    }
-    get element() { return this; }
-    static get style() { return mdsBreadcrumbCss; }
-}, [257, "mds-breadcrumb", {
-        "back": [4],
-        "language": [32],
-        "updateLang": [64]
-    }, [[0, "mdsBreadcrumbItemSelect", "activedEventHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-breadcrumb", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsBreadcrumb$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 MdsBreadcrumb = MdsBreadcrumb$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsBreadcrumb, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{m as a}from"./arrow-back.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as b}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var l={back:"Πήγαινε πίσω"},h={back:"Go back"},p={back:"Volver atrás"},v={back:"Indietro"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=r(this,"mdsBreadcrumbChange",7),this.kb=new i,this.t=new d({el:l,en:h,es:p,it:v}),this.back=!0,this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var e;if(!this.back)return;const r=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".back");if(0===t)return r.setAttribute("disabled",""),void this.kb.detachClickBehavior();r.removeAttribute("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const e=Number(t.id.replace("item-","")),r=this.queryItems();let o=0;r.forEach(((t,r)=>{t.selected=r===e-1,t.selected&&(o=r)})),this.updateBackButton(o),this.onChanged(o,t)},this.onChanged=(t,e)=>{this.changedEvent.emit({id:""+t,caller:e})}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){var t;this.queryItems().forEach(((t,e)=>t.id="item-"+e));const e=this.element.querySelector("mds-breadcrumb-item[selected]");if(e&&"item-0"!==e.id||this.updateBackButton(0),this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(e),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(e),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}componentWillRender(){this.t.lang(this.element)}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const e=this.queryItems();let r=0;e.forEach(((e,o)=>{e.selected="item-"+o===t.detail.id&&t.detail.selected,e.selected&&(r=o)})),this.updateBackButton(r),this.onChanged(r,t.target)}render(){return o(s,{key:"d6153c0dc519e28bb3e6d4abcc21e7525f93bcd6"},this.back&&o("mds-button",{key:"06352e01170f89f85263a8f5ce6430c05cbbe4c2",title:this.t.get("back"),class:"back",tone:"text",variant:"dark",icon:a,onClick:this.togglePrevious}),o("slot",{key:"6355194ad2a8d7b51ee76d5537dfd206a831c86f"}))}get element(){return this}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)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@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-breadcrumb-button-background-disabled{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:"<color>";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}'}},[257,"mds-breadcrumb",{back:[4],language:[32],updateLang:[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]),k=g,y=function(){"undefined"!=typeof customElements&&["mds-breadcrumb","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-breadcrumb":customElements.get(n(t))||customElements.define(n(t),g);break;case"mds-button":customElements.get(n(t))||b();break;case"mds-icon":customElements.get(n(t))||c();break;case"mds-spinner":customElements.get(n(t))||m();break;case"mds-text":customElements.get(n(t))||u()}}))};export{k as MdsBreadcrumb,y as defineCustomElement}

package/dist/components/mds-button-dropdown.js

@@ -1,104 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineKeyboardArrowDown } from './keyboard-arrow-down.js';
-import { d as defineCustomElement$6 } from './mds-button2.js';
-import { d as defineCustomElement$5 } from './mds-dropdown2.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';
-
-const mdsButtonDropdownCss = "@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)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):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-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}";
-
-const MdsButtonDropdown$1 = /*@__PURE__*/ proxyCustomElement(class MdsButtonDropdown extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * The type of the button element
-         */
-        this.type = 'submit';
-        /**
-         * Specifies the color variant for the button
-         */
-        this.variant = 'primary';
-        /**
-         * Specifies the tone variant for the button
-         */
-        this.tone = 'strong';
-        /**
-         * Specifies the size for the button
-         */
-        this.size = 'md';
-        /**
-         * Specifies the target of the URL, if self or blank
-         */
-        this.target = 'self';
-        /**
-         * Specifies if the text shoud be truncated or should behave as a normal text
-         */
-        this.truncate = 'word';
-    }
-    render() {
-        return (h(Host, { key: 'f90fab85c6ee85c8ccf49b74004079844f509927' }, h("mds-button", { key: 'cb5a073527f47a464f02b7806f2cabd9a4b0ccfd', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant, label: this.label }), h("mds-button", { key: '7008620f687989604f5247fadfddf50004d1c1ca', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), h("mds-dropdown", { key: 'bdb45a552fc11f8ce3b2c64685b857f54dc6a89f', target: ".dropdown-action", part: "dropdown" }, h("slot", { key: 'fe51f3322d90cfe9d561d194ca9e8a0e3e5290d2' }))));
-    }
-    static get style() { return mdsButtonDropdownCss; }
-}, [257, "mds-button-dropdown", {
-        "label": [1],
-        "autoFocus": [4, "auto-focus"],
-        "icon": [1537],
-        "type": [513],
-        "variant": [513],
-        "tone": [513],
-        "size": [513],
-        "active": [1540],
-        "disabled": [1540],
-        "await": [1540],
-        "href": [513],
-        "target": [1],
-        "truncate": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-button-dropdown", "mds-button", "mds-dropdown", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-button-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsButtonDropdown$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-dropdown":
-            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 MdsButtonDropdown = MdsButtonDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsButtonDropdown, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{m as n}from"./keyboard-arrow-down.js";import{d as e}from"./mds-button2.js";import{d as i}from"./mds-dropdown2.js";import{d}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word"}render(){return r(a,{key:"cc838a144e10bc573500c91de8255a40d0ae6c9d"},r("mds-button",{key:"6491c12f83c66e74917cd94f5b11cb334179a67a",active:this.active,autoFocus:this.autoFocus,await:this.await,disabled:this.disabled,href:this.href,icon:this.icon,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant,label:this.label}),r("mds-button",{key:"87008d8679548ae49f6365b2e8a5cf61ac1850df",active:this.active,autoFocus:this.autoFocus,await:this.await,class:"dropdown-action",disabled:this.disabled,href:this.href,icon:n,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant}),r("mds-dropdown",{key:"6519ef27ef74e2e3598c61b5624cf947c7c43a27",target:".dropdown-action",part:"dropdown"},r("slot",{key:"16edfd3fa1702cf5405d91c811e9993cc528a177"})))}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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):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-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}"}},[257,"mds-button-dropdown",{label:[1],autoFocus:[4,"auto-focus"],icon:[1537],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]}]),m=b,h=function(){"undefined"!=typeof customElements&&["mds-button-dropdown","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-button-dropdown":customElements.get(s(t))||customElements.define(s(t),b);break;case"mds-button":customElements.get(s(t))||e();break;case"mds-dropdown":customElements.get(s(t))||i();break;case"mds-icon":customElements.get(s(t))||d();break;case"mds-spinner":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||u()}}))};export{m as MdsButtonDropdown,h as defineCustomElement}