UNPKG

react-klasha

Version:

This is an reactJS library for implementing klasha payment gateway

github.com/dansteve/react-klasha

dansteve/react-klasha

1 lines • 54.3 kB
1
{"ast":null,"code":"import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from \"./index-7a8b7a1c.js\";\nimport { b as getIonMode, c as config } from \"./ionic-global-63a97a32.js\";\nimport { c as createColorClasses } from \"./theme-ff3fc52f.js\";\nvar tabBarIosCss = \":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-400, #999999));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(210%) blur(20px);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}\";\nvar tabBarMdCss = \":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}\";\n\nvar TabBar = function () {\n function t(t) {\n registerInstance(this, t);\n this.ionTabBarChanged = createEvent(this, \"ionTabBarChanged\", 7);\n this.keyboardVisible = false;\n this.translucent = false;\n }\n\n t.prototype.selectedTabChanged = function () {\n if (this.selectedTab !== undefined) {\n this.ionTabBarChanged.emit({\n tab: this.selectedTab\n });\n }\n };\n\n t.prototype.componentWillLoad = function () {\n this.selectedTabChanged();\n };\n\n t.prototype.connectedCallback = function () {\n var t = this;\n\n if (typeof window !== \"undefined\") {\n this.keyboardWillShowHandler = function () {\n if (t.el.getAttribute(\"slot\") !== \"top\") {\n t.keyboardVisible = true;\n }\n };\n\n this.keyboardWillHideHandler = function () {\n setTimeout(function () {\n return t.keyboardVisible = false;\n }, 50);\n };\n\n window.addEventListener(\"keyboardWillShow\", this.keyboardWillShowHandler);\n window.addEventListener(\"keyboardWillHide\", this.keyboardWillHideHandler);\n }\n };\n\n t.prototype.disconnectedCallback = function () {\n if (typeof window !== \"undefined\") {\n window.removeEventListener(\"keyboardWillShow\", this.keyboardWillShowHandler);\n window.removeEventListener(\"keyboardWillHide\", this.keyboardWillHideHandler);\n this.keyboardWillShowHandler = this.keyboardWillHideHandler = undefined;\n }\n };\n\n t.prototype.render = function () {\n var t;\n var o = this,\n e = o.color,\n n = o.translucent,\n i = o.keyboardVisible;\n var a = getIonMode(this);\n return h(Host, {\n role: \"tablist\",\n \"aria-hidden\": i ? \"true\" : null,\n class: createColorClasses(e, (t = {}, t[a] = true, t[\"tab-bar-translucent\"] = n, t[\"tab-bar-hidden\"] = i, t))\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 selectedTab: [\"selectedTabChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nTabBar.style = {\n ios: tabBarIosCss,\n md: tabBarMdCss\n};\nvar tabButtonIosCss = ':host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;left:calc(50% + 6px);top:4px;height:auto;font-size:12px;line-height:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:30px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:calc(50% + 12px)}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:calc(50% + 35px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:calc(50% + 30px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}';\nvar tabButtonMdCss = ':host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}[dir=rtl] ::slotted(ion-icon),:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}::slotted(ion-badge){border-radius:8px;padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:2px;left:calc(50% + 6px);top:8px;min-width:12px;font-size:8px;font-weight:normal}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:70%;top:8px}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:80%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:6px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:unset;-webkit-margin-end:6px;margin-inline-end:6px}}:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:6px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:unset;-webkit-margin-start:6px;margin-inline-start:6px}}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:70%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}';\n\nvar TabButton = function () {\n function t(t) {\n var o = this;\n registerInstance(this, t);\n this.ionTabButtonClick = createEvent(this, \"ionTabButtonClick\", 7);\n this.disabled = false;\n this.selected = false;\n\n this.onKeyUp = function (t) {\n if (t.key === \"Enter\" || t.key === \" \") {\n o.selectTab(t);\n }\n };\n\n this.onClick = function (t) {\n o.selectTab(t);\n };\n }\n\n t.prototype.onTabBarChanged = function (t) {\n var o = t.target;\n var e = this.el.parentElement;\n\n if (t.composedPath && t.composedPath().includes(e) || o && o.contains(this.el)) {\n this.selected = this.tab === t.detail.tab;\n }\n };\n\n t.prototype.componentWillLoad = function () {\n if (this.layout === undefined) {\n this.layout = config.get(\"tabButtonLayout\", \"icon-top\");\n }\n };\n\n t.prototype.selectTab = function (t) {\n if (this.tab !== undefined) {\n if (!this.disabled) {\n this.ionTabButtonClick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected\n });\n }\n\n t.preventDefault();\n }\n };\n\n Object.defineProperty(t.prototype, \"hasLabel\", {\n get: function () {\n return !!this.el.querySelector(\"ion-label\");\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(t.prototype, \"hasIcon\", {\n get: function () {\n return !!this.el.querySelector(\"ion-icon\");\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(t.prototype, \"tabIndex\", {\n get: function () {\n if (this.disabled) {\n return -1;\n }\n\n var t = this.el.hasAttribute(\"tabindex\");\n\n if (t) {\n return this.el.getAttribute(\"tabindex\");\n }\n\n return 0;\n },\n enumerable: false,\n configurable: true\n });\n\n t.prototype.render = function () {\n var t;\n var o = this,\n e = o.disabled,\n n = o.hasIcon,\n i = o.hasLabel,\n a = o.tabIndex,\n r = o.href,\n l = o.rel,\n s = o.target,\n d = o.layout,\n b = o.selected,\n c = o.tab;\n var g = getIonMode(this);\n var p = {\n download: this.download,\n href: r,\n rel: l,\n target: s\n };\n return h(Host, {\n onClick: this.onClick,\n onKeyup: this.onKeyUp,\n role: \"tab\",\n tabindex: a,\n \"aria-selected\": b ? \"true\" : null,\n id: c !== undefined ? \"tab-button-\" + c : null,\n class: (t = {}, t[g] = true, t[\"tab-selected\"] = b, t[\"tab-disabled\"] = e, t[\"tab-has-label\"] = i, t[\"tab-has-icon\"] = n, t[\"tab-has-label-only\"] = i && !n, t[\"tab-has-icon-only\"] = n && !i, t[\"tab-layout-\" + d] = true, t[\"ion-activatable\"] = true, t[\"ion-selectable\"] = true, t[\"ion-focusable\"] = true, t)\n }, h(\"a\", Object.assign({}, p, {\n tabIndex: -1,\n class: \"button-native\",\n part: \"native\"\n }), h(\"span\", {\n class: \"button-inner\"\n }, h(\"slot\", null)), g === \"md\" && h(\"ion-ripple-effect\", {\n type: \"unbounded\"\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\nTabButton.style = {\n ios: tabButtonIosCss,\n md: tabButtonMdCss\n};\nexport { TabBar as ion_tab_bar, TabButton as ion_tab_button };","map":{"version":3,"sources":["/Users/adekanbidansteve/github/klasha/react-klasha/ionic-test/node_modules/@ionic/core/dist/esm-es5/ion-tab-bar_2.entry.js"],"names":["r","registerInstance","e","createEvent","h","H","Host","i","getElement","b","getIonMode","c","config","createColorClasses","tabBarIosCss","tabBarMdCss","TabBar","t","ionTabBarChanged","keyboardVisible","translucent","prototype","selectedTabChanged","selectedTab","undefined","emit","tab","componentWillLoad","connectedCallback","window","keyboardWillShowHandler","el","getAttribute","keyboardWillHideHandler","setTimeout","addEventListener","disconnectedCallback","removeEventListener","render","o","color","n","a","role","class","Object","defineProperty","get","enumerable","configurable","style","ios","md","tabButtonIosCss","tabButtonMdCss","TabButton","ionTabButtonClick","disabled","selected","onKeyUp","key","selectTab","onClick","onTabBarChanged","target","parentElement","composedPath","includes","contains","detail","layout","href","preventDefault","querySelector","hasAttribute","hasIcon","hasLabel","tabIndex","l","rel","s","d","g","p","download","onKeyup","tabindex","id","assign","part","type","ion_tab_bar","ion_tab_button"],"mappings":"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","sourcesContent":["import{r as registerInstance,e as createEvent,h,H as Host,i as getElement}from\"./index-7a8b7a1c.js\";import{b as getIonMode,c as config}from\"./ionic-global-63a97a32.js\";import{c as createColorClasses}from\"./theme-ff3fc52f.js\";var tabBarIosCss=\":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-400, #999999));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(210%) blur(20px);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}\";var tabBarMdCss=\":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}\";var TabBar=function(){function t(t){registerInstance(this,t);this.ionTabBarChanged=createEvent(this,\"ionTabBarChanged\",7);this.keyboardVisible=false;this.translucent=false}t.prototype.selectedTabChanged=function(){if(this.selectedTab!==undefined){this.ionTabBarChanged.emit({tab:this.selectedTab})}};t.prototype.componentWillLoad=function(){this.selectedTabChanged()};t.prototype.connectedCallback=function(){var t=this;if(typeof window!==\"undefined\"){this.keyboardWillShowHandler=function(){if(t.el.getAttribute(\"slot\")!==\"top\"){t.keyboardVisible=true}};this.keyboardWillHideHandler=function(){setTimeout((function(){return t.keyboardVisible=false}),50)};window.addEventListener(\"keyboardWillShow\",this.keyboardWillShowHandler);window.addEventListener(\"keyboardWillHide\",this.keyboardWillHideHandler)}};t.prototype.disconnectedCallback=function(){if(typeof window!==\"undefined\"){window.removeEventListener(\"keyboardWillShow\",this.keyboardWillShowHandler);window.removeEventListener(\"keyboardWillHide\",this.keyboardWillHideHandler);this.keyboardWillShowHandler=this.keyboardWillHideHandler=undefined}};t.prototype.render=function(){var t;var o=this,e=o.color,n=o.translucent,i=o.keyboardVisible;var a=getIonMode(this);return h(Host,{role:\"tablist\",\"aria-hidden\":i?\"true\":null,class:createColorClasses(e,(t={},t[a]=true,t[\"tab-bar-translucent\"]=n,t[\"tab-bar-hidden\"]=i,t))},h(\"slot\",null))};Object.defineProperty(t.prototype,\"el\",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,\"watchers\",{get:function(){return{selectedTab:[\"selectedTabChanged\"]}},enumerable:false,configurable:true});return t}();TabBar.style={ios:tabBarIosCss,md:tabBarMdCss};var tabButtonIosCss=':host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;left:calc(50% + 6px);top:4px;height:auto;font-size:12px;line-height:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:30px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:calc(50% + 12px)}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:calc(50% + 35px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:calc(50% + 30px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}';var tabButtonMdCss=':host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}[dir=rtl] ::slotted(ion-icon),:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}::slotted(ion-badge){border-radius:8px;padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:2px;left:calc(50% + 6px);top:8px;min-width:12px;font-size:8px;font-weight:normal}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:70%;top:8px}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.ta