https://infosoft.ate-bus.ch:4443/8629.1e4e275dba8a70ce.js

1"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[8629],{58629:(T,p,h)=>{h.r(p),h.d(p,{super_tab_button:()=>v,super_tabs_toolbar:()=>m});var r=h(10467),n=h(35940),a=h(73418);class v{constructor(o){(0,n.r)(this,o),this.disabled=!1,this.scrollableContainer=!1,this.retryAttempts=0}componentDidLoad(){this.indexChildren(),this.initCmp()}initCmp(){this.el&&this.el.shadowRoot||!(++this.retryAttempts<1e3)?(!this.label&&!this.icon&&this.indexChildren(),this.el.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>{this.indexChildren()})):requestAnimationFrame(()=>this.initCmp())}indexChildren(){this.label=this.el.querySelector("ion-label"),this.icon=this.el.querySelector("ion-icon")}render(){return(0,n.h)(n.H,{role:"button","aria-label":!!this.label&&this.label.innerText,"aria-disabled":!!this.disabled&&"true","aria-selected":this.active?"true":"false",class:{"ion-activatable":!this.disabled,"ion-focusable":!this.disabled,"icon-only":!!this.icon&&!this.label,"label-only":!!this.label&&!this.icon,active:!!this.active,scrollableContainer:this.scrollableContainer}},(0,n.h)("slot",null),(0,n.h)("ion-ripple-effect",{type:"unbounded"}))}get el(){return(0,n.g)(this)}}v.style=":host{-ms-flex:1 0 0px;flex:1 0 0;cursor:pointer;position:relative;max-width:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);height:72px;padding:0 24px;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-font-smoothing:antialiased}:host ion-label,:host ion-icon,:host ::slotted(ion-label),:host ::slotted(ion-icon){-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-font-smoothing:antialiased}:host ion-label,:host ::slotted(ion-label){color:var(--st-label-color-inactive, var(--st-base-color-inactive));line-height:var(--st-label-line-height, 14px);height:var(--st-label-height, 14px);font-size:var(--st-label-font-size, 14px);text-transform:var(--st-label-text-transform, uppercase);font-weight:var(--st-label-font-weight, 500);padding-bottom:var(--st-label-padding-bottom, 16px)}:host ion-icon,:host ::slotted(ion-icon){color:var(--st-icon-color-inactive, var(--st-base-color-inactive));fill:var(--st-icon-color-inactive, var(--st-base-color-inactive));min-height:var(--st-icon-size, 24px);min-width:var(--st-icon-size, 24px);font-size:var(--st-icon-size, 24px);padding-top:12px}@media (hover: hover){:host(:hover){background:rgba(var(--ion-color-contrast-rgb), 0.04)}}:host(.active) ion-label,:host(.active) ion-icon,:host(.active) ::slotted(ion-label),:host(.active) ::slotted(ion-icon){-webkit-transition-delay:75ms;transition-delay:75ms}:host(.active) ion-label,:host(.active) ::slotted(ion-label){color:var(--st-label-color-active, var(--st-base-color-active))}:host(.active) ion-icon,:host(.active) ::slotted(ion-icon){color:var(--st-icon-color-active, var(--st-base-color-active));fill:var(--st-icon-color-active, var(--st-base-color-active))}:host(.icon-only),:host(.label-only){height:48px;-ms-flex-pack:center;justify-content:center}:host(.scrollableContainer){-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:90px;max-width:360px}::slotted{-ms-flex-negative:1;flex-shrink:1}:host(.label-only) ion-label,:host(.label-only) ::slotted(ion-label){padding-bottom:0}:host(.icon-only) ion-icon,:host(.icon-only) ::slotted(ion-icon){padding-top:0}";class m{constructor(o){(0,n.r)(this,o),this.showIndicator=!0,this.color="primary",this.scrollable=!1,this.scrollablePadding=!0,this.buttons=[],this.activeTabIndex=0,this.touchStartTs=0,this.lastClickTs=0,this.leftThreshold=0,this.rightThreshold=0,this.hostCls={},this.buttonClick=(0,n.c)(this,"buttonClick",7)}componentDidLoad(){var o=this;return(0,r.A)(function*(){o.setHostCls(),yield o.queryButtons(),o.slot=o.el.shadowRoot.querySelector("slot"),o.slot.addEventListener("slotchange",o.onSlotChange.bind(o)),o.updateWidth(),requestAnimationFrame(()=>{o.setActiveTab(o.activeTabIndex,!0,!1)})})()}componentWillUpdate(){this.debug("componentWillUpdate"),this.updateThresholds()}componentDidRender(){this.updateWidth()}updateWidth(){const o=this.el.getBoundingClientRect();this.width=Math.round(100*o.width)/100,this.offsetLeft=o.left}setActiveTab(o,t,i){return o=Math.max(0,Math.min(Math.round(o),this.buttons.length-1)),this.debug("setActiveTab",o,t,i),this.activeTabIndex=o,this.markButtonActive(this.buttons[o]),t&&this.alignIndicator(o,i),Promise.resolve()}setSelectedTab(o,t){return this.alignIndicator(o,t),Promise.resolve()}moveContainer(o,t){return this.buttonsContainerEl?((0,a.s)(this.buttonsContainerEl,o,0,this.config.nativeSmoothScroll,t?this.config.transitionDuration:0),Promise.resolve()):(this.debug("moveContainer called before this.buttonsContainerEl was defined"),Promise.resolve())}

1getButtonFromEv(o){let t=o.target;const i=t.tagName.toLowerCase();if("super-tab-button"!==i){if("super-tabs-toolbar"===i)return;t=t.closest("super-tab-button")}return t}onClick(o){if(!o||!o.target)return void this.debug("Got a click event with no target!",o);if(Date.now()-this.touchStartTs<=150)return;const t=this.getButtonFromEv(o);t&&this.onButtonClick(t)}onButtonClick(o){!o||o.disabled||(this.lastClickTs=Date.now(),this.setActiveTab(o.index,!0,!0),this.buttonClick.emit(o))}onTouchStart(o){var t=this;return(0,r.A)(function*(){if(!t.scrollable)return;t.debug("onTouchStart",o);const i=(0,a.p)(o),e=t.width;i.x<t.leftThreshold||i.x>e-t.rightThreshold||(t.touchStartTs=Date.now(),t.initialCoords=i,t.lastPosX=i.x)})()}onTouchMove(o){var t=this;return(0,r.A)(function*(){if(!t.buttonsContainerEl||!t.scrollable||!t.initialCoords||"number"!=typeof t.lastPosX)return;const i=(0,a.p)(o);if(!t.isDragging){if(!(0,a.c)(i,t.initialCoords,t.config))return void(Math.abs(i.y-t.initialCoords.y)>100&&(t.initialCoords=void 0,t.lastPosX=void 0));t.isDragging=!0}if(!t.isDragging)return;o.stopImmediatePropagation();const e=t.lastPosX-i.x;0!==e&&(t.lastPosX=i.x,requestAnimationFrame(()=>{if(!t.isDragging)return;const s=(0,a.g)(t.buttonsContainerEl,t.buttonsContainerEl.clientWidth,e);s!==t.buttonsContainerEl.scrollLeft&&t.buttonsContainerEl.scroll(s,0)}))})()}onTouchEnd(o){var t=this;return(0,r.A)(function*(){var i,e;if(t.lastClickTs<t.touchStartTs&&Date.now()-t.touchStartTs<=150){const s=(0,a.p)(o);if(Math.abs(s.x-(null===(i=t.initialCoords)||void 0===i?void 0:i.x))<(null===(e=t.config)||void 0===e?void 0:e.dragThreshold)){const l=t.getButtonFromEv(o);if(!l)return;t.onButtonClick(l)}}t.isDragging=!1,t.initialCoords=void 0,t.lastPosX=void 0})()}onColorUpdate(){var o=this;return(0,r.A)(function*(){o.setHostCls()})()}setHostCls(){const o={};"string"==typeof this.color&&this.color.trim().length>0&&(o["ion-color-"+this.color.trim()]=!0),this.hostCls=o}onSlotChange(){var o=this;return(0,r.A)(function*(){o.debug("onSlotChange"),o.updateWidth(),yield o.queryButtons(),yield o.setActiveTab(o.activeTabIndex,!0)})()}queryButtons(){var o=this;return(0,r.A)(function*(){o.debug("Querying buttons");const t=Array.from(o.el.querySelectorAll("super-tab-button"));if(yield Promise.all(t.map(i=>i.componentOnReady())),t)for(let i=0;i<t.length;i++){const e=t[i];e.index=i,e.scrollableContainer=o.scrollable,e.active=o.activeTabIndex===i,e.active&&(o.activeButton=e)}o.buttons=t})()}updateThresholds(){this.config&&(("both"===this.config.sideMenu||"left"===this.config.sideMenu)&&(this.leftThreshold=this.config.sideMenuThreshold),("both"===this.config.sideMenu||"right"===this.config.sideMenu)&&(this.rightThreshold=this.config.sideMenuThreshold))}markButtonActive(o){o?(this.activeButton&&(this.activeButton.active=!1),o.active=!0,this.activeButton=o):this.debug("markButtonActive","button was undefined!")}setButtonsContainerEl(o){o&&(this.buttonsContainerEl=o)}adjustContainerScroll(o){if(!this.buttonsContainerEl)return void this.debug("adjustContainerScroll called before this.buttonsContainerEl was defined");let t;const i=this.indicatorPosition,e=this.indicatorWidth,s=this.buttonsContainerEl.clientWidth,l=this.buttonsContainerEl.scrollLeft,c=s/2-e/2,b=Math.floor(i+e+c),d=Math.floor(i-c);if(b>Math.floor(s+l))t=i+e+c-s;else{if(!(d<l))return;t=Math.max(i-c,0),t=t>i?i-s+e:t}o?this.moveContainer(t,o):(0,a.s)(this.buttonsContainerEl,t,0,!1,50)}alignIndicator(o){var t=this;return(0,r.A)(function*(i,e=!1){if(!t.showIndicator||!t.indicatorEl)return;t.debug("Aligning indicator",i);const s=i%1,l=t.isDragging=s>0,c=Math.floor(i),b=Math.ceil(i),d=t.buttons[c];if(!d)return;let u=d.offsetLeft,f=d.clientWidth;if(l&&c!==b){const g=t.buttons[b];if(!g)return;const y=g.offsetLeft,k=g.clientWidth;u+=s*(y-u),f+=s*(k-f)}requestAnimationFrame(()=>{t.indicatorPosition=u,t.indicatorWidth=f,t.scrollable&&t.adjustContainerScroll(e||!l),t.indicatorEl.style.setProperty("--st-indicator-position-x",t.indicatorPosition+"px"),t.indicatorEl.style.setProperty("--st-indicator-scale-x",String(t.indicatorWidth/100)),t.indicatorEl.style.setProperty("--st-indicator-transition-duration",t.isDragging?"0":`${t.config.transitionDuration}ms`)})}).apply(this,arguments)}debug(...o){(0,a.d)(this.config,"toolbar",o)}render(){return(0,n.h)(n.H,{role:"navigation",class:this.hostCls},(0,n.h)("div",{class:"buttons-container",ref:o=>this.setButtonsContainerEl(o)},(0,n.h)("slot",null),this.showIndicator&&(0,n.h)("super-tab-indicator",{ref:o=>this.indicatorEl=o,toolbarPosition:this.el.assignedSlot.name})))}get el(){return(0,n.g)(this)}static get watchers(){return{color:["onColorUpdate"]}}}m.style=':host{-ms-flex:0 1 auto;flex:0 1 auto;display:block;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;background:var(--super-tabs-toolbar-background, var(--ion-color-base));overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:auto;-ms-touch-action:pan-x;touch-action:pan-x;z-index:2;-ms-flex-order:-1;order:-1;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-font-smoothing:antialiased}:host .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);overflow:hidden}:host(:not([no-border])):after{left:0;bottom:-8px;background-position:left 0 top 0;position:absolute;width:100%;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAIBAMAAAACWGKkAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMFTEIzJBcOYhQUIwAAAB9JREFUCNdjEIQCBiUoYDCGAgYXKGAIhQKGNChgwAAAorMLKSCkL40AAAAASUVORK5CYII=);background-repeat:repeat-x;content:"";z-index:3;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([scrollable]) .buttons-container{will-change:scroll-position}:host([scrollable][scrollable-padding]) .buttons-container{padding-left:var(--st-scrollable-toolbar-padding-left, 52px);width:calc(100% - var(--st-scrollable-toolbar-padding-left, $st-scrollable-toolbar-padding-left))}'}}]);