1 line
27 KiB
Plaintext
1 line
27 KiB
Plaintext
{"version":3,"sources":["webpack:///node_modules/@ionic/core/dist/esm/ion-tab-bar_2.entry.js"],"names":["tabBarIosCss","tabBarMdCss","TabBar","hostRef","ionTabBarChanged","keyboardVisible","translucent","selectedTab","undefined","emit","tab","setTimeout","el","getAttribute","selectedTabChanged","color","mode","role","style","ios","md","tabButtonIosCss","tabButtonMdCss","TabButton","ionTabButtonClick","disabled","selected","onKeyUp","ev","key","selectTab","onClick","dispatchedFrom","target","parent","parentElement","composedPath","includes","contains","detail","layout","get","href","preventDefault","hasIcon","hasLabel","tabIndex","rel","attrs","download","onKeyup","tabindex","id","Object","assign","part","type","querySelector","hasTabIndex","hasAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;;AAIA,UAAMA,YAAY,GAAG,8gFAArB;AAEA,UAAMC,WAAW,GAAG,kiEAApB;;AAEA,UAAMC,MAAM;AACV,wBAAYC,OAAZ,EAAqB;AAAA;;AACnB,uEAAiB,IAAjB,EAAuBA,OAAvB;AACA,eAAKC,gBAAL,GAAwB,6DAAY,IAAZ,EAAkB,kBAAlB,EAAsC,CAAtC,CAAxB;AACA,eAAKC,eAAL,GAAuB,KAAvB;AACA;;;;;;AAKA,eAAKC,WAAL,GAAmB,KAAnB;AACD;;AAXS;AAAA;AAAA,+CAYW;AACnB,gBAAI,KAAKC,WAAL,KAAqBC,SAAzB,EAAoC;AAClC,mBAAKJ,gBAAL,CAAsBK,IAAtB,CAA2B;AACzBC,mBAAG,EAAE,KAAKH;AADe,eAA3B;AAGD;AACF;AAlBS;AAAA;AAAA,+CAmBW;AAAA;;AACnBI,sBAAU,CAAC;AAAA,qBAAM,KAAI,CAACN,eAAL,GAAuB,KAA7B;AAAA,aAAD,EAAqC,EAArC,CAAV;AACD;AArBS;AAAA;AAAA,+CAsBW;AACnB,gBAAI,KAAKO,EAAL,CAAQC,YAAR,CAAqB,MAArB,MAAiC,KAArC,EAA4C;AAC1C,mBAAKR,eAAL,GAAuB,IAAvB;AACD;AACF;AA1BS;AAAA;AAAA,8CA2BU;AAClB,iBAAKS,kBAAL;AACD;AA7BS;AAAA;AAAA,mCA8BD;AAAA;;AAAA,gBACCC,KADD,GACyC,IADzC,CACCA,KADD;AAAA,gBACQT,WADR,GACyC,IADzC,CACQA,WADR;AAAA,gBACqBD,eADrB,GACyC,IADzC,CACqBA,eADrB;AAEP,gBAAMW,IAAI,GAAG,oEAAW,IAAX,CAAb;AACA,mBAAQ,6DAAE,oDAAF,EAAQ;AAAEC,kBAAI,EAAE,SAAR;AAAmB,6BAAeZ,eAAe,GAAG,MAAH,GAAY,IAA7D;AAAmE,uBAAO,6DAAmBU,KAAnB,0CACrFC,IADqF,EAC9E,IAD8E,4BAEtF,qBAFsF,EAE/DV,WAF+D,4BAGtF,gBAHsF,EAGpED,eAHoE;AAA1E,aAAR,EAIA,6DAAE,MAAF,EAAU,IAAV,CAJA,CAAR;AAKD;AAtCS;AAAA;AAAA,8BAuCD;AAAE,mBAAO,6DAAW,IAAX,CAAP;AAA0B;AAvC3B;AAAA;AAAA,8BAwCY;AAAE,mBAAO;AAC7B,6BAAe,CAAC,oBAAD;AADc,aAAP;AAEpB;AA1CM;;AAAA;AAAA,SAAZ;;AA4CAH,YAAM,CAACgB,KAAP,GAAe;AACbC,WAAG,EAAEnB,YADQ;AAEboB,UAAE,EAAEnB;AAFS,OAAf;AAKA,UAAMoB,eAAe,GAAG,i5LAAxB;AAEA,UAAMC,cAAc,GAAG,2hNAAvB;;AAEA,UAAMC,SAAS;AACb,2BAAYpB,OAAZ,EAAqB;AAAA;;AAAA;;AACnB,uEAAiB,IAAjB,EAAuBA,OAAvB;AACA,eAAKqB,iBAAL,GAAyB,6DAAY,IAAZ,EAAkB,mBAAlB,EAAuC,CAAvC,CAAzB;AACA;;;;AAGA,eAAKC,QAAL,GAAgB,KAAhB;AACA;;;;AAGA,eAAKC,QAAL,GAAgB,KAAhB;;AACA,eAAKC,OAAL,GAAe,UAACC,EAAD,EAAQ;AACrB,gBAAIA,EAAE,CAACC,GAAH,KAAW,OAAX,IAAsBD,EAAE,CAACC,GAAH,KAAW,GAArC,EAA0C;AACxC,oBAAI,CAACC,SAAL,CAAeF,EAAf;AACD;AACF,WAJD;;AAKA,eAAKG,OAAL,GAAe,UAACH,EAAD,EAAQ;AACrB,kBAAI,CAACE,SAAL,CAAeF,EAAf;AACD,WAFD;AAGD;;AApBY;AAAA;AAAA,0CAqBGA,EArBH,EAqBO;AAClB,gBAAMI,cAAc,GAAGJ,EAAE,CAACK,MAA1B;AACA,gBAAMC,MAAM,GAAG,KAAKtB,EAAL,CAAQuB,aAAvB;;AACA,gBAAKP,EAAE,CAACQ,YAAH,IAAmBR,EAAE,CAACQ,YAAH,GAAkBC,QAAlB,CAA2BH,MAA3B,CAApB,IAA4DF,cAAc,IAAIA,cAAc,CAACM,QAAf,CAAwB,KAAK1B,EAA7B,CAAlF,EAAqH;AACnH,mBAAKc,QAAL,GAAgB,KAAKhB,GAAL,KAAakB,EAAE,CAACW,MAAH,CAAU7B,GAAvC;AACD;AACF;AA3BY;AAAA;AAAA,8CA4BO;AAClB,gBAAI,KAAK8B,MAAL,KAAgBhC,SAApB,EAA+B;AAC7B,mBAAKgC,MAAL,GAAc,4DAAOC,GAAP,CAAW,iBAAX,EAA8B,UAA9B,CAAd;AACD;AACF;AAhCY;AAAA;AAAA,oCAiCHb,EAjCG,EAiCC;AACZ,gBAAI,KAAKlB,GAAL,KAAaF,SAAjB,EAA4B;AAC1B,kBAAI,CAAC,KAAKiB,QAAV,EAAoB;AAClB,qBAAKD,iBAAL,CAAuBf,IAAvB,CAA4B;AAC1BC,qBAAG,EAAE,KAAKA,GADgB;AAE1BgC,sBAAI,EAAE,KAAKA,IAFe;AAG1BhB,0BAAQ,EAAE,KAAKA;AAHW,iBAA5B;AAKD;;AACDE,gBAAE,CAACe,cAAH;AACD;AACF;AA5CY;AAAA;AAAA,mCA6DJ;AAAA;;AAAA,gBACClB,QADD,GACqF,IADrF,CACCA,QADD;AAAA,gBACWmB,OADX,GACqF,IADrF,CACWA,OADX;AAAA,gBACoBC,QADpB,GACqF,IADrF,CACoBA,QADpB;AAAA,gBAC8BC,QAD9B,GACqF,IADrF,CAC8BA,QAD9B;AAAA,gBACwCJ,IADxC,GACqF,IADrF,CACwCA,IADxC;AAAA,gBAC8CK,GAD9C,GACqF,IADrF,CAC8CA,GAD9C;AAAA,gBACmDd,MADnD,GACqF,IADrF,CACmDA,MADnD;AAAA,gBAC2DO,MAD3D,GACqF,IADrF,CAC2DA,MAD3D;AAAA,gBACmEd,QADnE,GACqF,IADrF,CACmEA,QADnE;AAAA,gBAC6EhB,GAD7E,GACqF,IADrF,CAC6EA,GAD7E;AAEP,gBAAMM,IAAI,GAAG,oEAAW,IAAX,CAAb;AACA,gBAAMgC,KAAK,GAAG;AACZC,sBAAQ,EAAE,KAAKA,QADH;AAEZP,kBAAI,EAAJA,IAFY;AAGZK,iBAAG,EAAHA,GAHY;AAIZd,oBAAM,EAANA;AAJY,aAAd;AAMA,mBAAQ,6DAAE,oDAAF,EAAQ;AAAEF,qBAAO,EAAE,KAAKA,OAAhB;AAAyBmB,qBAAO,EAAE,KAAKvB,OAAvC;AAAgDV,kBAAI,EAAE,KAAtD;AAA6DkC,sBAAQ,EAAEL,QAAvE;AAAiF,+BAAiBpB,QAAQ,GAAG,MAAH,GAAY,IAAtH;AAA4H0B,gBAAE,EAAE1C,GAAG,KAAKF,SAAR,wBAAkCE,GAAlC,IAA0C,IAA1K;AAAgL,6DAC3LM,IAD2L,EACpL,IADoL,2BAE5L,cAF4L,EAE5KU,QAF4K,2BAG5L,cAH4L,EAG5KD,QAH4K,2BAI5L,eAJ4L,EAI3KoB,QAJ2K,2BAK5L,cAL4L,EAK5KD,OAL4K,2BAM5L,oBAN4L,EAMtKC,QAAQ,IAAI,CAACD,OANyJ,2BAO5L,mBAP4L,EAOvKA,OAAO,IAAI,CAACC,QAP2J,gDAQ7KL,MAR6K,GAQlK,IARkK,2BAS5L,iBAT4L,EASzK,IATyK,2BAU5L,gBAV4L,EAU1K,IAV0K,2BAW5L,eAX4L,EAW3K,IAX2K;AAAhL,aAAR,EAYD,6DAAE,GAAF,EAAOa,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,KAAlB,EAAyB;AAAEF,sBAAQ,EAAE,CAAC,CAAb;AAAgB,uBAAO,eAAvB;AAAwCS,kBAAI,EAAE;AAA9C,aAAzB,CAAP,EAA2F,6DAAE,MAAF,EAAU;AAAE,uBAAO;AAAT,aAAV,EAAqC,6DAAE,MAAF,EAAU,IAAV,CAArC,CAA3F,EAAkJvC,IAAI,KAAK,IAAT,IAAiB,6DAAE,mBAAF,EAAuB;AAAEwC,kBAAI,EAAE;AAAR,aAAvB,CAAnK,CAZC,CAAR;AAaD;AAnFY;AAAA;AAAA,8BA6CE;AACb,mBAAO,CAAC,CAAC,KAAK5C,EAAL,CAAQ6C,aAAR,CAAsB,WAAtB,CAAT;AACD;AA/CY;AAAA;AAAA,8BAgDC;AACZ,mBAAO,CAAC,CAAC,KAAK7C,EAAL,CAAQ6C,aAAR,CAAsB,UAAtB,CAAT;AACD;AAlDY;AAAA;AAAA,8BAmDE;AACb,gBAAI,KAAKhC,QAAT,EAAmB;AACjB,qBAAO,CAAC,CAAR;AACD;;AACD,gBAAMiC,WAAW,GAAG,KAAK9C,EAAL,CAAQ+C,YAAR,CAAqB,UAArB,CAApB;;AACA,gBAAID,WAAJ,EAAiB;AACf,qBAAO,KAAK9C,EAAL,CAAQC,YAAR,CAAqB,UAArB,CAAP;AACD;;AACD,mBAAO,CAAP;AACD;AA5DY;AAAA;AAAA,8BAoFJ;AAAE,mBAAO,6DAAW,IAAX,CAAP;AAA0B;AApFxB;;AAAA;AAAA,SAAf;;AAsFAU,eAAS,CAACL,KAAV,GAAkB;AAChBC,WAAG,EAAEE,eADW;AAEhBD,UAAE,EAAEE;AAFY,OAAlB","file":"36-es5.js","sourcesContent":["import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from './index-e806d1f6.js';\nimport { b as getIonMode, c as config } from './ionic-global-9d5c8ee3.js';\nimport { c as createColorClasses } from './theme-ff3fc52f.js';\n\nconst tabBarIosCss = \":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-400, #999999));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(210%) blur(20px);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}\";\n\nconst tabBarMdCss = \":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}\";\n\nconst TabBar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionTabBarChanged = createEvent(this, \"ionTabBarChanged\", 7);\n this.keyboardVisible = false;\n /**\n * If `true`, the tab bar will be translucent.\n * Only applies when the mode is `\"ios\"` and the device supports\n * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n */\n this.translucent = false;\n }\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.ionTabBarChanged.emit({\n tab: this.selectedTab\n });\n }\n }\n onKeyboardWillHide() {\n setTimeout(() => this.keyboardVisible = false, 50);\n }\n onKeyboardWillShow() {\n if (this.el.getAttribute('slot') !== 'top') {\n this.keyboardVisible = true;\n }\n }\n componentWillLoad() {\n this.selectedTabChanged();\n }\n render() {\n const { color, translucent, keyboardVisible } = this;\n const mode = getIonMode(this);\n return (h(Host, { role: \"tablist\", \"aria-hidden\": keyboardVisible ? 'true' : null, class: createColorClasses(color, {\n [mode]: true,\n 'tab-bar-translucent': translucent,\n 'tab-bar-hidden': keyboardVisible,\n }) }, h(\"slot\", null)));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"selectedTab\": [\"selectedTabChanged\"]\n }; }\n};\nTabBar.style = {\n ios: tabBarIosCss,\n md: tabBarMdCss\n};\n\nconst tabButtonIosCss = \":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;left:calc(50% + 6px);top:4px;height:auto;font-size:12px;line-height:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:30px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:calc(50% + 12px)}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:calc(50% + 35px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:calc(50% + 30px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}\";\n\nconst tabButtonMdCss = \":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}[dir=rtl] ::slotted(ion-icon),:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}::slotted(ion-badge){border-radius:8px;padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:2px;left:calc(50% + 6px);top:8px;min-width:12px;font-size:8px;font-weight:normal}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:70%;top:8px}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:80%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:6px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:unset;-webkit-margin-end:6px;margin-inline-end:6px}}:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:6px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:unset;-webkit-margin-start:6px;margin-inline-start:6px}}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:70%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}\";\n\nconst TabButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionTabButtonClick = createEvent(this, \"ionTabButtonClick\", 7);\n /**\n * If `true`, the user cannot interact with the tab button.\n */\n this.disabled = false;\n /**\n * The selected tab component\n */\n this.selected = false;\n this.onKeyUp = (ev) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n this.onClick = (ev) => {\n this.selectTab(ev);\n };\n }\n onTabBarChanged(ev) {\n const dispatchedFrom = ev.target;\n const parent = this.el.parentElement;\n if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n this.selected = this.tab === ev.detail.tab;\n }\n }\n componentWillLoad() {\n if (this.layout === undefined) {\n this.layout = config.get('tabButtonLayout', 'icon-top');\n }\n }\n selectTab(ev) {\n if (this.tab !== undefined) {\n if (!this.disabled) {\n this.ionTabButtonClick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected\n });\n }\n ev.preventDefault();\n }\n }\n get hasLabel() {\n return !!this.el.querySelector('ion-label');\n }\n get hasIcon() {\n return !!this.el.querySelector('ion-icon');\n }\n get tabIndex() {\n if (this.disabled) {\n return -1;\n }\n const hasTabIndex = this.el.hasAttribute('tabindex');\n if (hasTabIndex) {\n return this.el.getAttribute('tabindex');\n }\n return 0;\n }\n render() {\n const { disabled, hasIcon, hasLabel, tabIndex, href, rel, target, layout, selected, tab } = this;\n const mode = getIonMode(this);\n const attrs = {\n download: this.download,\n href,\n rel,\n target\n };\n return (h(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: \"tab\", tabindex: tabIndex, \"aria-selected\": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {\n [mode]: true,\n 'tab-selected': selected,\n 'tab-disabled': disabled,\n 'tab-has-label': hasLabel,\n 'tab-has-icon': hasIcon,\n 'tab-has-label-only': hasLabel && !hasIcon,\n 'tab-has-icon-only': hasIcon && !hasLabel,\n [`tab-layout-${layout}`]: true,\n 'ion-activatable': true,\n 'ion-selectable': true,\n 'ion-focusable': true\n } }, h(\"a\", Object.assign({}, attrs, { tabIndex: -1, class: \"button-native\", part: \"native\" }), h(\"span\", { class: \"button-inner\" }, h(\"slot\", null)), mode === 'md' && h(\"ion-ripple-effect\", { type: \"unbounded\" }))));\n }\n get el() { return getElement(this); }\n};\nTabButton.style = {\n ios: tabButtonIosCss,\n md: tabButtonMdCss\n};\n\nexport { TabBar as ion_tab_bar, TabButton as ion_tab_button };\n"]} |