@mgdis/mg-components 6.24.0 → 6.25.0

package/dist/mg-components/p-d0d12800.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,h as i,a as r}from"./p-D4bO_UCn.js";import{i as t}from"./p-BfblyCaJ.js";import{t as s,i as c}from"./p-91BOpzAB.js";const m=class{constructor(i){a(this,i),this.itemClick=e(this,"item-click",7),this.handleItemClick=(a,e)=>{a.ctrlKey||a.metaKey||a.shiftKey||a.altKey||1===a.button||this.itemClick.emit(e).defaultPrevented&&a.preventDefault()}}validateItems(a){if(void 0===a||(e=a,!(Array.isArray(e)&&e.length>0&&e.every(((a,i)=>"object"==typeof a&&null!==a&&c(a.label)&&(i===e.length-1||c(a.href)))))))throw new Error(`<mg-breadcrumb> prop "items" is required and all values must be the same type, BreadcrumbItemType. Passed value: ${s(a)}.`);var e}renderItem(a,e){return c(a.href)?i("a",{href:a.href,"aria-label":void 0!==a.icon?a.label:void 0,"aria-current":e?"page":void 0,onClick:e=>this.handleItemClick(e,a)},void 0!==a.icon?i("mg-icon",{icon:a.icon}):a.label):i("span",null,a.label)}componentWillLoad(){this.validateItems(this.items),this.messages=t(this.element).messages.breadcrumb}render(){return i("nav",{key:"17a4a416bb3b1a0fa98846fdcb9f9e8183b15fc3","aria-label":this.messages.label,class:"mg-c-breadcrumb"},i("ol",{key:"674d5c7e6331bce5c8b7a0cf5581db2aad29a385",class:"mg-c-breadcrumb__list"},this.items.map(((a,e)=>{var r;return i("li",{key:`${e}-${null!==(r=a.href)&&void 0!==r?r:a.label}`,class:"mg-c-breadcrumb__list-item"},this.renderItem(a,e===this.items.length-1))}))))}get element(){return r(this)}static get watchers(){return{items:[{validateItems:0}]}}};m.style='a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-breadcrumb{display:block}.mg-c-breadcrumb__list{padding:0;margin:0;list-style:none}.mg-c-breadcrumb__list-item{display:inline;color:var(--mg-b-color-dark);font-weight:700}.mg-c-breadcrumb__list-item:not(:last-child)::after{content:"/";font-weight:600;margin-inline:var(--mg-b-size-8)}.mg-c-breadcrumb__list-item:has(mg-icon) a{display:inline;padding:var(--mg-b-size-4);margin:calc(var(--mg-b-size-4)*-1)}.mg-c-breadcrumb__list-item mg-icon{margin-block-start:var(--mg-b-size-2);vertical-align:top}';export{m as mg_breadcrumb}