2021-02-24 10:42:01 +01:00
function _defineProperty ( obj , key , value ) { if ( key in obj ) { Object . defineProperty ( obj , key , { value : value , enumerable : true , configurable : true , writable : true } ) ; } else { obj [ key ] = value ; } return obj ; }
2021-01-15 15:31:43 +01:00
function asyncGeneratorStep ( gen , resolve , reject , _next , _throw , key , arg ) { try { var info = gen [ key ] ( arg ) ; var value = info . value ; } catch ( error ) { reject ( error ) ; return ; } if ( info . done ) { resolve ( value ) ; } else { Promise . resolve ( value ) . then ( _next , _throw ) ; } }
function _asyncToGenerator ( fn ) { return function ( ) { var self = this , args = arguments ; return new Promise ( function ( resolve , reject ) { var gen = fn . apply ( self , args ) ; function _next ( value ) { asyncGeneratorStep ( gen , resolve , reject , _next , _throw , "next" , value ) ; } function _throw ( err ) { asyncGeneratorStep ( gen , resolve , reject , _next , _throw , "throw" , err ) ; } _next ( undefined ) ; } ) ; } ; }
function _classCallCheck ( instance , Constructor ) { if ( ! ( instance instanceof Constructor ) ) { throw new TypeError ( "Cannot call a class as a function" ) ; } }
function _defineProperties ( target , props ) { for ( var i = 0 ; i < props . length ; i ++ ) { var descriptor = props [ i ] ; descriptor . enumerable = descriptor . enumerable || false ; descriptor . configurable = true ; if ( "value" in descriptor ) descriptor . writable = true ; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass ( Constructor , protoProps , staticProps ) { if ( protoProps ) _defineProperties ( Constructor . prototype , protoProps ) ; if ( staticProps ) _defineProperties ( Constructor , staticProps ) ; return Constructor ; }
( window [ "webpackJsonp" ] = window [ "webpackJsonp" ] || [ ] ) . push ( [ [ 2 ] , {
/***/
"./node_modules/@ionic/core/dist/esm/ion-app_8.entry.js" :
/*!**************************************************************!*\
!*** ./node_modules/@ionic/core/dist/esm/ion-app_8.entry.js ***!
\**************************************************************/
/*! exports provided: ion_app, ion_buttons, ion_content, ion_footer, ion_header, ion_router_outlet, ion_title, ion_toolbar */
/***/
function node _modulesIonicCoreDistEsmIonApp _8EntryJs ( module , _ _webpack _exports _ _ , _ _webpack _require _ _ ) {
"use strict" ;
_ _webpack _require _ _ . r ( _ _webpack _exports _ _ ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_app" , function ( ) {
return App ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_buttons" , function ( ) {
return Buttons ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_content" , function ( ) {
return Content ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_footer" , function ( ) {
return Footer ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_header" , function ( ) {
return Header ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_router_outlet" , function ( ) {
return RouterOutlet ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_title" , function ( ) {
return ToolbarTitle ;
} ) ;
/* harmony export (binding) */
_ _webpack _require _ _ . d ( _ _webpack _exports _ _ , "ion_toolbar" , function ( ) {
return Toolbar ;
} ) ;
/* harmony import */
2021-02-24 10:42:01 +01:00
var _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ = _ _webpack _require _ _ (
/*! ./index-e806d1f6.js */
"./node_modules/@ionic/core/dist/esm/index-e806d1f6.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ = _ _webpack _require _ _ (
/*! ./ionic-global-9d5c8ee3.js */
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _helpers _90f46169 _js _ _WEBPACK _IMPORTED _MODULE _2 _ _ = _ _webpack _require _ _ (
/*! ./helpers-90f46169.js */
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _index _d8cfb4a8 _js _ _WEBPACK _IMPORTED _MODULE _3 _ _ = _ _webpack _require _ _ (
/*! ./index-d8cfb4a8.js */
"./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _cubic _bezier _eea9a7a9 _js _ _WEBPACK _IMPORTED _MODULE _4 _ _ = _ _webpack _require _ _ (
/*! ./cubic-bezier-eea9a7a9.js */
"./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ = _ _webpack _require _ _ (
/*! ./theme-ff3fc52f.js */
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js" ) ;
2021-01-15 15:31:43 +01:00
/* harmony import */
2021-02-24 10:42:01 +01:00
var _framework _delegate _4584ab5a _js _ _WEBPACK _IMPORTED _MODULE _6 _ _ = _ _webpack _require _ _ (
/*! ./framework-delegate-4584ab5a.js */
"./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js" ) ;
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
var appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}" ;
2021-01-15 15:31:43 +01:00
var App = /*#__PURE__*/ function ( ) {
function App ( hostRef ) {
_classCallCheck ( this , App ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
2021-01-15 15:31:43 +01:00
}
_createClass ( App , [ {
key : "componentDidLoad" ,
value : function componentDidLoad ( ) {
{
2021-02-24 10:42:01 +01:00
rIC ( /*#__PURE__*/ _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee ( ) {
var isHybrid , hardwareBackButtonModule ;
return regeneratorRuntime . wrap ( function _callee$ ( _context ) {
while ( 1 ) {
switch ( _context . prev = _context . next ) {
case 0 :
isHybrid = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "i" ] ) ( window , 'hybrid' ) ;
if ( ! _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( '_testing' ) ) {
_ _webpack _require _ _ . e (
/*! import() | tap-click-71d2324a-js */
"tap-click-71d2324a-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./tap-click-71d2324a.js */
"./node_modules/@ionic/core/dist/esm/tap-click-71d2324a.js" ) ) . then ( function ( module ) {
return module . startTapClick ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] ) ;
} ) ;
}
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
if ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( 'statusTap' , isHybrid ) ) {
_ _webpack _require _ _ . e (
/*! import() | status-tap-b46a1b02-js */
"status-tap-b46a1b02-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./status-tap-b46a1b02.js */
"./node_modules/@ionic/core/dist/esm/status-tap-b46a1b02.js" ) ) . then ( function ( module ) {
return module . startStatusTap ( ) ;
} ) ;
}
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
if ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( 'inputShims' , needInputShims ( ) ) ) {
_ _webpack _require _ _ . e (
/*! import() | input-shims-7a52f98d-js */
"input-shims-7a52f98d-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./input-shims-7a52f98d.js */
"./node_modules/@ionic/core/dist/esm/input-shims-7a52f98d.js" ) ) . then ( function ( module ) {
return module . startInputShims ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] ) ;
} ) ;
}
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
_context . next = 6 ;
return Promise . resolve ( ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./hardware-back-button-4a6b37fb.js */
"./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js" ) ) ;
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
case 6 :
hardwareBackButtonModule = _context . sent ;
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
if ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( 'hardwareBackButton' , isHybrid ) ) {
hardwareBackButtonModule . startHardwareBackButton ( ) ;
} else {
hardwareBackButtonModule . blockHardwareBackButton ( ) ;
}
if ( typeof window !== 'undefined' ) {
_ _webpack _require _ _ . e (
/*! import() | keyboard-5742b5da-js */
"keyboard-5742b5da-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./keyboard-5742b5da.js */
"./node_modules/@ionic/core/dist/esm/keyboard-5742b5da.js" ) ) . then ( function ( module ) {
return module . startKeyboardAssist ( window ) ;
} ) ;
}
_ _webpack _require _ _ . e (
/*! import() | focus-visible-f4ad4f1a-js */
"focus-visible-f4ad4f1a-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./focus-visible-f4ad4f1a.js */
"./node_modules/@ionic/core/dist/esm/focus-visible-f4ad4f1a.js" ) ) . then ( function ( module ) {
return module . startFocusVisible ( ) ;
} ) ;
case 10 :
case "end" :
return _context . stop ( ) ;
}
}
} , _callee ) ;
} ) ) ) ;
2021-01-15 15:31:43 +01:00
}
}
} , {
key : "render" ,
value : function render ( ) {
var _class ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
"class" : ( _class = { } , _defineProperty ( _class , mode , true ) , _defineProperty ( _class , 'ion-page' , true ) , _defineProperty ( _class , 'force-statusbar-padding' , _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( '_forceStatusbarPadding' ) ) , _class )
2021-01-15 15:31:43 +01:00
} ) ;
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] ) ;
return App ;
} ( ) ;
var needInputShims = function needInputShims ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "i" ] ) ( window , 'ios' ) && Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "i" ] ) ( window , 'mobile' ) ;
2021-01-15 15:31:43 +01:00
} ;
var rIC = function rIC ( callback ) {
if ( 'requestIdleCallback' in window ) {
window . requestIdleCallback ( callback ) ;
} else {
setTimeout ( callback , 32 ) ;
}
} ;
App . style = appCss ;
var buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-start:5px;--padding-end:5px;margin-left:2px;margin-right:2px;height:32px;font-size:17px;font-weight:400}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-button{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-right:0.3em;font-size:24px;line-height:0.67}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-right:unset;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-left:0.4em;font-size:24px;line-height:0.67}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:unset;-webkit-margin-start:0.4em;margin-inline-start:0.4em}}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:28px;line-height:0.67}" ;
var buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;--padding-start:8px;--padding-end:8px;--box-shadow:none;margin-left:2px;margin-right:2px;height:32px;font-size:14px;font-weight:500}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-button{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:48px;height:48px}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-right:0.3em;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-icon[slot=start]{margin-right:unset;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-left:0.4em;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:unset;-webkit-margin-start:0.4em;margin-inline-start:0.4em}}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}" ;
var Buttons = /*#__PURE__*/ function ( ) {
function Buttons ( hostRef ) {
_classCallCheck ( this , Buttons ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
2021-01-15 15:31:43 +01:00
/**
* If true, buttons will disappear when its
* parent toolbar has fully collapsed if the toolbar
* is not the first toolbar. If the toolbar is the
* first toolbar, the buttons will be hidden and will
* only be shown once all toolbars have fully collapsed.
*
* Only applies in `ios` mode with `collapse` set to
* `true` on `ion-header`.
*
* Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
*/
this . collapse = false ;
}
_createClass ( Buttons , [ {
key : "render" ,
value : function render ( ) {
var _class2 ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
2021-01-15 15:31:43 +01:00
"class" : ( _class2 = { } , _defineProperty ( _class2 , mode , true ) , _defineProperty ( _class2 , 'buttons-collapse' , this . collapse ) , _class2 )
} ) ;
}
} ] ) ;
return Buttons ;
} ( ) ;
Buttons . style = {
ios : buttonsIosCss ,
md : buttonsMdCss
} ;
2021-02-24 10:42:01 +01:00
var contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.inner-scroll{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)}}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{-ms-touch-action:pan-y;touch-action:pan-y;overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{-ms-touch-action:pan-x;touch-action:pan-x;overflow-x:var(--overflow);overscroll-behavior-x:contain}.scroll-x.scroll-y{-ms-touch-action:auto;touch-action:auto}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){contain:none}:host(.content-sizing) .inner-scroll{position:relative}.transition-effect{display:none;position:absolute;left:-100%;width:100%;height:100vh;opacity:0;pointer-events:none}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;right:0;width:10px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTE3MDgzRkQ5QTkyMTFFOUEwNzQ5MkJFREE1NUY2MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTE3MDgzRkU5QTkyMTFFOUEwNzQ5MkJFREE1NUY2MjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTcwODNGQjlBOTIxMUU5QTA3NDkyQkVEQTU1RjYyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTcwODNGQzlBOTIxMUU5QTA3NDkyQkVEQTU1RjYyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmePEuQAAABNSURBVHjaYvz//z8DIxAwMDAwATGMhmFmPDQuOSZks0AMmoJBaQHjkPfB0Lfg/2gQjVow+HPy/yHvg9GiYjQfjMbBqAWjFgy/4hogwADYqwdzxy5BuwAAAABJRU5ErkJggg==);background-repeat:repeat-y;background-size:10px 16px}::slotted([slot=fixed]){position:absolute}" ;
2021-01-15 15:31:43 +01:00
var Content = /*#__PURE__*/ function ( ) {
function Content ( hostRef ) {
_classCallCheck ( this , Content ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
this . ionScrollStart = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionScrollStart" , 7 ) ;
this . ionScroll = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionScroll" , 7 ) ;
this . ionScrollEnd = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionScrollEnd" , 7 ) ;
2021-01-15 15:31:43 +01:00
this . isScrolling = false ;
this . lastScroll = 0 ;
this . queued = false ;
this . cTop = - 1 ;
this . cBottom = - 1 ; // Detail is used in a hot loop in the scroll event, by allocating it here
// V8 will be able to inline any read/write to it since it's a monomorphic class.
// https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
this . detail = {
scrollTop : 0 ,
scrollLeft : 0 ,
type : 'scroll' ,
event : undefined ,
startX : 0 ,
startY : 0 ,
startTime : 0 ,
currentX : 0 ,
currentY : 0 ,
velocityX : 0 ,
velocityY : 0 ,
deltaX : 0 ,
deltaY : 0 ,
currentTime : 0 ,
data : undefined ,
isScrolling : true
} ;
/**
* If `true`, the content will scroll behind the headers
* and footers. This effect can easily be seen by setting the toolbar
* to transparent.
*/
this . fullscreen = false ;
/**
* If you want to enable the content scrolling in the X axis, set this property to `true`.
*/
this . scrollX = false ;
/**
* If you want to disable the content scrolling in the Y axis, set this property to `false`.
*/
this . scrollY = true ;
/**
* Because of performance reasons, ionScroll events are disabled by default, in order to enable them
* and start listening from (ionScroll), set this property to `true`.
*/
this . scrollEvents = false ;
}
_createClass ( Content , [ {
key : "disconnectedCallback" ,
value : function disconnectedCallback ( ) {
this . onScrollEnd ( ) ;
}
} , {
key : "onAppLoad" ,
value : function onAppLoad ( ) {
this . resize ( ) ;
}
} , {
key : "onClick" ,
value : function onClick ( ev ) {
if ( this . isScrolling ) {
ev . preventDefault ( ) ;
ev . stopPropagation ( ) ;
}
}
} , {
key : "shouldForceOverscroll" ,
value : function shouldForceOverscroll ( ) {
var forceOverscroll = this . forceOverscroll ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
return forceOverscroll === undefined ? mode === 'ios' && Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "i" ] ) ( 'ios' ) : forceOverscroll ;
2021-01-15 15:31:43 +01:00
}
} , {
key : "resize" ,
value : function resize ( ) {
var _this = this ;
if ( this . fullscreen ) {
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "f" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
return _this . readDimensions ( ) ;
} ) ;
} else if ( this . cTop !== 0 || this . cBottom !== 0 ) {
this . cTop = this . cBottom = 0 ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "j" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
}
} , {
key : "readDimensions" ,
value : function readDimensions ( ) {
var page = getPageElement ( this . el ) ;
var top = Math . max ( this . el . offsetTop , 0 ) ;
var bottom = Math . max ( page . offsetHeight - top - this . el . offsetHeight , 0 ) ;
var dirty = top !== this . cTop || bottom !== this . cBottom ;
if ( dirty ) {
this . cTop = top ;
this . cBottom = bottom ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "j" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
}
} , {
key : "onScroll" ,
value : function onScroll ( ev ) {
var _this2 = this ;
var timeStamp = Date . now ( ) ;
var shouldStart = ! this . isScrolling ;
this . lastScroll = timeStamp ;
if ( shouldStart ) {
this . onScrollStart ( ) ;
}
if ( ! this . queued && this . scrollEvents ) {
this . queued = true ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "f" ] ) ( function ( ts ) {
2021-01-15 15:31:43 +01:00
_this2 . queued = false ;
_this2 . detail . event = ev ;
updateScrollDetail ( _this2 . detail , _this2 . scrollEl , ts , shouldStart ) ;
_this2 . ionScroll . emit ( _this2 . detail ) ;
} ) ;
}
}
/**
* Get the element where the actual scrolling takes place.
* This element can be used to subscribe to `scroll` events or manually modify
* `scrollTop`. However, it's recommended to use the API provided by `ion-content`:
*
* i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events
* and `scrollToPoint()` to scroll the content into a certain point.
*/
} , {
key : "getScrollElement" ,
value : function getScrollElement ( ) {
return Promise . resolve ( this . scrollEl ) ;
}
/**
* Scroll to the top of the component.
*
* @param duration The amount of time to take scrolling to the top. Defaults to `0`.
*/
} , {
key : "scrollToTop" ,
value : function scrollToTop ( ) {
var duration = arguments . length > 0 && arguments [ 0 ] !== undefined ? arguments [ 0 ] : 0 ;
return this . scrollToPoint ( undefined , 0 , duration ) ;
}
/**
* Scroll to the bottom of the component.
*
* @param duration The amount of time to take scrolling to the bottom. Defaults to `0`.
*/
} , {
key : "scrollToBottom" ,
value : function scrollToBottom ( ) {
var duration = arguments . length > 0 && arguments [ 0 ] !== undefined ? arguments [ 0 ] : 0 ;
var y = this . scrollEl . scrollHeight - this . scrollEl . clientHeight ;
return this . scrollToPoint ( undefined , y , duration ) ;
}
/**
* Scroll by a specified X/Y distance in the component.
*
* @param x The amount to scroll by on the horizontal axis.
* @param y The amount to scroll by on the vertical axis.
* @param duration The amount of time to take scrolling by that amount.
*/
} , {
key : "scrollByPoint" ,
value : function scrollByPoint ( x , y , duration ) {
return this . scrollToPoint ( x + this . scrollEl . scrollLeft , y + this . scrollEl . scrollTop , duration ) ;
}
/**
* Scroll to a specified X/Y location in the component.
*
* @param x The point to scroll to on the horizontal axis.
* @param y The point to scroll to on the vertical axis.
* @param duration The amount of time to take scrolling to that point. Defaults to `0`.
*/
} , {
key : "scrollToPoint" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _scrollToPoint = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee2 ( x , y ) {
2021-01-15 15:31:43 +01:00
var duration ,
el ,
resolve ,
startTime ,
promise ,
fromY ,
fromX ,
deltaY ,
deltaX ,
step ,
2021-02-24 10:42:01 +01:00
_args2 = arguments ;
return regeneratorRuntime . wrap ( function _callee2$ ( _context2 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context2 . prev = _context2 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
duration = _args2 . length > 2 && _args2 [ 2 ] !== undefined ? _args2 [ 2 ] : 0 ;
2021-01-15 15:31:43 +01:00
el = this . scrollEl ;
if ( ! ( duration < 32 ) ) {
2021-02-24 10:42:01 +01:00
_context2 . next = 6 ;
2021-01-15 15:31:43 +01:00
break ;
}
if ( y != null ) {
el . scrollTop = y ;
}
if ( x != null ) {
el . scrollLeft = x ;
}
2021-02-24 10:42:01 +01:00
return _context2 . abrupt ( "return" ) ;
2021-01-15 15:31:43 +01:00
case 6 :
startTime = 0 ;
promise = new Promise ( function ( r ) {
return resolve = r ;
} ) ;
fromY = el . scrollTop ;
fromX = el . scrollLeft ;
deltaY = y != null ? y - fromY : 0 ;
deltaX = x != null ? x - fromX : 0 ; // scroll loop
step = function step ( timeStamp ) {
var linearTime = Math . min ( 1 , ( timeStamp - startTime ) / duration ) - 1 ;
var easedT = Math . pow ( linearTime , 3 ) + 1 ;
if ( deltaY !== 0 ) {
el . scrollTop = Math . floor ( easedT * deltaY + fromY ) ;
}
if ( deltaX !== 0 ) {
el . scrollLeft = Math . floor ( easedT * deltaX + fromX ) ;
}
if ( easedT < 1 ) {
// do not use DomController here
// must use nativeRaf in order to fire in the next frame
// TODO: remove as any
requestAnimationFrame ( step ) ;
} else {
resolve ( ) ;
}
} ; // chill out for a frame first
requestAnimationFrame ( function ( ts ) {
startTime = ts ;
step ( ts ) ;
} ) ;
2021-02-24 10:42:01 +01:00
return _context2 . abrupt ( "return" , promise ) ;
2021-01-15 15:31:43 +01:00
case 15 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context2 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee2 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function scrollToPoint ( _x , _x2 ) {
return _scrollToPoint . apply ( this , arguments ) ;
}
return scrollToPoint ;
} ( )
} , {
key : "onScrollStart" ,
value : function onScrollStart ( ) {
var _this3 = this ;
this . isScrolling = true ;
this . ionScrollStart . emit ( {
isScrolling : true
} ) ;
if ( this . watchDog ) {
clearInterval ( this . watchDog ) ;
} // watchdog
this . watchDog = setInterval ( function ( ) {
if ( _this3 . lastScroll < Date . now ( ) - 120 ) {
_this3 . onScrollEnd ( ) ;
}
} , 100 ) ;
}
} , {
key : "onScrollEnd" ,
value : function onScrollEnd ( ) {
clearInterval ( this . watchDog ) ;
this . watchDog = null ;
if ( this . isScrolling ) {
this . isScrolling = false ;
this . ionScrollEnd . emit ( {
isScrolling : false
} ) ;
}
}
} , {
key : "render" ,
value : function render ( ) {
2021-02-24 10:42:01 +01:00
var _Object ,
2021-01-15 15:31:43 +01:00
_this4 = this ;
var scrollX = this . scrollX ,
scrollY = this . scrollY ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
var forceOverscroll = this . shouldForceOverscroll ( ) ;
2021-02-24 10:42:01 +01:00
var transitionShadow = mode === 'ios' && _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( 'experimentalTransitionShadow' , true ) ;
2021-01-15 15:31:43 +01:00
this . resize ( ) ;
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
"class" : Object ( _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "c" ] ) ( this . color , ( _Object = { } , _defineProperty ( _Object , mode , true ) , _defineProperty ( _Object , 'content-sizing' , Object ( _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "h" ] ) ( 'ion-popover' , this . el ) ) , _defineProperty ( _Object , 'overscroll' , forceOverscroll ) , _Object ) ) ,
2021-01-15 15:31:43 +01:00
style : {
'--offset-top' : "" . concat ( this . cTop , "px" ) ,
'--offset-bottom' : "" . concat ( this . cBottom , "px" )
}
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
id : "background-content" ,
part : "background"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "main" , {
2021-01-15 15:31:43 +01:00
"class" : {
'inner-scroll' : true ,
'scroll-x' : scrollX ,
'scroll-y' : scrollY ,
'overscroll' : ( scrollX || scrollY ) && forceOverscroll
} ,
ref : function ref ( el ) {
return _this4 . scrollEl = el ;
} ,
onScroll : this . scrollEvents ? function ( ev ) {
return _this4 . onScroll ( ev ) ;
} : undefined ,
part : "scroll"
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ) , transitionShadow ? Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "transition-effect"
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "transition-cover"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "transition-shadow"
2021-02-24 10:42:01 +01:00
} ) ) : null , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , {
2021-01-15 15:31:43 +01:00
name : "fixed"
} ) ) ;
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] ) ;
return Content ;
} ( ) ;
var getParentElement = function getParentElement ( el ) {
if ( el . parentElement ) {
// normal element with a parent element
return el . parentElement ;
}
if ( el . parentNode && el . parentNode . host ) {
// shadow dom's document fragment
return el . parentNode . host ;
}
return null ;
} ;
var getPageElement = function getPageElement ( el ) {
var tabs = el . closest ( 'ion-tabs' ) ;
if ( tabs ) {
return tabs ;
}
var page = el . closest ( 'ion-app,ion-page,.ion-page,page-inner' ) ;
if ( page ) {
return page ;
}
return getParentElement ( el ) ;
} ; // ******** DOM READ ****************
var updateScrollDetail = function updateScrollDetail ( detail , el , timestamp , shouldStart ) {
var prevX = detail . currentX ;
var prevY = detail . currentY ;
var prevT = detail . currentTime ;
var currentX = el . scrollLeft ;
var currentY = el . scrollTop ;
var timeDelta = timestamp - prevT ;
if ( shouldStart ) {
// remember the start positions
detail . startTime = timestamp ;
detail . startX = currentX ;
detail . startY = currentY ;
detail . velocityX = detail . velocityY = 0 ;
}
detail . currentTime = timestamp ;
detail . currentX = detail . scrollLeft = currentX ;
detail . currentY = detail . scrollTop = currentY ;
detail . deltaX = currentX - detail . startX ;
detail . deltaY = currentY - detail . startY ;
if ( timeDelta > 0 && timeDelta < 100 ) {
var velocityX = ( currentX - prevX ) / timeDelta ;
var velocityY = ( currentY - prevY ) / timeDelta ;
detail . velocityX = velocityX * 0.7 + detail . velocityX * 0.3 ;
detail . velocityY = velocityY * 0.7 + detail . velocityY * 0.3 ;
}
} ;
Content . style = contentCss ;
var footerIosCss = "ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}" ;
var footerMdCss = "ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md::before{left:0;top:-2px;bottom:auto;background-position:left 0 top 0;position:absolute;width:100%;height:2px;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==\");background-repeat:repeat-x;content:\"\"}[dir=rtl] .footer-md::before,:host-context([dir=rtl]) .footer-md::before{left:unset;right:unset;right:0}[dir=rtl] .footer-md::before,:host-context([dir=rtl]) .footer-md::before{background-position:right 0 top 0}.footer-md.ion-no-border::before{display:none}" ;
var Footer = /*#__PURE__*/ function ( ) {
function Footer ( hostRef ) {
_classCallCheck ( this , Footer ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
2021-01-15 15:31:43 +01:00
/**
* If `true`, the footer will be translucent.
* Only applies when the mode is `"ios"` and the device supports
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*
* Note: In order to scroll content behind the footer, the `fullscreen`
* attribute needs to be set on the content.
*/
this . translucent = false ;
}
_createClass ( Footer , [ {
key : "render" ,
value : function render ( ) {
var _class3 ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
var translucent = this . translucent ;
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
2021-01-15 15:31:43 +01:00
role : "contentinfo" ,
"class" : ( _class3 = { } , _defineProperty ( _class3 , mode , true ) , _defineProperty ( _class3 , "footer-" . concat ( mode ) , true ) , _defineProperty ( _class3 , "footer-translucent" , translucent ) , _defineProperty ( _class3 , "footer-translucent-" . concat ( mode ) , translucent ) , _class3 )
2021-02-24 10:42:01 +01:00
} , mode === 'ios' && translucent && Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "footer-background"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ) ;
2021-01-15 15:31:43 +01:00
}
} ] ) ;
return Footer ;
} ( ) ;
Footer . style = {
ios : footerIosCss ,
md : footerMdCss
} ;
var TRANSITION = 'all 0.2s ease-in-out' ;
var cloneElement = function cloneElement ( tagName ) {
var getCachedEl = document . querySelector ( "" . concat ( tagName , ".ion-cloned-element" ) ) ;
if ( getCachedEl !== null ) {
return getCachedEl ;
}
var clonedEl = document . createElement ( tagName ) ;
clonedEl . classList . add ( 'ion-cloned-element' ) ;
clonedEl . style . setProperty ( 'display' , 'none' ) ;
document . body . appendChild ( clonedEl ) ;
return clonedEl ;
} ;
var createHeaderIndex = function createHeaderIndex ( headerEl ) {
if ( ! headerEl ) {
return ;
}
var toolbars = headerEl . querySelectorAll ( 'ion-toolbar' ) ;
return {
el : headerEl ,
toolbars : Array . from ( toolbars ) . map ( function ( toolbar ) {
var ionTitleEl = toolbar . querySelector ( 'ion-title' ) ;
return {
el : toolbar ,
background : toolbar . shadowRoot . querySelector ( '.toolbar-background' ) ,
ionTitleEl : ionTitleEl ,
innerTitleEl : ionTitleEl ? ionTitleEl . shadowRoot . querySelector ( '.toolbar-title' ) : null ,
ionButtonsEl : Array . from ( toolbar . querySelectorAll ( 'ion-buttons' ) ) || [ ]
} ;
} ) || [ ]
} ;
} ;
var handleContentScroll = function handleContentScroll ( scrollEl , scrollHeaderIndex , contentEl ) {
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "f" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
var scrollTop = scrollEl . scrollTop ;
2021-02-24 10:42:01 +01:00
var scale = Object ( _helpers _90f46169 _js _ _WEBPACK _IMPORTED _MODULE _2 _ _ [ "h" ] ) ( 1 , 1 + - scrollTop / 500 , 1.1 ) ; // Native refresher should not cause titles to scale
2021-01-15 15:31:43 +01:00
var nativeRefresher = contentEl . querySelector ( 'ion-refresher.refresher-native' ) ;
if ( nativeRefresher === null ) {
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "c" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
scaleLargeTitles ( scrollHeaderIndex . toolbars , scale ) ;
} ) ;
}
} ) ;
} ;
var setToolbarBackgroundOpacity = function setToolbarBackgroundOpacity ( toolbar , opacity ) {
if ( opacity === undefined ) {
toolbar . background . style . removeProperty ( '--opacity' ) ;
} else {
toolbar . background . style . setProperty ( '--opacity' , opacity . toString ( ) ) ;
}
} ;
var handleToolbarBorderIntersection = function handleToolbarBorderIntersection ( ev , mainHeaderIndex ) {
if ( ! ev [ 0 ] . isIntersecting ) {
return ;
}
/**
* There is a bug in Safari where overflow scrolling on a non-body element
* does not always reset the scrollTop position to 0 when letting go. It will
* set to 1 once the rubber band effect has ended. This causes the background to
* appear slightly on certain app setups.
*/
var scale = ev [ 0 ] . intersectionRatio > 0.9 ? 0 : ( 1 - ev [ 0 ] . intersectionRatio ) * 100 / 75 ;
mainHeaderIndex . toolbars . forEach ( function ( toolbar ) {
setToolbarBackgroundOpacity ( toolbar , scale === 1 ? undefined : scale ) ;
} ) ;
} ;
/**
* If toolbars are intersecting, hide the scrollable toolbar content
* and show the primary toolbar content. If the toolbars are not intersecting,
* hide the primary toolbar content and show the scrollable toolbar content
*/
var handleToolbarIntersection = function handleToolbarIntersection ( ev , mainHeaderIndex , scrollHeaderIndex ) {
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "c" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
handleToolbarBorderIntersection ( ev , mainHeaderIndex ) ;
var event = ev [ 0 ] ;
var intersection = event . intersectionRect ;
var intersectionArea = intersection . width * intersection . height ;
var rootArea = event . rootBounds . width * event . rootBounds . height ;
var isPageHidden = intersectionArea === 0 && rootArea === 0 ;
var leftDiff = Math . abs ( intersection . left - event . boundingClientRect . left ) ;
var rightDiff = Math . abs ( intersection . right - event . boundingClientRect . right ) ;
var isPageTransitioning = intersectionArea > 0 && ( leftDiff >= 5 || rightDiff >= 5 ) ;
if ( isPageHidden || isPageTransitioning ) {
return ;
}
if ( event . isIntersecting ) {
setHeaderActive ( mainHeaderIndex , false ) ;
setHeaderActive ( scrollHeaderIndex ) ;
} else {
/**
* There is a bug with IntersectionObserver on Safari
* where `event.isIntersecting === false` when cancelling
* a swipe to go back gesture. Checking the intersection
* x, y, width, and height provides a workaround. This bug
* does not happen when using Safari + Web Animations,
* only Safari + CSS Animations.
*/
var hasValidIntersection = intersection . x === 0 && intersection . y === 0 || intersection . width !== 0 && intersection . height !== 0 ;
if ( hasValidIntersection ) {
setHeaderActive ( mainHeaderIndex ) ;
setHeaderActive ( scrollHeaderIndex , false ) ;
setToolbarBackgroundOpacity ( mainHeaderIndex . toolbars [ 0 ] ) ;
}
}
} ) ;
} ;
var setHeaderActive = function setHeaderActive ( headerIndex ) {
var active = arguments . length > 1 && arguments [ 1 ] !== undefined ? arguments [ 1 ] : true ;
if ( active ) {
headerIndex . el . classList . remove ( 'header-collapse-condense-inactive' ) ;
} else {
headerIndex . el . classList . add ( 'header-collapse-condense-inactive' ) ;
}
} ;
var scaleLargeTitles = function scaleLargeTitles ( ) {
var toolbars = arguments . length > 0 && arguments [ 0 ] !== undefined ? arguments [ 0 ] : [ ] ;
var scale = arguments . length > 1 && arguments [ 1 ] !== undefined ? arguments [ 1 ] : 1 ;
var transition = arguments . length > 2 && arguments [ 2 ] !== undefined ? arguments [ 2 ] : false ;
toolbars . forEach ( function ( toolbar ) {
var ionTitle = toolbar . ionTitleEl ;
var titleDiv = toolbar . innerTitleEl ;
if ( ! ionTitle || ionTitle . size !== 'large' ) {
return ;
}
titleDiv . style . transition = transition ? TRANSITION : '' ;
titleDiv . style . transform = "scale3d(" . concat ( scale , ", " ) . concat ( scale , ", 1)" ) ;
} ) ;
} ;
var headerIosCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:7px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar ion-searchbar{height:48px;padding-top:0px;padding-bottom:13px}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}" ;
var headerMdCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md::after{left:0;bottom:-5px;background-position:left 0 top -2px;position:absolute;width:100%;height:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);background-repeat:repeat-x;content:\"\"}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{left:unset;right:unset;right:0}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{background-position:right 0 top -2px}.header-collapse-condense{display:none}.header-md.ion-no-border::after{display:none}" ;
var Header = /*#__PURE__*/ function ( ) {
function Header ( hostRef ) {
_classCallCheck ( this , Header ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
2021-01-15 15:31:43 +01:00
this . collapsibleHeaderInitialized = false ;
/**
* If `true`, the header will be translucent.
* Only applies when the mode is `"ios"` and the device supports
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*
* Note: In order to scroll content behind the header, the `fullscreen`
* attribute needs to be set on the content.
*/
this . translucent = false ;
}
_createClass ( Header , [ {
key : "componentDidLoad" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _componentDidLoad = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee3 ( ) {
return regeneratorRuntime . wrap ( function _callee3$ ( _context3 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context3 . prev = _context3 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
_context3 . next = 2 ;
2021-01-15 15:31:43 +01:00
return this . checkCollapsibleHeader ( ) ;
case 2 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context3 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee3 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function componentDidLoad ( ) {
return _componentDidLoad . apply ( this , arguments ) ;
}
return componentDidLoad ;
} ( )
} , {
key : "componentDidUpdate" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _componentDidUpdate = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee4 ( ) {
return regeneratorRuntime . wrap ( function _callee4$ ( _context4 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context4 . prev = _context4 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
_context4 . next = 2 ;
2021-01-15 15:31:43 +01:00
return this . checkCollapsibleHeader ( ) ;
case 2 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context4 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee4 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function componentDidUpdate ( ) {
return _componentDidUpdate . apply ( this , arguments ) ;
}
return componentDidUpdate ;
} ( )
} , {
2021-02-24 10:42:01 +01:00
key : "disconnectedCallback" ,
value : function disconnectedCallback ( ) {
2021-01-15 15:31:43 +01:00
this . destroyCollapsibleHeader ( ) ;
}
} , {
key : "checkCollapsibleHeader" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _checkCollapsibleHeader = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee5 ( ) {
2021-01-15 15:31:43 +01:00
var hasCollapse , canCollapse , pageEl , contentEl ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee5$ ( _context5 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context5 . prev = _context5 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
// Determine if the header can collapse
hasCollapse = this . collapse === 'condense' ;
2021-02-24 10:42:01 +01:00
canCollapse = hasCollapse && Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) === 'ios' ? hasCollapse : false ;
2021-01-15 15:31:43 +01:00
if ( ! ( ! canCollapse && this . collapsibleHeaderInitialized ) ) {
2021-02-24 10:42:01 +01:00
_context5 . next = 6 ;
2021-01-15 15:31:43 +01:00
break ;
}
this . destroyCollapsibleHeader ( ) ;
2021-02-24 10:42:01 +01:00
_context5 . next = 12 ;
2021-01-15 15:31:43 +01:00
break ;
case 6 :
if ( ! ( canCollapse && ! this . collapsibleHeaderInitialized ) ) {
2021-02-24 10:42:01 +01:00
_context5 . next = 12 ;
2021-01-15 15:31:43 +01:00
break ;
}
pageEl = this . el . closest ( 'ion-app,ion-page,.ion-page,page-inner' ) ;
contentEl = pageEl ? pageEl . querySelector ( 'ion-content' ) : null ; // Cloned elements are always needed in iOS transition
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "c" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
var title = cloneElement ( 'ion-title' ) ;
title . size = 'large' ;
cloneElement ( 'ion-back-button' ) ;
} ) ;
2021-02-24 10:42:01 +01:00
_context5 . next = 12 ;
2021-01-15 15:31:43 +01:00
return this . setupCollapsibleHeader ( contentEl , pageEl ) ;
case 12 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context5 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee5 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function checkCollapsibleHeader ( ) {
return _checkCollapsibleHeader . apply ( this , arguments ) ;
}
return checkCollapsibleHeader ;
} ( )
} , {
key : "destroyCollapsibleHeader" ,
value : function destroyCollapsibleHeader ( ) {
if ( this . intersectionObserver ) {
this . intersectionObserver . disconnect ( ) ;
this . intersectionObserver = undefined ;
}
if ( this . scrollEl && this . contentScrollCallback ) {
this . scrollEl . removeEventListener ( 'scroll' , this . contentScrollCallback ) ;
this . contentScrollCallback = undefined ;
}
if ( this . collapsibleMainHeader ) {
this . collapsibleMainHeader . classList . remove ( 'header-collapse-main' ) ;
this . collapsibleMainHeader = undefined ;
}
}
} , {
key : "setupCollapsibleHeader" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _setupCollapsibleHeader = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee6 ( contentEl , pageEl ) {
2021-01-15 15:31:43 +01:00
var _this5 = this ;
var headers , mainHeaderIndex , scrollHeaderIndex , toolbarIntersection ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee6$ ( _context6 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context6 . prev = _context6 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
if ( ! ( ! contentEl || ! pageEl ) ) {
2021-02-24 10:42:01 +01:00
_context6 . next = 3 ;
2021-01-15 15:31:43 +01:00
break ;
}
console . error ( 'ion-header requires a content to collapse, make sure there is an ion-content.' ) ;
2021-02-24 10:42:01 +01:00
return _context6 . abrupt ( "return" ) ;
2021-01-15 15:31:43 +01:00
case 3 :
if ( ! ( typeof IntersectionObserver === 'undefined' ) ) {
2021-02-24 10:42:01 +01:00
_context6 . next = 5 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
return _context6 . abrupt ( "return" ) ;
2021-01-15 15:31:43 +01:00
case 5 :
2021-02-24 10:42:01 +01:00
_context6 . next = 7 ;
2021-01-15 15:31:43 +01:00
return contentEl . getScrollElement ( ) ;
case 7 :
2021-02-24 10:42:01 +01:00
this . scrollEl = _context6 . sent ;
2021-01-15 15:31:43 +01:00
headers = pageEl . querySelectorAll ( 'ion-header' ) ;
this . collapsibleMainHeader = Array . from ( headers ) . find ( function ( header ) {
return header . collapse !== 'condense' ;
} ) ;
if ( this . collapsibleMainHeader ) {
2021-02-24 10:42:01 +01:00
_context6 . next = 12 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
return _context6 . abrupt ( "return" ) ;
2021-01-15 15:31:43 +01:00
case 12 :
mainHeaderIndex = createHeaderIndex ( this . collapsibleMainHeader ) ;
scrollHeaderIndex = createHeaderIndex ( this . el ) ;
if ( ! ( ! mainHeaderIndex || ! scrollHeaderIndex ) ) {
2021-02-24 10:42:01 +01:00
_context6 . next = 16 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
return _context6 . abrupt ( "return" ) ;
2021-01-15 15:31:43 +01:00
case 16 :
setHeaderActive ( mainHeaderIndex , false ) ;
mainHeaderIndex . toolbars . forEach ( function ( toolbar ) {
setToolbarBackgroundOpacity ( toolbar , 0 ) ;
} ) ;
/**
* Handle interaction between toolbar collapse and
* showing/hiding content in the primary ion-header
* as well as progressively showing/hiding the main header
* border as the top-most toolbar collapses or expands.
*/
toolbarIntersection = function toolbarIntersection ( ev ) {
handleToolbarIntersection ( ev , mainHeaderIndex , scrollHeaderIndex ) ;
} ;
this . intersectionObserver = new IntersectionObserver ( toolbarIntersection , {
root : contentEl ,
threshold : [ 0.25 , 0.3 , 0.4 , 0.5 , 0.6 , 0.7 , 0.8 , 0.9 , 1 ]
} ) ;
this . intersectionObserver . observe ( scrollHeaderIndex . toolbars [ scrollHeaderIndex . toolbars . length - 1 ] . el ) ;
/**
* Handle scaling of large iOS titles and
* showing/hiding border on last toolbar
* in primary header
*/
this . contentScrollCallback = function ( ) {
handleContentScroll ( _this5 . scrollEl , scrollHeaderIndex , contentEl ) ;
} ;
this . scrollEl . addEventListener ( 'scroll' , this . contentScrollCallback ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "c" ] ) ( function ( ) {
2021-01-15 15:31:43 +01:00
if ( _this5 . collapsibleMainHeader !== undefined ) {
_this5 . collapsibleMainHeader . classList . add ( 'header-collapse-main' ) ;
}
} ) ;
this . collapsibleHeaderInitialized = true ;
case 25 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context6 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee6 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function setupCollapsibleHeader ( _x3 , _x4 ) {
return _setupCollapsibleHeader . apply ( this , arguments ) ;
}
return setupCollapsibleHeader ;
} ( )
} , {
key : "render" ,
value : function render ( ) {
var _class4 ;
var translucent = this . translucent ;
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
var collapse = this . collapse || 'none' ;
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
2021-01-15 15:31:43 +01:00
role : "banner" ,
"class" : ( _class4 = { } , _defineProperty ( _class4 , mode , true ) , _defineProperty ( _class4 , "header-" . concat ( mode ) , true ) , _defineProperty ( _class4 , "header-translucent" , this . translucent ) , _defineProperty ( _class4 , "header-collapse-" . concat ( collapse ) , true ) , _defineProperty ( _class4 , "header-translucent-" . concat ( mode ) , this . translucent ) , _class4 )
2021-02-24 10:42:01 +01:00
} , mode === 'ios' && translucent && Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "header-background"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ) ;
2021-01-15 15:31:43 +01:00
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] ) ;
return Header ;
} ( ) ;
Header . style = {
ios : headerIosCss ,
md : headerMdCss
} ;
var routeOutletCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}" ;
var RouterOutlet = /*#__PURE__*/ function ( ) {
function RouterOutlet ( hostRef ) {
_classCallCheck ( this , RouterOutlet ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
this . ionNavWillLoad = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionNavWillLoad" , 7 ) ;
this . ionNavWillChange = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionNavWillChange" , 3 ) ;
this . ionNavDidChange = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionNavDidChange" , 3 ) ;
2021-01-15 15:31:43 +01:00
this . animationEnabled = true ;
/**
* The mode determines which platform styles to use.
*/
2021-02-24 10:42:01 +01:00
this . mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
/**
* If `true`, the router-outlet should animate the transition of components.
*/
this . animated = true ;
}
_createClass ( RouterOutlet , [ {
key : "swipeHandlerChanged" ,
value : function swipeHandlerChanged ( ) {
if ( this . gesture ) {
this . gesture . enable ( this . swipeHandler !== undefined ) ;
}
}
} , {
key : "connectedCallback" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _connectedCallback = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee7 ( ) {
2021-01-15 15:31:43 +01:00
var _this6 = this ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee7$ ( _context7 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context7 . prev = _context7 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
_context7 . next = 2 ;
2021-01-15 15:31:43 +01:00
return _ _webpack _require _ _ . e (
2021-02-24 10:42:01 +01:00
/*! import() | swipe-back-2154c9a7-js */
"swipe-back-2154c9a7-js" ) . then ( _ _webpack _require _ _ . bind ( null ,
/*! ./swipe-back-2154c9a7.js */
"./node_modules/@ionic/core/dist/esm/swipe-back-2154c9a7.js" ) ) ;
2021-01-15 15:31:43 +01:00
case 2 :
2021-02-24 10:42:01 +01:00
this . gesture = _context7 . sent . createSwipeBackGesture ( this . el , function ( ) {
2021-01-15 15:31:43 +01:00
return ! ! _this6 . swipeHandler && _this6 . swipeHandler . canStart ( ) && _this6 . animationEnabled ;
} , function ( ) {
return _this6 . swipeHandler && _this6 . swipeHandler . onStart ( ) ;
} , function ( step ) {
return _this6 . ani && _this6 . ani . progressStep ( step ) ;
} , function ( shouldComplete , step , dur ) {
if ( _this6 . ani ) {
_this6 . animationEnabled = false ;
_this6 . ani . onFinish ( function ( ) {
_this6 . animationEnabled = true ;
if ( _this6 . swipeHandler ) {
_this6 . swipeHandler . onEnd ( shouldComplete ) ;
}
} , {
oneTimeCallback : true
} ) ; // Account for rounding errors in JS
var newStepValue = shouldComplete ? - 0.001 : 0.001 ;
/**
* Animation will be reversed here, so need to
* reverse the easing curve as well
*
* Additionally, we need to account for the time relative
* to the new easing curve, as `stepValue` is going to be given
* in terms of a linear curve.
*/
if ( ! shouldComplete ) {
_this6 . ani . easing ( 'cubic-bezier(1, 0, 0.68, 0.28)' ) ;
2021-02-24 10:42:01 +01:00
newStepValue += Object ( _cubic _bezier _eea9a7a9 _js _ _WEBPACK _IMPORTED _MODULE _4 _ _ [ "g" ] ) ( [ 0 , 0 ] , [ 1 , 0 ] , [ 0.68 , 0.28 ] , [ 1 , 1 ] , step ) [ 0 ] ;
2021-01-15 15:31:43 +01:00
} else {
2021-02-24 10:42:01 +01:00
newStepValue += Object ( _cubic _bezier _eea9a7a9 _js _ _WEBPACK _IMPORTED _MODULE _4 _ _ [ "g" ] ) ( [ 0 , 0 ] , [ 0.32 , 0.72 ] , [ 0 , 1 ] , [ 1 , 1 ] , step ) [ 0 ] ;
2021-01-15 15:31:43 +01:00
}
_this6 . ani . progressEnd ( shouldComplete ? 1 : 0 , newStepValue , dur ) ;
}
} ) ;
this . swipeHandlerChanged ( ) ;
case 4 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context7 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee7 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function connectedCallback ( ) {
return _connectedCallback . apply ( this , arguments ) ;
}
return connectedCallback ;
} ( )
} , {
key : "componentWillLoad" ,
value : function componentWillLoad ( ) {
this . ionNavWillLoad . emit ( ) ;
}
} , {
key : "disconnectedCallback" ,
value : function disconnectedCallback ( ) {
if ( this . gesture ) {
this . gesture . destroy ( ) ;
this . gesture = undefined ;
}
}
/** @internal */
} , {
key : "commit" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _commit = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee8 ( enteringEl , leavingEl , opts ) {
2021-01-15 15:31:43 +01:00
var unlock , changed ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee8$ ( _context8 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context8 . prev = _context8 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
_context8 . next = 2 ;
2021-01-15 15:31:43 +01:00
return this . lock ( ) ;
case 2 :
2021-02-24 10:42:01 +01:00
unlock = _context8 . sent ;
2021-01-15 15:31:43 +01:00
changed = false ;
2021-02-24 10:42:01 +01:00
_context8 . prev = 4 ;
_context8 . next = 7 ;
2021-01-15 15:31:43 +01:00
return this . transition ( enteringEl , leavingEl , opts ) ;
case 7 :
2021-02-24 10:42:01 +01:00
changed = _context8 . sent ;
_context8 . next = 13 ;
2021-01-15 15:31:43 +01:00
break ;
case 10 :
2021-02-24 10:42:01 +01:00
_context8 . prev = 10 ;
_context8 . t0 = _context8 [ "catch" ] ( 4 ) ;
console . error ( _context8 . t0 ) ;
2021-01-15 15:31:43 +01:00
case 13 :
unlock ( ) ;
2021-02-24 10:42:01 +01:00
return _context8 . abrupt ( "return" , changed ) ;
2021-01-15 15:31:43 +01:00
case 15 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context8 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee8 , this , [ [ 4 , 10 ] ] ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function commit ( _x5 , _x6 , _x7 ) {
return _commit . apply ( this , arguments ) ;
}
return commit ;
} ( )
/** @internal */
} , {
key : "setRouteId" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _setRouteId = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee9 ( id , params , direction , animation ) {
2021-01-15 15:31:43 +01:00
var changed ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee9$ ( _context9 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context9 . prev = _context9 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
_context9 . next = 2 ;
2021-01-15 15:31:43 +01:00
return this . setRoot ( id , params , {
duration : direction === 'root' ? 0 : undefined ,
direction : direction === 'back' ? 'back' : 'forward' ,
animationBuilder : animation
} ) ;
case 2 :
2021-02-24 10:42:01 +01:00
changed = _context9 . sent ;
return _context9 . abrupt ( "return" , {
2021-01-15 15:31:43 +01:00
changed : changed ,
element : this . activeEl
} ) ;
case 4 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context9 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee9 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function setRouteId ( _x8 , _x9 , _x10 , _x11 ) {
return _setRouteId . apply ( this , arguments ) ;
}
return setRouteId ;
} ( )
/** @internal */
} , {
key : "getRouteId" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _getRouteId = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee10 ( ) {
2021-01-15 15:31:43 +01:00
var active ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee10$ ( _context10 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context10 . prev = _context10 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
active = this . activeEl ;
2021-02-24 10:42:01 +01:00
return _context10 . abrupt ( "return" , active ? {
2021-01-15 15:31:43 +01:00
id : active . tagName ,
element : active
} : undefined ) ;
case 2 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context10 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee10 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function getRouteId ( ) {
return _getRouteId . apply ( this , arguments ) ;
}
return getRouteId ;
} ( )
} , {
key : "setRoot" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _setRoot = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee11 ( component , params , opts ) {
2021-01-15 15:31:43 +01:00
var leavingEl , enteringEl ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee11$ ( _context11 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context11 . prev = _context11 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
if ( ! ( this . activeComponent === component ) ) {
2021-02-24 10:42:01 +01:00
_context11 . next = 2 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
return _context11 . abrupt ( "return" , false ) ;
2021-01-15 15:31:43 +01:00
case 2 :
// attach entering view to DOM
leavingEl = this . activeEl ;
2021-02-24 10:42:01 +01:00
_context11 . next = 5 ;
return Object ( _framework _delegate _4584ab5a _js _ _WEBPACK _IMPORTED _MODULE _6 _ _ [ "a" ] ) ( this . delegate , this . el , component , [ 'ion-page' , 'ion-page-invisible' ] , params ) ;
2021-01-15 15:31:43 +01:00
case 5 :
2021-02-24 10:42:01 +01:00
enteringEl = _context11 . sent ;
2021-01-15 15:31:43 +01:00
this . activeComponent = component ;
this . activeEl = enteringEl ; // commit animation
2021-02-24 10:42:01 +01:00
_context11 . next = 10 ;
2021-01-15 15:31:43 +01:00
return this . commit ( enteringEl , leavingEl , opts ) ;
case 10 :
2021-02-24 10:42:01 +01:00
_context11 . next = 12 ;
return Object ( _framework _delegate _4584ab5a _js _ _WEBPACK _IMPORTED _MODULE _6 _ _ [ "d" ] ) ( this . delegate , leavingEl ) ;
2021-01-15 15:31:43 +01:00
case 12 :
2021-02-24 10:42:01 +01:00
return _context11 . abrupt ( "return" , true ) ;
2021-01-15 15:31:43 +01:00
case 13 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context11 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee11 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function setRoot ( _x12 , _x13 , _x14 ) {
return _setRoot . apply ( this , arguments ) ;
}
return setRoot ;
} ( )
} , {
key : "transition" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _transition = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee12 ( enteringEl , leavingEl ) {
2021-01-15 15:31:43 +01:00
var _this7 = this ;
var opts ,
el ,
mode ,
animated ,
animationBuilder ,
2021-02-24 10:42:01 +01:00
_args12 = arguments ;
return regeneratorRuntime . wrap ( function _callee12$ ( _context12 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context12 . prev = _context12 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
2021-02-24 10:42:01 +01:00
opts = _args12 . length > 2 && _args12 [ 2 ] !== undefined ? _args12 [ 2 ] : { } ;
2021-01-15 15:31:43 +01:00
if ( ! ( leavingEl === enteringEl ) ) {
2021-02-24 10:42:01 +01:00
_context12 . next = 3 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
return _context12 . abrupt ( "return" , false ) ;
2021-01-15 15:31:43 +01:00
case 3 :
// emit nav will change event
this . ionNavWillChange . emit ( ) ;
el = this . el , mode = this . mode ;
2021-02-24 10:42:01 +01:00
animated = this . animated && _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . getBoolean ( 'animated' , true ) ;
animationBuilder = this . animation || opts . animationBuilder || _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "c" ] . get ( 'navAnimation' ) ;
_context12 . next = 9 ;
return Object ( _index _d8cfb4a8 _js _ _WEBPACK _IMPORTED _MODULE _3 _ _ [ "t" ] ) ( Object . assign ( Object . assign ( {
2021-01-15 15:31:43 +01:00
mode : mode ,
animated : animated ,
enteringEl : enteringEl ,
leavingEl : leavingEl ,
baseEl : el ,
progressCallback : opts . progressAnimation ? function ( ani ) {
return _this7 . ani = ani ;
} : undefined
} , opts ) , {
animationBuilder : animationBuilder
} ) ) ;
case 9 :
// emit nav changed event
this . ionNavDidChange . emit ( ) ;
2021-02-24 10:42:01 +01:00
return _context12 . abrupt ( "return" , true ) ;
2021-01-15 15:31:43 +01:00
case 11 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context12 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee12 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function transition ( _x15 , _x16 ) {
return _transition . apply ( this , arguments ) ;
}
return transition ;
} ( )
} , {
key : "lock" ,
value : function ( ) {
2021-02-24 10:42:01 +01:00
var _lock = _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee13 ( ) {
2021-01-15 15:31:43 +01:00
var p , resolve ;
2021-02-24 10:42:01 +01:00
return regeneratorRuntime . wrap ( function _callee13$ ( _context13 ) {
2021-01-15 15:31:43 +01:00
while ( 1 ) {
2021-02-24 10:42:01 +01:00
switch ( _context13 . prev = _context13 . next ) {
2021-01-15 15:31:43 +01:00
case 0 :
p = this . waitPromise ;
this . waitPromise = new Promise ( function ( r ) {
return resolve = r ;
} ) ;
if ( ! ( p !== undefined ) ) {
2021-02-24 10:42:01 +01:00
_context13 . next = 5 ;
2021-01-15 15:31:43 +01:00
break ;
}
2021-02-24 10:42:01 +01:00
_context13 . next = 5 ;
2021-01-15 15:31:43 +01:00
return p ;
case 5 :
2021-02-24 10:42:01 +01:00
return _context13 . abrupt ( "return" , resolve ) ;
2021-01-15 15:31:43 +01:00
case 6 :
case "end" :
2021-02-24 10:42:01 +01:00
return _context13 . stop ( ) ;
2021-01-15 15:31:43 +01:00
}
}
2021-02-24 10:42:01 +01:00
} , _callee13 , this ) ;
2021-01-15 15:31:43 +01:00
} ) ) ;
function lock ( ) {
return _lock . apply ( this , arguments ) ;
}
return lock ;
} ( )
} , {
key : "render" ,
value : function render ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ;
2021-01-15 15:31:43 +01:00
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] , [ {
key : "watchers" ,
get : function get ( ) {
return {
"swipeHandler" : [ "swipeHandlerChanged" ]
} ;
}
} ] ) ;
return RouterOutlet ;
} ( ) ;
RouterOutlet . style = routeOutletCss ;
var titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{left:0;top:0;padding-left:90px;padding-right:90px;padding-top:0;padding-bottom:0;position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:17px;font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host-context([dir=rtl]){left:unset;right:unset;right:0}@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:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px}}:host(.title-small){padding-left:9px;padding-right:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:13px;font-weight:normal}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.title-small){padding-left:unset;padding-right:unset;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px}}:host(.title-large){padding-left:16px;padding-right:16px;padding-top:0;padding-bottom:0;-webkit-transform-origin:left center;transform-origin:left center;bottom:0;-ms-flex-align:end;align-items:flex-end;min-width:100%;padding-bottom:6px;font-size:34px;font-weight:700;text-align:start}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.title-large){padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host-context([dir=rtl]):host(.title-large),:host-context([dir=rtl]).title-large{-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}" ;
var titleMdCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{padding-left:20px;padding-right:20px;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;letter-spacing:0.0125em}@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:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}:host(.title-small){width:100%;height:100%;font-size:15px;font-weight:normal}" ;
var ToolbarTitle = /*#__PURE__*/ function ( ) {
function ToolbarTitle ( hostRef ) {
_classCallCheck ( this , ToolbarTitle ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
this . ionStyle = Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "e" ] ) ( this , "ionStyle" , 7 ) ;
2021-01-15 15:31:43 +01:00
}
_createClass ( ToolbarTitle , [ {
key : "sizeChanged" ,
value : function sizeChanged ( ) {
this . emitStyle ( ) ;
}
} , {
key : "connectedCallback" ,
value : function connectedCallback ( ) {
this . emitStyle ( ) ;
}
} , {
key : "emitStyle" ,
value : function emitStyle ( ) {
var size = this . getSize ( ) ;
this . ionStyle . emit ( _defineProperty ( { } , "title-" . concat ( size ) , true ) ) ;
}
} , {
key : "getSize" ,
value : function getSize ( ) {
return this . size !== undefined ? this . size : 'default' ;
}
} , {
key : "render" ,
value : function render ( ) {
2021-02-24 10:42:01 +01:00
var _Object2 ;
2021-01-15 15:31:43 +01:00
2021-02-24 10:42:01 +01:00
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
var size = this . getSize ( ) ;
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
"class" : Object ( _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "c" ] ) ( this . color , ( _Object2 = { } , _defineProperty ( _Object2 , mode , true ) , _defineProperty ( _Object2 , "title-" . concat ( size ) , true ) , _Object2 ) )
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "toolbar-title"
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ) ) ;
2021-01-15 15:31:43 +01:00
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] , [ {
key : "watchers" ,
get : function get ( ) {
return {
"size" : [ "sizeChanged" ]
} ;
}
} ] ) ;
return ToolbarTitle ;
} ( ) ;
ToolbarTitle . style = {
ios : titleIosCss ,
md : titleMdCss
} ;
var toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@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){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.toolbar-container{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)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}:host(.toolbar-searchbar) ::slotted(ion-back-button){height:38px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}" ;
var toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@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){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.toolbar-container{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)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(ion-segment){min-height:var(--min-height)}::slotted(.buttons-first-slot){margin-left:4px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(.buttons-first-slot){margin-left:unset;-webkit-margin-start:4px;margin-inline-start:4px}}::slotted(.buttons-last-slot){margin-right:4px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(.buttons-last-slot){margin-right:unset;-webkit-margin-end:4px;margin-inline-end:4px}}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}" ;
var Toolbar = /*#__PURE__*/ function ( ) {
function Toolbar ( hostRef ) {
_classCallCheck ( this , Toolbar ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "r" ] ) ( this , hostRef ) ;
2021-01-15 15:31:43 +01:00
this . childrenStyles = new Map ( ) ;
}
_createClass ( Toolbar , [ {
key : "componentWillLoad" ,
value : function componentWillLoad ( ) {
var buttons = Array . from ( this . el . querySelectorAll ( 'ion-buttons' ) ) ;
var firstButtons = buttons . find ( function ( button ) {
return button . slot === 'start' ;
} ) ;
if ( firstButtons ) {
firstButtons . classList . add ( 'buttons-first-slot' ) ;
}
var buttonsReversed = buttons . reverse ( ) ;
var lastButtons = buttonsReversed . find ( function ( button ) {
return button . slot === 'end' ;
} ) || buttonsReversed . find ( function ( button ) {
return button . slot === 'primary' ;
} ) || buttonsReversed . find ( function ( button ) {
return button . slot === 'secondary' ;
} ) ;
if ( lastButtons ) {
lastButtons . classList . add ( 'buttons-last-slot' ) ;
}
}
} , {
key : "childrenStyle" ,
value : function childrenStyle ( ev ) {
ev . stopPropagation ( ) ;
var tagName = ev . target . tagName ;
var updatedStyles = ev . detail ;
var newStyles = { } ;
var childStyles = this . childrenStyles . get ( tagName ) || { } ;
var hasStyleChange = false ;
Object . keys ( updatedStyles ) . forEach ( function ( key ) {
var childKey = "toolbar-" . concat ( key ) ;
var newValue = updatedStyles [ key ] ;
if ( newValue !== childStyles [ childKey ] ) {
hasStyleChange = true ;
}
if ( newValue ) {
newStyles [ childKey ] = true ;
}
} ) ;
if ( hasStyleChange ) {
this . childrenStyles . set ( tagName , newStyles ) ;
2021-02-24 10:42:01 +01:00
Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "j" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
}
} , {
key : "render" ,
value : function render ( ) {
2021-02-24 10:42:01 +01:00
var _Object3 ;
var mode = Object ( _ionic _global _9d5c8ee3 _js _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "b" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
var childStyles = { } ;
this . childrenStyles . forEach ( function ( value ) {
Object . assign ( childStyles , value ) ;
} ) ;
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "H" ] , {
"class" : Object . assign ( Object . assign ( { } , childStyles ) , Object ( _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "c" ] ) ( this . color , ( _Object3 = { } , _defineProperty ( _Object3 , mode , true ) , _defineProperty ( _Object3 , 'in-toolbar' , Object ( _theme _ff3fc52f _js _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "h" ] ) ( 'ion-toolbar' , this . el ) ) , _Object3 ) ) )
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "toolbar-background"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "toolbar-container"
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , {
2021-01-15 15:31:43 +01:00
name : "start"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , {
2021-01-15 15:31:43 +01:00
name : "secondary"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "div" , {
2021-01-15 15:31:43 +01:00
"class" : "toolbar-content"
2021-02-24 10:42:01 +01:00
} , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , null ) ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , {
2021-01-15 15:31:43 +01:00
name : "primary"
2021-02-24 10:42:01 +01:00
} ) , Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "h" ] ) ( "slot" , {
2021-01-15 15:31:43 +01:00
name : "end"
} ) ) ) ;
}
} , {
key : "el" ,
get : function get ( ) {
2021-02-24 10:42:01 +01:00
return Object ( _index _e806d1f6 _js _ _WEBPACK _IMPORTED _MODULE _0 _ _ [ "i" ] ) ( this ) ;
2021-01-15 15:31:43 +01:00
}
} ] ) ;
return Toolbar ;
} ( ) ;
Toolbar . style = {
ios : toolbarIosCss ,
md : toolbarMdCss
} ;
/***/
}
} ] ) ;
//# sourceMappingURL=2-es5.js.map
