UNPKG

react-klasha

Version:

This is an reactJS library for implementing klasha payment gateway

1 lines 149 kB
{"ast":null,"code":"import { __awaiter, __generator } from \"tslib\";\nimport { r as registerInstance, h, H as Host, i as getElement, e as createEvent, f as readTask, j as forceUpdate, c as writeTask } from \"./index-7a8b7a1c.js\";\nimport { b as getIonMode, c as config, a as isPlatform } from \"./ionic-global-63a97a32.js\";\nimport { c as createColorClasses, h as hostContext } from \"./theme-ff3fc52f.js\";\nimport { j as clamp } from \"./helpers-dd7e4b7b.js\";\nimport { g as getTimeGivenProgression } from \"./cubic-bezier-eea9a7a9.js\";\nimport { a as attachComponent, d as detachComponent } from \"./framework-delegate-4392cd63.js\";\nimport { t as transition } from \"./index-931440b1.js\";\nvar 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}\";\n\nvar App = function () {\n function t(t) {\n registerInstance(this, t);\n }\n\n t.prototype.componentDidLoad = function () {\n var t = this;\n {\n rIC(function () {\n return __awaiter(t, void 0, void 0, function () {\n var t, o;\n return __generator(this, function (e) {\n switch (e.label) {\n case 0:\n t = isPlatform(window, \"hybrid\");\n\n if (!config.getBoolean(\"_testing\")) {\n import(\"./tap-click-cc1ae2b2.js\").then(function (t) {\n return t.startTapClick(config);\n });\n }\n\n if (config.getBoolean(\"statusTap\", t)) {\n import(\"./status-tap-bdecfebf.js\").then(function (t) {\n return t.startStatusTap();\n });\n }\n\n if (config.getBoolean(\"inputShims\", needInputShims())) {\n import(\"./input-shims-73f15161.js\").then(function (t) {\n return t.startInputShims(config);\n });\n }\n\n return [4, import(\"./hardware-back-button-4a6b37fb.js\")];\n\n case 1:\n o = e.sent();\n\n if (config.getBoolean(\"hardwareBackButton\", t)) {\n o.startHardwareBackButton();\n } else {\n o.blockHardwareBackButton();\n }\n\n if (typeof window !== \"undefined\") {\n import(\"./keyboard-5742b5da.js\").then(function (t) {\n return t.startKeyboardAssist(window);\n });\n }\n\n import(\"./focus-visible-f4ad4f1a.js\").then(function (t) {\n return t.startFocusVisible();\n });\n return [2];\n }\n });\n });\n });\n }\n };\n\n t.prototype.render = function () {\n var t;\n var o = getIonMode(this);\n return h(Host, {\n class: (t = {}, t[o] = true, t[\"ion-page\"] = true, t[\"force-statusbar-padding\"] = config.getBoolean(\"_forceStatusbarPadding\"), t)\n });\n };\n\n Object.defineProperty(t.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nvar needInputShims = function () {\n return isPlatform(window, \"ios\") && isPlatform(window, \"mobile\");\n};\n\nvar rIC = function (t) {\n if (\"requestIdleCallback\" in window) {\n window.requestIdleCallback(t);\n } else {\n setTimeout(t, 32);\n }\n};\n\nApp.style = appCss;\nvar 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}\";\nvar 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}\";\n\nvar Buttons = function () {\n function t(t) {\n registerInstance(this, t);\n this.collapse = false;\n }\n\n t.prototype.render = function () {\n var t;\n var o = getIonMode(this);\n return h(Host, {\n class: (t = {}, t[o] = true, t[\"buttons-collapse\"] = this.collapse, t)\n });\n };\n\n return t;\n}();\n\nButtons.style = {\n ios: buttonsIosCss,\n md: buttonsMdCss\n};\nvar 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}';\n\nvar Content = function () {\n function t(t) {\n registerInstance(this, t);\n this.ionScrollStart = createEvent(this, \"ionScrollStart\", 7);\n this.ionScroll = createEvent(this, \"ionScroll\", 7);\n this.ionScrollEnd = createEvent(this, \"ionScrollEnd\", 7);\n this.isScrolling = false;\n this.lastScroll = 0;\n this.queued = false;\n this.cTop = -1;\n this.cBottom = -1;\n this.isMainContent = true;\n this.detail = {\n scrollTop: 0,\n scrollLeft: 0,\n type: \"scroll\",\n event: undefined,\n startX: 0,\n startY: 0,\n startTime: 0,\n currentX: 0,\n currentY: 0,\n velocityX: 0,\n velocityY: 0,\n deltaX: 0,\n deltaY: 0,\n currentTime: 0,\n data: undefined,\n isScrolling: true\n };\n this.fullscreen = false;\n this.scrollX = false;\n this.scrollY = true;\n this.scrollEvents = false;\n }\n\n t.prototype.connectedCallback = function () {\n this.isMainContent = this.el.closest(\"ion-menu, ion-popover, ion-modal\") === null;\n };\n\n t.prototype.disconnectedCallback = function () {\n this.onScrollEnd();\n };\n\n t.prototype.onAppLoad = function () {\n this.resize();\n };\n\n t.prototype.onClick = function (t) {\n if (this.isScrolling) {\n t.preventDefault();\n t.stopPropagation();\n }\n };\n\n t.prototype.shouldForceOverscroll = function () {\n var t = this.forceOverscroll;\n var o = getIonMode(this);\n return t === undefined ? o === \"ios\" && isPlatform(\"ios\") : t;\n };\n\n t.prototype.resize = function () {\n var t = this;\n\n if (this.fullscreen) {\n readTask(function () {\n return t.readDimensions();\n });\n } else if (this.cTop !== 0 || this.cBottom !== 0) {\n this.cTop = this.cBottom = 0;\n forceUpdate(this);\n }\n };\n\n t.prototype.readDimensions = function () {\n var t = getPageElement(this.el);\n var o = Math.max(this.el.offsetTop, 0);\n var e = Math.max(t.offsetHeight - o - this.el.offsetHeight, 0);\n var n = o !== this.cTop || e !== this.cBottom;\n\n if (n) {\n this.cTop = o;\n this.cBottom = e;\n forceUpdate(this);\n }\n };\n\n t.prototype.onScroll = function (t) {\n var o = this;\n var e = Date.now();\n var n = !this.isScrolling;\n this.lastScroll = e;\n\n if (n) {\n this.onScrollStart();\n }\n\n if (!this.queued && this.scrollEvents) {\n this.queued = true;\n readTask(function (e) {\n o.queued = false;\n o.detail.event = t;\n updateScrollDetail(o.detail, o.scrollEl, e, n);\n o.ionScroll.emit(o.detail);\n });\n }\n };\n\n t.prototype.getScrollElement = function () {\n return Promise.resolve(this.scrollEl);\n };\n\n t.prototype.scrollToTop = function (t) {\n if (t === void 0) {\n t = 0;\n }\n\n return this.scrollToPoint(undefined, 0, t);\n };\n\n t.prototype.scrollToBottom = function (t) {\n if (t === void 0) {\n t = 0;\n }\n\n var o = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;\n return this.scrollToPoint(undefined, o, t);\n };\n\n t.prototype.scrollByPoint = function (t, o, e) {\n return this.scrollToPoint(t + this.scrollEl.scrollLeft, o + this.scrollEl.scrollTop, e);\n };\n\n t.prototype.scrollToPoint = function (t, o, e) {\n if (e === void 0) {\n e = 0;\n }\n\n return __awaiter(this, void 0, void 0, function () {\n var n, r, i, a, s, l, d, c, p;\n return __generator(this, function (u) {\n n = this.scrollEl;\n\n if (e < 32) {\n if (o != null) {\n n.scrollTop = o;\n }\n\n if (t != null) {\n n.scrollLeft = t;\n }\n\n return [2];\n }\n\n i = 0;\n a = new Promise(function (t) {\n return r = t;\n });\n s = n.scrollTop;\n l = n.scrollLeft;\n d = o != null ? o - s : 0;\n c = t != null ? t - l : 0;\n\n p = function (t) {\n var o = Math.min(1, (t - i) / e) - 1;\n var a = Math.pow(o, 3) + 1;\n\n if (d !== 0) {\n n.scrollTop = Math.floor(a * d + s);\n }\n\n if (c !== 0) {\n n.scrollLeft = Math.floor(a * c + l);\n }\n\n if (a < 1) {\n requestAnimationFrame(p);\n } else {\n r();\n }\n };\n\n requestAnimationFrame(function (t) {\n i = t;\n p(t);\n });\n return [2, a];\n });\n });\n };\n\n t.prototype.onScrollStart = function () {\n var t = this;\n this.isScrolling = true;\n this.ionScrollStart.emit({\n isScrolling: true\n });\n\n if (this.watchDog) {\n clearInterval(this.watchDog);\n }\n\n this.watchDog = setInterval(function () {\n if (t.lastScroll < Date.now() - 120) {\n t.onScrollEnd();\n }\n }, 100);\n };\n\n t.prototype.onScrollEnd = function () {\n clearInterval(this.watchDog);\n this.watchDog = null;\n\n if (this.isScrolling) {\n this.isScrolling = false;\n this.ionScrollEnd.emit({\n isScrolling: false\n });\n }\n };\n\n t.prototype.render = function () {\n var t;\n var o = this;\n var e = this,\n n = e.isMainContent,\n r = e.scrollX,\n i = e.scrollY;\n var a = getIonMode(this);\n var s = this.shouldForceOverscroll();\n var l = n ? \"main\" : \"div\";\n var d = a === \"ios\" && config.getBoolean(\"experimentalTransitionShadow\", true);\n this.resize();\n return h(Host, {\n class: createColorClasses(this.color, (t = {}, t[a] = true, t[\"content-sizing\"] = hostContext(\"ion-popover\", this.el), t[\"overscroll\"] = s, t)),\n style: {\n \"--offset-top\": this.cTop + \"px\",\n \"--offset-bottom\": this.cBottom + \"px\"\n }\n }, h(\"div\", {\n id: \"background-content\",\n part: \"background\"\n }), h(l, {\n class: {\n \"inner-scroll\": true,\n \"scroll-x\": r,\n \"scroll-y\": i,\n overscroll: (r || i) && s\n },\n ref: function (t) {\n return o.scrollEl = t;\n },\n onScroll: this.scrollEvents ? function (t) {\n return o.onScroll(t);\n } : undefined,\n part: \"scroll\"\n }, h(\"slot\", null)), d ? h(\"div\", {\n class: \"transition-effect\"\n }, h(\"div\", {\n class: \"transition-cover\"\n }), h(\"div\", {\n class: \"transition-shadow\"\n })) : null, h(\"slot\", {\n name: \"fixed\"\n }));\n };\n\n Object.defineProperty(t.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nvar getParentElement = function (t) {\n if (t.parentElement) {\n return t.parentElement;\n }\n\n if (t.parentNode && t.parentNode.host) {\n return t.parentNode.host;\n }\n\n return null;\n};\n\nvar getPageElement = function (t) {\n var o = t.closest(\"ion-tabs\");\n\n if (o) {\n return o;\n }\n\n var e = t.closest(\"ion-app,ion-page,.ion-page,page-inner\");\n\n if (e) {\n return e;\n }\n\n return getParentElement(t);\n};\n\nvar updateScrollDetail = function (t, o, e, n) {\n var r = t.currentX;\n var i = t.currentY;\n var a = t.currentTime;\n var s = o.scrollLeft;\n var l = o.scrollTop;\n var d = e - a;\n\n if (n) {\n t.startTime = e;\n t.startX = s;\n t.startY = l;\n t.velocityX = t.velocityY = 0;\n }\n\n t.currentTime = e;\n t.currentX = t.scrollLeft = s;\n t.currentY = t.scrollTop = l;\n t.deltaX = s - t.startX;\n t.deltaY = l - t.startY;\n\n if (d > 0 && d < 100) {\n var c = (s - r) / d;\n var p = (l - i) / d;\n t.velocityX = c * .7 + t.velocityX * .3;\n t.velocityY = p * .7 + t.velocityY * .3;\n }\n};\n\nContent.style = contentCss;\nvar 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}\";\nvar 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}';\n\nvar Footer = function () {\n function t(t) {\n registerInstance(this, t);\n this.translucent = false;\n }\n\n t.prototype.render = function () {\n var t;\n var o = getIonMode(this);\n var e = this.translucent;\n return h(Host, {\n role: \"contentinfo\",\n class: (t = {}, t[o] = true, t[\"footer-\" + o] = true, t[\"footer-translucent\"] = e, t[\"footer-translucent-\" + o] = e, t)\n }, o === \"ios\" && e && h(\"div\", {\n class: \"footer-background\"\n }), h(\"slot\", null));\n };\n\n return t;\n}();\n\nFooter.style = {\n ios: footerIosCss,\n md: footerMdCss\n};\nvar TRANSITION = \"all 0.2s ease-in-out\";\n\nvar cloneElement = function (t) {\n var o = document.querySelector(t + \".ion-cloned-element\");\n\n if (o !== null) {\n return o;\n }\n\n var e = document.createElement(t);\n e.classList.add(\"ion-cloned-element\");\n e.style.setProperty(\"display\", \"none\");\n document.body.appendChild(e);\n return e;\n};\n\nvar createHeaderIndex = function (t) {\n if (!t) {\n return;\n }\n\n var o = t.querySelectorAll(\"ion-toolbar\");\n return {\n el: t,\n toolbars: Array.from(o).map(function (t) {\n var o = t.querySelector(\"ion-title\");\n return {\n el: t,\n background: t.shadowRoot.querySelector(\".toolbar-background\"),\n ionTitleEl: o,\n innerTitleEl: o ? o.shadowRoot.querySelector(\".toolbar-title\") : null,\n ionButtonsEl: Array.from(t.querySelectorAll(\"ion-buttons\")) || []\n };\n }) || []\n };\n};\n\nvar handleContentScroll = function (t, o, e) {\n readTask(function () {\n var n = t.scrollTop;\n var r = clamp(1, 1 + -n / 500, 1.1);\n var i = e.querySelector(\"ion-refresher.refresher-native\");\n\n if (i === null) {\n writeTask(function () {\n scaleLargeTitles(o.toolbars, r);\n });\n }\n });\n};\n\nvar setToolbarBackgroundOpacity = function (t, o) {\n if (o === undefined) {\n t.background.style.removeProperty(\"--opacity\");\n } else {\n t.background.style.setProperty(\"--opacity\", o.toString());\n }\n};\n\nvar handleToolbarBorderIntersection = function (t, o, e) {\n if (!t[0].isIntersecting) {\n return;\n }\n\n var n = t[0].intersectionRatio > .9 || e <= 0 ? 0 : (1 - t[0].intersectionRatio) * 100 / 75;\n o.toolbars.forEach(function (t) {\n setToolbarBackgroundOpacity(t, n === 1 ? undefined : n);\n });\n};\n\nvar handleToolbarIntersection = function (t, o, e, n) {\n writeTask(function () {\n var r = n.scrollTop;\n handleToolbarBorderIntersection(t, o, r);\n var i = t[0];\n var a = i.intersectionRect;\n var s = a.width * a.height;\n var l = i.rootBounds.width * i.rootBounds.height;\n var d = s === 0 && l === 0;\n var c = Math.abs(a.left - i.boundingClientRect.left);\n var p = Math.abs(a.right - i.boundingClientRect.right);\n var u = s > 0 && (c >= 5 || p >= 5);\n\n if (d || u) {\n return;\n }\n\n if (i.isIntersecting) {\n setHeaderActive(o, false);\n setHeaderActive(e);\n } else {\n var g = a.x === 0 && a.y === 0 || a.width !== 0 && a.height !== 0;\n\n if (g && r > 0) {\n setHeaderActive(o);\n setHeaderActive(e, false);\n setToolbarBackgroundOpacity(o.toolbars[0]);\n }\n }\n });\n};\n\nvar setHeaderActive = function (t, o) {\n if (o === void 0) {\n o = true;\n }\n\n if (o) {\n t.el.classList.remove(\"header-collapse-condense-inactive\");\n } else {\n t.el.classList.add(\"header-collapse-condense-inactive\");\n }\n};\n\nvar scaleLargeTitles = function (t, o, e) {\n if (t === void 0) {\n t = [];\n }\n\n if (o === void 0) {\n o = 1;\n }\n\n if (e === void 0) {\n e = false;\n }\n\n t.forEach(function (t) {\n var n = t.ionTitleEl;\n var r = t.innerTitleEl;\n\n if (!n || n.size !== \"large\") {\n return;\n }\n\n r.style.transition = e ? TRANSITION : \"\";\n r.style.transform = \"scale3d(\" + o + \", \" + o + \", 1)\";\n });\n};\n\nvar 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}\";\nvar 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}';\n\nvar Header = function () {\n function t(t) {\n registerInstance(this, t);\n this.collapsibleHeaderInitialized = false;\n this.translucent = false;\n }\n\n t.prototype.componentDidLoad = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (t) {\n switch (t.label) {\n case 0:\n return [4, this.checkCollapsibleHeader()];\n\n case 1:\n t.sent();\n return [2];\n }\n });\n });\n };\n\n t.prototype.componentDidUpdate = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (t) {\n switch (t.label) {\n case 0:\n return [4, this.checkCollapsibleHeader()];\n\n case 1:\n t.sent();\n return [2];\n }\n });\n });\n };\n\n t.prototype.disconnectedCallback = function () {\n this.destroyCollapsibleHeader();\n };\n\n t.prototype.checkCollapsibleHeader = function () {\n return __awaiter(this, void 0, void 0, function () {\n var t, o, e, n;\n return __generator(this, function (r) {\n switch (r.label) {\n case 0:\n t = this.collapse === \"condense\";\n o = t && getIonMode(this) === \"ios\" ? t : false;\n if (!(!o && this.collapsibleHeaderInitialized)) return [3, 1];\n this.destroyCollapsibleHeader();\n return [3, 3];\n\n case 1:\n if (!(o && !this.collapsibleHeaderInitialized)) return [3, 3];\n e = this.el.closest(\"ion-app,ion-page,.ion-page,page-inner\");\n n = e ? e.querySelector(\"ion-content\") : null;\n writeTask(function () {\n var t = cloneElement(\"ion-title\");\n t.size = \"large\";\n cloneElement(\"ion-back-button\");\n });\n return [4, this.setupCollapsibleHeader(n, e)];\n\n case 2:\n r.sent();\n r.label = 3;\n\n case 3:\n return [2];\n }\n });\n });\n };\n\n t.prototype.destroyCollapsibleHeader = function () {\n if (this.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = undefined;\n }\n\n if (this.scrollEl && this.contentScrollCallback) {\n this.scrollEl.removeEventListener(\"scroll\", this.contentScrollCallback);\n this.contentScrollCallback = undefined;\n }\n\n if (this.collapsibleMainHeader) {\n this.collapsibleMainHeader.classList.remove(\"header-collapse-main\");\n this.collapsibleMainHeader = undefined;\n }\n };\n\n t.prototype.setupCollapsibleHeader = function (t, o) {\n return __awaiter(this, void 0, void 0, function () {\n var e, n, r, i, a;\n var s = this;\n return __generator(this, function (l) {\n switch (l.label) {\n case 0:\n if (!t || !o) {\n console.error(\"ion-header requires a content to collapse, make sure there is an ion-content.\");\n return [2];\n }\n\n if (typeof IntersectionObserver === \"undefined\") {\n return [2];\n }\n\n e = this;\n return [4, t.getScrollElement()];\n\n case 1:\n e.scrollEl = l.sent();\n n = o.querySelectorAll(\"ion-header\");\n this.collapsibleMainHeader = Array.from(n).find(function (t) {\n return t.collapse !== \"condense\";\n });\n\n if (!this.collapsibleMainHeader) {\n return [2];\n }\n\n r = createHeaderIndex(this.collapsibleMainHeader);\n i = createHeaderIndex(this.el);\n\n if (!r || !i) {\n return [2];\n }\n\n setHeaderActive(r, false);\n r.toolbars.forEach(function (t) {\n setToolbarBackgroundOpacity(t, 0);\n });\n\n a = function (t) {\n handleToolbarIntersection(t, r, i, s.scrollEl);\n };\n\n this.intersectionObserver = new IntersectionObserver(a, {\n root: t,\n threshold: [.25, .3, .4, .5, .6, .7, .8, .9, 1]\n });\n this.intersectionObserver.observe(i.toolbars[i.toolbars.length - 1].el);\n\n this.contentScrollCallback = function () {\n handleContentScroll(s.scrollEl, i, t);\n };\n\n this.scrollEl.addEventListener(\"scroll\", this.contentScrollCallback);\n writeTask(function () {\n if (s.collapsibleMainHeader !== undefined) {\n s.collapsibleMainHeader.classList.add(\"header-collapse-main\");\n }\n });\n this.collapsibleHeaderInitialized = true;\n return [2];\n }\n });\n });\n };\n\n t.prototype.render = function () {\n var t;\n var o = this.translucent;\n var e = getIonMode(this);\n var n = this.collapse || \"none\";\n return h(Host, {\n role: \"banner\",\n class: (t = {}, t[e] = true, t[\"header-\" + e] = true, t[\"header-translucent\"] = this.translucent, t[\"header-collapse-\" + n] = true, t[\"header-translucent-\" + e] = this.translucent, t)\n }, e === \"ios\" && o && h(\"div\", {\n class: \"header-background\"\n }), h(\"slot\", null));\n };\n\n Object.defineProperty(t.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nHeader.style = {\n ios: headerIosCss,\n md: headerMdCss\n};\nvar routeOutletCss = \":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}\";\n\nvar RouterOutlet = function () {\n function t(t) {\n registerInstance(this, t);\n this.ionNavWillLoad = createEvent(this, \"ionNavWillLoad\", 7);\n this.ionNavWillChange = createEvent(this, \"ionNavWillChange\", 3);\n this.ionNavDidChange = createEvent(this, \"ionNavDidChange\", 3);\n this.animationEnabled = true;\n this.mode = getIonMode(this);\n this.animated = true;\n }\n\n t.prototype.swipeHandlerChanged = function () {\n if (this.gesture) {\n this.gesture.enable(this.swipeHandler !== undefined);\n }\n };\n\n t.prototype.connectedCallback = function () {\n return __awaiter(this, void 0, void 0, function () {\n var t;\n var o = this;\n return __generator(this, function (e) {\n switch (e.label) {\n case 0:\n t = this;\n return [4, import(\"./swipe-back-ee838cf8.js\")];\n\n case 1:\n t.gesture = e.sent().createSwipeBackGesture(this.el, function () {\n return !!o.swipeHandler && o.swipeHandler.canStart() && o.animationEnabled;\n }, function () {\n return o.swipeHandler && o.swipeHandler.onStart();\n }, function (t) {\n return o.ani && o.ani.progressStep(t);\n }, function (t, e, n) {\n if (o.ani) {\n o.animationEnabled = false;\n o.ani.onFinish(function () {\n o.animationEnabled = true;\n\n if (o.swipeHandler) {\n o.swipeHandler.onEnd(t);\n }\n }, {\n oneTimeCallback: true\n });\n var r = t ? -.001 : .001;\n\n if (!t) {\n o.ani.easing(\"cubic-bezier(1, 0, 0.68, 0.28)\");\n r += getTimeGivenProgression([0, 0], [1, 0], [.68, .28], [1, 1], e)[0];\n } else {\n r += getTimeGivenProgression([0, 0], [.32, .72], [0, 1], [1, 1], e)[0];\n }\n\n o.ani.progressEnd(t ? 1 : 0, r, n);\n }\n });\n this.swipeHandlerChanged();\n return [2];\n }\n });\n });\n };\n\n t.prototype.componentWillLoad = function () {\n this.ionNavWillLoad.emit();\n };\n\n t.prototype.disconnectedCallback = function () {\n if (this.gesture) {\n this.gesture.destroy();\n this.gesture = undefined;\n }\n };\n\n t.prototype.commit = function (t, o, e) {\n return __awaiter(this, void 0, void 0, function () {\n var n, r, i;\n return __generator(this, function (a) {\n switch (a.label) {\n case 0:\n return [4, this.lock()];\n\n case 1:\n n = a.sent();\n r = false;\n a.label = 2;\n\n case 2:\n a.trys.push([2, 4,, 5]);\n return [4, this.transition(t, o, e)];\n\n case 3:\n r = a.sent();\n return [3, 5];\n\n case 4:\n i = a.sent();\n console.error(i);\n return [3, 5];\n\n case 5:\n n();\n return [2, r];\n }\n });\n });\n };\n\n t.prototype.setRouteId = function (t, o, e, n) {\n return __awaiter(this, void 0, void 0, function () {\n var r;\n return __generator(this, function (i) {\n switch (i.label) {\n case 0:\n return [4, this.setRoot(t, o, {\n duration: e === \"root\" ? 0 : undefined,\n direction: e === \"back\" ? \"back\" : \"forward\",\n animationBuilder: n\n })];\n\n case 1:\n r = i.sent();\n return [2, {\n changed: r,\n element: this.activeEl\n }];\n }\n });\n });\n };\n\n t.prototype.getRouteId = function () {\n return __awaiter(this, void 0, void 0, function () {\n var t;\n return __generator(this, function (o) {\n t = this.activeEl;\n return [2, t ? {\n id: t.tagName,\n element: t\n } : undefined];\n });\n });\n };\n\n t.prototype.setRoot = function (t, o, e) {\n return __awaiter(this, void 0, void 0, function () {\n var n, r;\n return __generator(this, function (i) {\n switch (i.label) {\n case 0:\n if (this.activeComponent === t) {\n return [2, false];\n }\n\n n = this.activeEl;\n return [4, attachComponent(this.delegate, this.el, t, [\"ion-page\", \"ion-page-invisible\"], o)];\n\n case 1:\n r = i.sent();\n this.activeComponent = t;\n this.activeEl = r;\n return [4, this.commit(r, n, e)];\n\n case 2:\n i.sent();\n return [4, detachComponent(this.delegate, n)];\n\n case 3:\n i.sent();\n return [2, true];\n }\n });\n });\n };\n\n t.prototype.transition = function (t, o, e) {\n if (e === void 0) {\n e = {};\n }\n\n return __awaiter(this, void 0, void 0, function () {\n var n, r, i, a, s;\n var l = this;\n return __generator(this, function (d) {\n switch (d.label) {\n case 0:\n if (o === t) {\n return [2, false];\n }\n\n this.ionNavWillChange.emit();\n n = this, r = n.el, i = n.mode;\n a = this.animated && config.getBoolean(\"animated\", true);\n s = this.animation || e.animationBuilder || config.get(\"navAnimation\");\n return [4, transition(Object.assign(Object.assign({\n mode: i,\n animated: a,\n enteringEl: t,\n leavingEl: o,\n baseEl: r,\n progressCallback: e.progressAnimation ? function (t) {\n return l.ani = t;\n } : undefined\n }, e), {\n animationBuilder: s\n }))];\n\n case 1:\n d.sent();\n this.ionNavDidChange.emit();\n return [2, true];\n }\n });\n });\n };\n\n t.prototype.lock = function () {\n return __awaiter(this, void 0, void 0, function () {\n var t, o;\n return __generator(this, function (e) {\n switch (e.label) {\n case 0:\n t = this.waitPromise;\n this.waitPromise = new Promise(function (t) {\n return o = t;\n });\n if (!(t !== undefined)) return [3, 2];\n return [4, t];\n\n case 1:\n e.sent();\n e.label = 2;\n\n case 2:\n return [2, o];\n }\n });\n });\n };\n\n t.prototype.render = function () {\n return h(\"slot\", null);\n };\n\n Object.defineProperty(t.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(t, \"watchers\", {\n get: function () {\n return {\n swipeHandler: [\"swipeHandlerChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nRouterOutlet.style = routeOutletCss;\nvar 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:var(--padding-top);padding-bottom:var(--padding-bottom);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(.title-large.title-rtl){-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)}\";\nvar 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}\";\n\nvar ToolbarTitle = function () {\n function t(t) {\n registerInstance(this, t);\n this.ionStyle = createEvent(this, \"ionStyle\", 7);\n }\n\n t.prototype.sizeChanged = function () {\n this.emitStyle();\n };\n\n t.prototype.connectedCallback = function () {\n this.emitStyle();\n };\n\n t.prototype.emitStyle = function () {\n var t;\n var o = this.getSize();\n this.ionStyle.emit((t = {}, t[\"title-\" + o] = true, t));\n };\n\n t.prototype.getSize = function () {\n return this.size !== undefined ? this.size : \"default\";\n };\n\n t.prototype.render = function () {\n var t;\n var o = getIonMode(this);\n var e = this.getSize();\n return h(Host, {\n class: createColorClasses(this.color, (t = {}, t[o] = true, t[\"title-\" + e] = true, t[\"title-rtl\"] = document.dir === \"rtl\", t))\n }, h(\"div\", {\n class: \"toolbar-title\"\n }, h(\"slot\", null)));\n };\n\n Object.defineProperty(t.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(t, \"watchers\", {\n get: function () {\n return {\n size: [\"sizeChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nToolbarTitle.style = {\n ios: titleIosCss,\n md: titleMdCss\n};\nvar 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){.t