/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{r as registerInstance,d as createEvent,h,f as Host,i as getElement}from"./index-6e4709ff.js";import{i as inheritAriaAttributes}from"./helpers-da915de8.js";import{o as openURL,c as createColorClasses,h as hostContext}from"./theme-01f3f29c.js";import{m as chevronForwardOutline,n as ellipsisHorizontal}from"./index-e2cf2ceb.js";import{b as getIonMode}from"./ionic-global-c4e0c089.js";var breadcrumbIosCss=":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78))}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39))}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea))}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";var IonBreadcrumbIosStyle0=breadcrumbIosCss;var breadcrumbMdCss=":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #677483));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, var(--ion-text-color-step-200, #35404e));--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, #fff))}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-550, var(--ion-text-color-step-450, #7d8894));font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #222d3a))}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #eef1f3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #dfe5e8))}";var IonBreadcrumbMdStyle0=breadcrumbMdCss;var Breadcrumb=function(){function o(o){var r=this;registerInstance(this,o);this.ionFocus=createEvent(this,"ionFocus",7);this.ionBlur=createEvent(this,"ionBlur",7);this.collapsedClick=createEvent(this,"collapsedClick",7);this.inheritedAttributes={};this.onFocus=function(){r.ionFocus.emit()};this.onBlur=function(){r.ionBlur.emit()};this.collapsedIndicatorClick=function(){r.collapsedClick.emit({ionShadowTarget:r.collapsedRef})};this.collapsed=false;this.last=undefined;this.showCollapsedIndicator=undefined;this.color=undefined;this.active=false;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.separator=undefined;this.target=undefined;this.routerDirection="forward";this.routerAnimation=undefined}o.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAriaAttributes(this.el)};o.prototype.isClickable=function(){return this.href!==undefined};o.prototype.render=function(){var o;var r=this;var e=this,t=e.color,i=e.active,a=e.collapsed,n=e.disabled,s=e.download,c=e.el,l=e.inheritedAttributes,d=e.last,b=e.routerAnimation,p=e.routerDirection,u=e.separator,m=e.showCollapsedIndicator,f=e.target;var g=this.isClickable();var v=this.href===undefined?"span":"a";var x=n?undefined:this.href;var k=getIonMode(this);var y=v==="span"?{}:{download:s,href:x,target:f};var w=d?false:a?m&&!d?true:false:u;return h(Host,{key:"7f6db640a81d6c44e22f5d7980b7e3c111c695f0",onClick:function(o){return openURL(x,o,p,b)},"aria-disabled":n?"true":null,class:createColorClasses(t,(o={},o[k]=true,o["breadcrumb-active"]=i,o["breadcrumb-collapsed"]=a,o["breadcrumb-disabled"]=n,o["in-breadcrumbs-color"]=hostContext("ion-breadcrumbs[color]",c),o["in-toolbar"]=hostContext("ion-toolbar",this.el),o["in-toolbar-color"]=hostContext("ion-toolbar[color]",this.el),o["ion-activatable"]=g,o["ion-focusable"]=g,o))},h(v,Object.assign({key:"897cbb8e7632ce86de24e71916392a6fecf40d6b"},y,{class:"breadcrumb-native",part:"native",disabled:n,onFocus:this.onFocus,onBlur:this.onBlur},l),h("slot",{key:"8b420722f1cacc771903abb4bf86d7375cb60698",name:"start"}),h("slot",{key:"6945b283fbac7ca799de48938379c6f7b1926735"}),h("slot",{key:"f27519c372bf6ab37d766ae945e3600baa3d2831",name:"end"})),m&&h("button",{part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:function(){return r.collapsedIndicatorClick()},ref:function(o){return r.collapsedRef=o},class:{"breadcrumbs-collapsed-indicator":true}},h("ion-icon",{"aria-hidden":"true",icon:ellipsisHorizontal,lazy:false})),w&&h("span",{class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},h("slot",{name:"separator"},k==="ios"?h("ion-icon",{icon:chevronForwardOutline,lazy:false,"flip-rtl":true}):h("span",null,"/"))))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();Breadcrumb.style={ios:IonBreadcrumbIosStyle0,md:IonBreadcrumbMdStyle0};var breadcrumbsIosCss=":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;-ms-flex-pack:center;justify-content:center}";var IonBreadcrumbsIosStyle0=breadcrumbsIosCss;var breadcrumbsMdCss=":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}";var IonBreadcrumbsMdStyle0=breadcrumbsMdCss;var Breadcrumbs=function(){function o(o){var r=this;registerInstance(this,o);this.ionCollapsedClick=createEvent(this,"ionCollapsedClick",7);this.breadcrumbsInit=function(){r.setBreadcrumbSeparator();r.setMaxItems()};this.resetActiveBreadcrumb=function(){var o=r.getBreadcrumbs();var e=o.find((function(o){return o.active}));if(e&&r.activeChanged){e.active=false}};this.setMaxItems=function(){var o=r,e=o.itemsAfterCollapse,t=o.itemsBeforeCollapse,i=o.maxItems;var a=r.getBreadcrumbs();for(var n=0,s=a;n<s.length;n++){var c=s[n];c.showCollapsedIndicator=false;c.collapsed=false}var l=i!==undefined&&a.length>i&&t+e<=i;if(l){a.forEach((function(o,r){if(r===t){o.showCollapsedIndicator=true}if(r>=t&&r<a.length-e){o.collapsed=true}}))}};this.setBreadcrumbSeparator=function(){var o=r,e=o.itemsAfterCollapse,t=o.itemsBeforeCollapse,i=o.maxItems;var a=r.getBreadcrumbs();var n=a.find((function(o){return o.active}));for(var s=0,c=a;s<c.length;s++){var l=c[s];var d=i!==undefined&&e===0?l===a[t]:l===a[a.length-1];l.last=d;var b=l.separator!==undefined?l.separator:d?undefined:true;l.separator=b;if(!n&&d){l.active=true;r.activeChanged=true}}};this.getBreadcrumbs=function(){return Array.from(r.el.querySelectorAll("ion-breadcrumb"))};this.slotChanged=function(){r.resetActiveBreadcrumb();r.breadcrumbsInit()};this.collapsed=undefined;this.activeChanged=undefined;this.color=undefined;this.maxItems=undefined;this.itemsBeforeCollapse=1;this.itemsAfterCollapse=1}o.prototype.onCollapsedClick=function(o){var r=this.getBreadcrumbs();var e=r.filter((function(o){return o.collapsed}));this.ionCollapsedClick.emit(Object.assign(Object.assign({},o.detail),{collapsedBreadcrumbs:e}))};o.prototype.maxItemsChanged=function(){this.resetActiveBreadcrumb();this.breadcrumbsInit()};o.prototype.componentWillLoad=function(){this.breadcrumbsInit()};o.prototype.render=function(){var o;var r=this,e=r.color,t=r.collapsed;var i=getIonMode(this);return h(Host,{key:"9cef93113d7c0d0bcab67d7790d8df915236dd59",class:createColorClasses(e,(o={},o[i]=true,o["in-toolbar"]=hostContext("ion-toolbar",this.el),o["in-toolbar-color"]=hostContext("ion-toolbar[color]",this.el),o["breadcrumbs-collapsed"]=t,o))},h("slot",{key:"6e6b0e0a3297de16bf08ec107bbce4bb5f00b28c",onSlotchange:this.slotChanged}))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{maxItems:["maxItemsChanged"],itemsBeforeCollapse:["maxItemsChanged"],itemsAfterCollapse:["maxItemsChanged"]}},enumerable:false,configurable:true});return o}();Breadcrumbs.style={ios:IonBreadcrumbsIosStyle0,md:IonBreadcrumbsMdStyle0};export{Breadcrumb as ion_breadcrumb,Breadcrumbs as ion_breadcrumbs};