react-klasha
Version:
This is an reactJS library for implementing klasha payment gateway
1 lines • 55.9 kB
JSON
{"ast":null,"code":"import { __awaiter, __generator } from \"tslib\";\nimport { r as registerInstance, h, H as Host, i as getElement, e as createEvent } from \"./index-7a8b7a1c.js\";\nimport { b as getIonMode } from \"./ionic-global-63a97a32.js\";\nimport { h as hostContext, o as openURL, c as createColorClasses } from \"./theme-ff3fc52f.js\";\nvar fabCss = \":host{position:absolute;z-index:999}:host(.fab-horizontal-center){left:50%;margin-left:-28px}:host-context([dir=rtl]):host(.fab-horizontal-center),:host-context([dir=rtl]).fab-horizontal-center{left:unset;right:unset;right:50%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-horizontal-center){margin-left:unset;-webkit-margin-start:-28px;margin-inline-start:-28px}}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px))}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{left:unset;right:unset;right:calc(10px + var(--ion-safe-area-left, 0px))}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px))}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:unset;right:unset;left:calc(10px + var(--ion-safe-area-right, 0px))}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:-28px}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:-28px}:host(.fab-vertical-center){margin-top:-28px;top:50%}\";\n\nvar Fab = function () {\n function t(t) {\n var o = this;\n registerInstance(this, t);\n this.edge = false;\n this.activated = false;\n\n this.onClick = function () {\n var t = !!o.el.querySelector(\"ion-fab-list\");\n var r = o.getFab();\n var i = r && r.disabled;\n\n if (t && !i) {\n o.activated = !o.activated;\n }\n };\n }\n\n t.prototype.activatedChanged = function () {\n var t = this.activated;\n var o = this.getFab();\n\n if (o) {\n o.activated = t;\n }\n\n Array.from(this.el.querySelectorAll(\"ion-fab-list\")).forEach(function (o) {\n o.activated = t;\n });\n };\n\n t.prototype.componentDidLoad = function () {\n if (this.activated) {\n this.activatedChanged();\n }\n };\n\n t.prototype.close = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (t) {\n this.activated = false;\n return [2];\n });\n });\n };\n\n t.prototype.getFab = function () {\n return this.el.querySelector(\"ion-fab-button\");\n };\n\n t.prototype.render = function () {\n var t;\n var o = this,\n r = o.horizontal,\n i = o.vertical,\n a = o.edge;\n var n = getIonMode(this);\n return h(Host, {\n onClick: this.onClick,\n class: (t = {}, t[n] = true, t[\"fab-horizontal-\" + r] = r !== undefined, t[\"fab-vertical-\" + i] = i !== undefined, t[\"fab-edge\"] = a, 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 activated: [\"activatedChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nFab.style = fabCss;\nvar fabButtonIosCss = ':host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(ion-icon){line-height:1}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{left:0;right:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-button-small){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px}}.close-icon{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;left:0;right:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.close-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #3880ff);--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transition:0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--close-icon-font-size:28px}:host(.ion-activated){--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transform:scale(1.1);--transition:0.2s transform ease-out}::slotted(ion-icon){font-size:28px}:host(.fab-button-in-list){--background:var(--ion-color-light, #f4f5f8);--background-activated:var(--ion-color-light-shade, #d7d8da);--background-focused:var(--background-activated);--background-hover:var(--ion-color-light-tint, #f5f6f9);--color:var(--ion-color-light-contrast, #000);--color-activated:var(--ion-color-light-contrast, #000);--color-focused:var(--color-activated);--transition:transform 200ms ease 10ms, opacity 200ms ease 10ms}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}:host(.ion-color.ion-focused) .button-native,:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after,:host(.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent){--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.9);--background-hover:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.8);--background-focused:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.82);--backdrop-filter:saturate(180%) blur(20px)}:host(.fab-button-translucent-in-list){--background:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);--background-hover:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);--background-focused:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){@media (any-hover: hover){:host(.fab-button-translucent.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb), 0.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb), 0.9)}:host(.ion-color.ion-focused.fab-button-translucent) .button-native,:host(.ion-color.ion-activated.fab-button-translucent) .button-native{background:var(--ion-color-base)}}';\nvar fabButtonMdCss = ':host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(ion-icon){line-height:1}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{left:0;right:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-button-small){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px}}.close-icon{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;left:0;right:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.close-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #3880ff);--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;--close-icon-font-size:24px}:host(.ion-activated){--box-shadow:0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)}::slotted(ion-icon){font-size:24px}:host(.fab-button-in-list){--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-activated:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-focused:var(--color-activated);--background:var(--ion-color-light, #f4f5f8);--background-activated:transparent;--background-focused:var(--ion-color-light-shade, #d7d8da);--background-hover:var(--ion-color-light-tint, #f5f6f9)}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native::after{background:transparent}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}}';\n\nvar FabButton = function () {\n function t(t) {\n var o = this;\n registerInstance(this, t);\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n this.activated = false;\n this.disabled = false;\n this.routerDirection = \"forward\";\n this.show = false;\n this.translucent = false;\n this.type = \"button\";\n this.closeIcon = \"close\";\n\n this.onFocus = function () {\n o.ionFocus.emit();\n };\n\n this.onBlur = function () {\n o.ionBlur.emit();\n };\n }\n\n t.prototype.render = function () {\n var t;\n var o = this;\n var r = this,\n i = r.el,\n a = r.disabled,\n n = r.color,\n e = r.href,\n s = r.activated,\n c = r.show,\n l = r.translucent,\n b = r.size;\n var d = hostContext(\"ion-fab-list\", i);\n var p = getIonMode(this);\n var f = e === undefined ? \"button\" : \"a\";\n var u = f === \"button\" ? {\n type: this.type\n } : {\n download: this.download,\n href: e,\n rel: this.rel,\n target: this.target\n };\n return h(Host, {\n \"aria-disabled\": a ? \"true\" : null,\n class: createColorClasses(n, (t = {}, t[p] = true, t[\"fab-button-in-list\"] = d, t[\"fab-button-translucent-in-list\"] = d && l, t[\"fab-button-close-active\"] = s, t[\"fab-button-show\"] = c, t[\"fab-button-disabled\"] = a, t[\"fab-button-translucent\"] = l, t[\"ion-activatable\"] = true, t[\"ion-focusable\"] = true, t[\"fab-button-\" + b] = b !== undefined, t))\n }, h(f, Object.assign({}, u, {\n class: \"button-native\",\n part: \"native\",\n disabled: a,\n onFocus: this.onFocus,\n onBlur: this.onBlur,\n onClick: function (t) {\n return openURL(e, t, o.routerDirection, o.routerAnimation);\n }\n }), h(\"ion-icon\", {\n icon: this.closeIcon,\n part: \"close-icon\",\n class: \"close-icon\",\n lazy: false\n }), h(\"span\", {\n class: \"button-inner\"\n }, h(\"slot\", null)), p === \"md\" && h(\"ion-ripple-effect\", 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\nFabButton.style = {\n ios: fabButtonIosCss,\n md: fabButtonMdCss\n};\nvar fabListCss = \":host{margin-left:0;margin-right:0;margin-top:66px;margin-bottom:66px;display:none;position:absolute;top:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:56px;min-height:56px}:host(.fab-list-active){display:-ms-flexbox;display:flex}::slotted(.fab-button-in-list){margin-left:0;margin-right:0;margin-top:8px;margin-bottom:8px;width:40px;height:40px;-webkit-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}:host(.fab-list-side-top) ::slotted(.fab-button-in-list),:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list){margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px}:host(.fab-list-side-start) ::slotted(.fab-button-in-list),:host(.fab-list-side-end) ::slotted(.fab-button-in-list){margin-left:5px;margin-right:5px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-list-side-start) ::slotted(.fab-button-in-list),:host(.fab-list-side-end) ::slotted(.fab-button-in-list){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted(.fab-button-in-list.fab-button-show){-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}:host(.fab-list-side-top){top:auto;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.fab-list-side-start){margin-left:66px;margin-right:66px;margin-top:0;margin-bottom:0;right:0;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-list-side-start){margin-left:unset;margin-right:unset;-webkit-margin-start:66px;margin-inline-start:66px;-webkit-margin-end:66px;margin-inline-end:66px}}:host-context([dir=rtl]):host(.fab-list-side-start),:host-context([dir=rtl]).fab-list-side-start{left:unset;right:unset;left:0}:host(.fab-list-side-end){margin-left:66px;margin-right:66px;margin-top:0;margin-bottom:0;left:0;-ms-flex-direction:row;flex-direction:row}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-list-side-end){margin-left:unset;margin-right:unset;-webkit-margin-start:66px;margin-inline-start:66px;-webkit-margin-end:66px;margin-inline-end:66px}}:host-context([dir=rtl]):host(.fab-list-side-end),:host-context([dir=rtl]).fab-list-side-end{left:unset;right:unset;right:0}\";\n\nvar FabList = function () {\n function t(t) {\n registerInstance(this, t);\n this.activated = false;\n this.side = \"bottom\";\n }\n\n t.prototype.activatedChanged = function (t) {\n var o = Array.from(this.el.querySelectorAll(\"ion-fab-button\"));\n var r = t ? 30 : 0;\n o.forEach(function (o, i) {\n setTimeout(function () {\n return o.show = t;\n }, i * r);\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[\"fab-list-active\"] = this.activated, t[\"fab-list-side-\" + this.side] = true, 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 activated: [\"activatedChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return t;\n}();\n\nFabList.style = fabListCss;\nexport { Fab as ion_fab, FabButton as ion_fab_button, FabList as ion_fab_list };","map":{"version":3,"sources":["/Users/adekanbidansteve/github/klasha/react-klasha/ionic-test/node_modules/@ionic/core/dist/esm-es5/ion-fab_3.entry.js"],"names":["__awaiter","__generator","r","registerInstance","h","H","Host","i","getElement","e","createEvent","b","getIonMode","hostContext","o","openURL","c","createColorClasses","fabCss","Fab","t","edge","activated","onClick","el","querySelector","getFab","disabled","prototype","activatedChanged","Array","from","querySelectorAll","forEach","componentDidLoad","close","render","horizontal","vertical","a","n","class","undefined","Object","defineProperty","get","enumerable","configurable","style","fabButtonIosCss","fabButtonMdCss","FabButton","ionFocus","ionBlur","routerDirection","show","translucent","type","closeIcon","onFocus","emit","onBlur","color","href","s","l","size","d","p","f","u","download","rel","target","assign","part","routerAnimation","icon","lazy","ios","md","fabListCss","FabList","side","setTimeout","ion_fab","ion_fab_button","ion_fab_list"],"mappings":"AAAA,SAAOA,SAAP,EAAiBC,WAAjB,QAAiC,OAAjC;AAAyC,SAAOC,CAAC,IAAIC,gBAAZ,EAA6BC,CAA7B,EAA+BC,CAAC,IAAIC,IAApC,EAAyCC,CAAC,IAAIC,UAA9C,EAAyDC,CAAC,IAAIC,WAA9D,QAA8E,qBAA9E;AAAoG,SAAOC,CAAC,IAAIC,UAAZ,QAA2B,4BAA3B;AAAwD,SAAOR,CAAC,IAAIS,WAAZ,EAAwBC,CAAC,IAAIC,OAA7B,EAAqCC,CAAC,IAAIC,kBAA1C,QAAiE,qBAAjE;AAAuF,IAAIC,MAAM,GAAC,unCAAX;;AAAmoC,IAAIC,GAAG,GAAC,YAAU;AAAC,WAASC,CAAT,CAAWA,CAAX,EAAa;AAAC,QAAIN,CAAC,GAAC,IAAN;AAAWX,IAAAA,gBAAgB,CAAC,IAAD,EAAMiB,CAAN,CAAhB;AAAyB,SAAKC,IAAL,GAAU,KAAV;AAAgB,SAAKC,SAAL,GAAe,KAAf;;AAAqB,SAAKC,OAAL,GAAa,YAAU;AAAC,UAAIH,CAAC,GAAC,CAAC,CAACN,CAAC,CAACU,EAAF,CAAKC,aAAL,CAAmB,cAAnB,CAAR;AAA2C,UAAIvB,CAAC,GAACY,CAAC,CAACY,MAAF,EAAN;AAAiB,UAAInB,CAAC,GAACL,CAAC,IAAEA,CAAC,CAACyB,QAAX;;AAAoB,UAAGP,CAAC,IAAE,CAACb,CAAP,EAAS;AAACO,QAAAA,CAAC,CAACQ,SAAF,GAAY,CAACR,CAAC,CAACQ,SAAf;AAAyB;AAAC,KAA5I;AAA6I;;AAAAF,EAAAA,CAAC,CAACQ,SAAF,CAAYC,gBAAZ,GAA6B,YAAU;AAAC,QAAIT,CAAC,GAAC,KAAKE,SAAX;AAAqB,QAAIR,CAAC,GAAC,KAAKY,MAAL,EAAN;;AAAoB,QAAGZ,CAAH,EAAK;AAACA,MAAAA,CAAC,CAACQ,SAAF,GAAYF,CAAZ;AAAc;;AAAAU,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAKP,EAAL,CAAQQ,gBAAR,CAAyB,cAAzB,CAAX,EAAqDC,OAArD,CAA8D,UAASnB,CAAT,EAAW;AAACA,MAAAA,CAAC,CAACQ,SAAF,GAAYF,CAAZ;AAAc,KAAxF;AAA2F,GAAhM;;AAAiMA,EAAAA,CAAC,CAACQ,SAAF,CAAYM,gBAAZ,GAA6B,YAAU;AAAC,QAAG,KAAKZ,SAAR,EAAkB;AAAC,WAAKO,gBAAL;AAAwB;AAAC,GAApF;;AAAqFT,EAAAA,CAAC,CAACQ,SAAF,CAAYO,KAAZ,GAAkB,YAAU;AAAC,WAAOnC,SAAS,CAAC,IAAD,EAAM,KAAK,CAAX,EAAa,KAAK,CAAlB,EAAqB,YAAU;AAAC,aAAOC,WAAW,CAAC,IAAD,EAAO,UAASmB,CAAT,EAAW;AAAC,aAAKE,SAAL,GAAe,KAAf;AAAqB,eAAM,CAAC,CAAD,CAAN;AAAU,OAAlD,CAAlB;AAAuE,KAAvG,CAAhB;AAA0H,GAAvJ;;AAAwJF,EAAAA,CAAC,CAACQ,SAAF,CAAYF,MAAZ,GAAmB,YAAU;AAAC,WAAO,KAAKF,EAAL,CAAQC,aAAR,CAAsB,gBAAtB,CAAP;AAA+C,GAA7E;;AAA8EL,EAAAA,CAAC,CAACQ,SAAF,CAAYQ,MAAZ,GAAmB,YAAU;AAAC,QAAIhB,CAAJ;AAAM,QAAIN,CAAC,GAAC,IAAN;AAAA,QAAWZ,CAAC,GAACY,CAAC,CAACuB,UAAf;AAAA,QAA0B9B,CAAC,GAACO,CAAC,CAACwB,QAA9B;AAAA,QAAuCC,CAAC,GAACzB,CAAC,CAACO,IAA3C;AAAgD,QAAImB,CAAC,GAAC5B,UAAU,CAAC,IAAD,CAAhB;AAAuB,WAAOR,CAAC,CAACE,IAAD,EAAM;AAACiB,MAAAA,OAAO,EAAC,KAAKA,OAAd;AAAsBkB,MAAAA,KAAK,GAAErB,CAAC,GAAC,EAAF,EAAKA,CAAC,CAACoB,CAAD,CAAD,GAAK,IAAV,EAAepB,CAAC,CAAC,oBAAkBlB,CAAnB,CAAD,GAAuBA,CAAC,KAAGwC,SAA1C,EAAoDtB,CAAC,CAAC,kBAAgBb,CAAjB,CAAD,GAAqBA,CAAC,KAAGmC,SAA7E,EAAuFtB,CAAC,CAAC,UAAD,CAAD,GAAcmB,CAArG,EAAuGnB,CAAzG;AAA3B,KAAN,EAA8IhB,CAAC,CAAC,MAAD,EAAQ,IAAR,CAA/I,CAAR;AAAsK,GAAjR;;AAAkRuC,EAAAA,MAAM,CAACC,cAAP,CAAsBxB,CAAC,CAACQ,SAAxB,EAAkC,IAAlC,EAAuC;AAACiB,IAAAA,GAAG,EAAC,YAAU;AAAC,aAAOrC,UAAU,CAAC,IAAD,CAAjB;AAAwB,KAAxC;AAAyCsC,IAAAA,UAAU,EAAC,KAApD;AAA0DC,IAAAA,YAAY,EAAC;AAAvE,GAAvC;AAAqHJ,EAAAA,MAAM,CAACC,cAAP,CAAsBxB,CAAtB,EAAwB,UAAxB,EAAmC;AAACyB,IAAAA,GAAG,EAAC,YAAU;AAAC,aAAM;AAACvB,QAAAA,SAAS,EAAC,CAAC,kBAAD;AAAX,OAAN;AAAuC,KAAvD;AAAwDwB,IAAAA,UAAU,EAAC,KAAnE;AAAyEC,IAAAA,YAAY,EAAC;AAAtF,GAAnC;AAAgI,SAAO3B,CAAP;AAAS,CAA3vC,EAAR;;AAAswCD,GAAG,CAAC6B,KAAJ,GAAU9B,MAAV;AAAiB,IAAI+B,eAAe,GAAC,mvPAApB;AAAwwP,IAAIC,cAAc,GAAC,mvNAAnB;;AAAuwN,IAAIC,SAAS,GAAC,YAAU;AAAC,WAAS/B,CAAT,CAAWA,CAAX,EAAa;AAAC,QAAIN,CAAC,GAAC,IAAN;AAAWX,IAAAA,gBAAgB,CAAC,IAAD,EAAMiB,CAAN,CAAhB;AAAyB,SAAKgC,QAAL,GAAc1C,WAAW,CAAC,IAAD,EAAM,UAAN,EAAiB,CAAjB,CAAzB;AAA6C,SAAK2C,OAAL,GAAa3C,WAAW,CAAC,IAAD,EAAM,SAAN,EAAgB,CAAhB,CAAxB;AAA2C,SAAKY,SAAL,GAAe,KAAf;AAAqB,SAAKK,QAAL,GAAc,KAAd;AAAoB,SAAK2B,eAAL,GAAqB,SAArB;AAA+B,SAAKC,IAAL,GAAU,KAAV;AAAgB,SAAKC,WAAL,GAAiB,KAAjB;AAAuB,SAAKC,IAAL,GAAU,QAAV;AAAmB,SAAKC,SAAL,GAAe,OAAf;;AAAuB,SAAKC,OAAL,GAAa,YAAU;AAAC7C,MAAAA,CAAC,CAACsC,QAAF,CAAWQ,IAAX;AAAkB,KAA1C;;AAA2C,SAAKC,MAAL,GAAY,YAAU;AAAC/C,MAAAA,CAAC,CAACuC,OAAF,CAAUO,IAAV;AAAiB,KAAxC;AAAyC;;AAAAxC,EAAAA,CAAC,CAACQ,SAAF,CAAYQ,MAAZ,GAAmB,YAAU;AAAC,QAAIhB,CAAJ;AAAM,QAAIN,CAAC,GAAC,IAAN;AAAW,QAAIZ,CAAC,GAAC,IAAN;AAAA,QAAWK,CAAC,GAACL,CAAC,CAACsB,EAAf;AAAA,QAAkBe,CAAC,GAACrC,CAAC,CAACyB,QAAtB;AAAA,QAA+Ba,CAAC,GAACtC,CAAC,CAAC4D,KAAnC;AAAA,QAAyCrD,CAAC,GAACP,CAAC,CAAC6D,IAA7C;AAAA,QAAkDC,CAAC,GAAC9D,CAAC,CAACoB,SAAtD;AAAA,QAAgEN,CAAC,GAACd,CAAC,CAACqD,IAApE;AAAA,QAAyEU,CAAC,GAAC/D,CAAC,CAACsD,WAA7E;AAAA,QAAyF7C,CAAC,GAACT,CAAC,CAACgE,IAA7F;AAAkG,QAAIC,CAAC,GAACtD,WAAW,CAAC,cAAD,EAAgBN,CAAhB,CAAjB;AAAoC,QAAI6D,CAAC,GAACxD,UAAU,CAAC,IAAD,CAAhB;AAAuB,QAAIyD,CAAC,GAAC5D,CAAC,KAAGiC,SAAJ,GAAc,QAAd,GAAuB,GAA7B;AAAiC,QAAI4B,CAAC,GAACD,CAAC,KAAG,QAAJ,GAAa;AAACZ,MAAAA,IAAI,EAAC,KAAKA;AAAX,KAAb,GAA8B;AAACc,MAAAA,QAAQ,EAAC,KAAKA,QAAf;AAAwBR,MAAAA,IAAI,EAACtD,CAA7B;AAA+B+D,MAAAA,GAAG,EAAC,KAAKA,GAAxC;AAA4CC,MAAAA,MAAM,EAAC,KAAKA;AAAxD,KAApC;AAAoG,WAAOrE,CAAC,CAACE,IAAD,EAAM;AAAC,uBAAgBiC,CAAC,GAAC,MAAD,GAAQ,IAA1B;AAA+BE,MAAAA,KAAK,EAACxB,kBAAkB,CAACuB,CAAD,GAAIpB,CAAC,GAAC,EAAF,EAAKA,CAAC,CAACgD,CAAD,CAAD,GAAK,IAAV,EAAehD,CAAC,CAAC,oBAAD,CAAD,GAAwB+C,CAAvC,EAAyC/C,CAAC,CAAC,gCAAD,CAAD,GAAoC+C,CAAC,IAAEF,CAAhF,EAAkF7C,CAAC,CAAC,yBAAD,CAAD,GAA6B4C,CAA/G,EAAiH5C,CAAC,CAAC,iBAAD,CAAD,GAAqBJ,CAAtI,EAAwII,CAAC,CAAC,qBAAD,CAAD,GAAyBmB,CAAjK,EAAmKnB,CAAC,CAAC,wBAAD,CAAD,GAA4B6C,CAA/L,EAAiM7C,CAAC,CAAC,iBAAD,CAAD,GAAqB,IAAtN,EAA2NA,CAAC,CAAC,eAAD,CAAD,GAAmB,IAA9O,EAAmPA,CAAC,CAAC,gBAAcT,CAAf,CAAD,GAAmBA,CAAC,KAAG+B,SAA1Q,EAAoRtB,CAAxR;AAAvD,KAAN,EAA0VhB,CAAC,CAACiE,CAAD,EAAG1B,MAAM,CAAC+B,MAAP,CAAc,EAAd,EAAiBJ,CAAjB,EAAmB;AAAC7B,MAAAA,KAAK,EAAC,eAAP;AAAuBkC,MAAAA,IAAI,EAAC,QAA5B;AAAqChD,MAAAA,QAAQ,EAACY,CAA9C;AAAgDoB,MAAAA,OAAO,EAAC,KAAKA,OAA7D;AAAqEE,MAAAA,MAAM,EAAC,KAAKA,MAAjF;AAAwFtC,MAAAA,OAAO,EAAC,UAASH,CAAT,EAAW;AAAC,eAAOL,OAAO,CAACN,CAAD,EAAGW,CAAH,EAAKN,CAAC,CAACwC,eAAP,EAAuBxC,CAAC,CAAC8D,eAAzB,CAAd;AAAwD;AAApK,KAAnB,CAAH,EAA6LxE,CAAC,CAAC,UAAD,EAAY;AAACyE,MAAAA,IAAI,EAAC,KAAKnB,SAAX;AAAqBiB,MAAAA,IAAI,EAAC,YAA1B;AAAuClC,MAAAA,KAAK,EAAC,YAA7C;AAA0DqC,MAAAA,IAAI,EAAC;AAA/D,KAAZ,CAA9L,EAAiR1E,CAAC,CAAC,MAAD,EAAQ;AAACqC,MAAAA,KAAK,EAAC;AAAP,KAAR,EAA+BrC,CAAC,CAAC,MAAD,EAAQ,IAAR,CAAhC,CAAlR,EAAiUgE,CAAC,KAAG,IAAJ,IAAUhE,CAAC,CAAC,mBAAD,EAAqB,IAArB,CAA5U,CAA3V,CAAR;AAA4sB,GAA7hC;;AAA8hCuC,EAAAA,MAAM,CAACC,cAAP,CAAsBxB,CAAC,CAACQ,SAAxB,EAAkC,IAAlC,EAAuC;AAACiB,IAAAA,GAAG,EAAC,YAAU;AAAC,aAAOrC,UAAU,CAAC,IAAD,CAAjB;AAAwB,KAAxC;AAAyCsC,IAAAA,UAAU,EAAC,KAApD;AAA0DC,IAAAA,YAAY,EAAC;AAAvE,GAAvC;AAAqH,SAAO3B,CAAP;AAAS,CAA9hD,EAAd;;AAA+iD+B,SAAS,CAACH,KAAV,GAAgB;AAAC+B,EAAAA,GAAG,EAAC9B,eAAL;AAAqB+B,EAAAA,EAAE,EAAC9B;AAAxB,CAAhB;AAAwD,IAAI+B,UAAU,GAAC,s6EAAf;;AAAs7E,IAAIC,OAAO,GAAC,YAAU;AAAC,WAAS9D,CAAT,CAAWA,CAAX,EAAa;AAACjB,IAAAA,gBAAgB,CAAC,IAAD,EAAMiB,CAAN,CAAhB;AAAyB,SAAKE,SAAL,GAAe,KAAf;AAAqB,SAAK6D,IAAL,GAAU,QAAV;AAAmB;;AAAA/D,EAAAA,CAAC,CAACQ,SAAF,CAAYC,gBAAZ,GAA6B,UAAST,CAAT,EAAW;AAAC,QAAIN,CAAC,GAACgB,KAAK,CAACC,IAAN,CAAW,KAAKP,EAAL,CAAQQ,gBAAR,CAAyB,gBAAzB,CAAX,CAAN;AAA6D,QAAI9B,CAAC,GAACkB,CAAC,GAAC,EAAD,GAAI,CAAX;AAAaN,IAAAA,CAAC,CAACmB,OAAF,CAAW,UAASnB,CAAT,EAAWP,CAAX,EAAa;AAAC6E,MAAAA,UAAU,CAAE,YAAU;AAAC,eAAOtE,CAAC,CAACyC,IAAF,GAAOnC,CAAd;AAAgB,OAA7B,EAA+Bb,CAAC,GAACL,CAAjC,CAAV;AAA8C,KAAvE;AAA0E,GAA7L;;AAA8LkB,EAAAA,CAAC,CAACQ,SAAF,CAAYQ,MAAZ,GAAmB,YAAU;AAAC,QAAIhB,CAAJ;AAAM,QAAIN,CAAC,GAACF,UAAU,CAAC,IAAD,CAAhB;AAAuB,WAAOR,CAAC,CAACE,IAAD,EAAM;AAACmC,MAAAA,KAAK,GAAErB,CAAC,GAAC,EAAF,EAAKA,CAAC,CAACN,CAAD,CAAD,GAAK,IAAV,EAAeM,CAAC,CAAC,iBAAD,CAAD,GAAqB,KAAKE,SAAzC,EAAmDF,CAAC,CAAC,mBAAiB,KAAK+D,IAAvB,CAAD,GAA8B,IAAjF,EAAsF/D,CAAxF;AAAN,KAAN,EAAwGhB,CAAC,CAAC,MAAD,EAAQ,IAAR,CAAzG,CAAR;AAAgI,GAA3L;;AAA4LuC,EAAAA,MAAM,CAACC,cAAP,CAAsBxB,CAAC,CAACQ,SAAxB,EAAkC,IAAlC,EAAuC;AAACiB,IAAAA,GAAG,EAAC,YAAU;AAAC,aAAOrC,UAAU,CAAC,IAAD,CAAjB;AAAwB,KAAxC;AAAyCsC,IAAAA,UAAU,EAAC,KAApD;AAA0DC,IAAAA,YAAY,EAAC;AAAvE,GAAvC;AAAqHJ,EAAAA,MAAM,CAACC,cAAP,CAAsBxB,CAAtB,EAAwB,UAAxB,EAAmC;AAACyB,IAAAA,GAAG,EAAC,YAAU;AAAC,aAAM;AAACvB,QAAAA,SAAS,EAAC,CAAC,kBAAD;AAAX,OAAN;AAAuC,KAAvD;AAAwDwB,IAAAA,UAAU,EAAC,KAAnE;AAAyEC,IAAAA,YAAY,EAAC;AAAtF,GAAnC;AAAgI,SAAO3B,CAAP;AAAS,CAAltB,EAAZ;;AAAiuB8D,OAAO,CAAClC,KAAR,GAAciC,UAAd;AAAyB,SAAO9D,GAAG,IAAIkE,OAAd,EAAsBlC,SAAS,IAAImC,cAAnC,EAAkDJ,OAAO,IAAIK,YAA7D","sourcesContent":["import{__awaiter,__generator}from\"tslib\";import{r as registerInstance,h,H as Host,i as getElement,e as createEvent}from\"./index-7a8b7a1c.js\";import{b as getIonMode}from\"./ionic-global-63a97a32.js\";import{h as hostContext,o as openURL,c as createColorClasses}from\"./theme-ff3fc52f.js\";var fabCss=\":host{position:absolute;z-index:999}:host(.fab-horizontal-center){left:50%;margin-left:-28px}:host-context([dir=rtl]):host(.fab-horizontal-center),:host-context([dir=rtl]).fab-horizontal-center{left:unset;right:unset;right:50%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-horizontal-center){margin-left:unset;-webkit-margin-start:-28px;margin-inline-start:-28px}}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px))}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{left:unset;right:unset;right:calc(10px + var(--ion-safe-area-left, 0px))}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px))}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:unset;right:unset;left:calc(10px + var(--ion-safe-area-right, 0px))}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:-28px}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:-28px}:host(.fab-vertical-center){margin-top:-28px;top:50%}\";var Fab=function(){function t(t){var o=this;registerInstance(this,t);this.edge=false;this.activated=false;this.onClick=function(){var t=!!o.el.querySelector(\"ion-fab-list\");var r=o.getFab();var i=r&&r.disabled;if(t&&!i){o.activated=!o.activated}}}t.prototype.activatedChanged=function(){var t=this.activated;var o=this.getFab();if(o){o.activated=t}Array.from(this.el.querySelectorAll(\"ion-fab-list\")).forEach((function(o){o.activated=t}))};t.prototype.componentDidLoad=function(){if(this.activated){this.activatedChanged()}};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.activated=false;return[2]}))}))};t.prototype.getFab=function(){return this.el.querySelector(\"ion-fab-button\")};t.prototype.render=function(){var t;var o=this,r=o.horizontal,i=o.vertical,a=o.edge;var n=getIonMode(this);return h(Host,{onClick:this.onClick,class:(t={},t[n]=true,t[\"fab-horizontal-\"+r]=r!==undefined,t[\"fab-vertical-\"+i]=i!==undefined,t[\"fab-edge\"]=a,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{activated:[\"activatedChanged\"]}},enumerable:false,configurable:true});return t}();Fab.style=fabCss;var fabButtonIosCss=':host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(ion-icon){line-height:1}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{left:0;right:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-button-small){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px}}.close-icon{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;left:0;right:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.close-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #3880ff);--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transition:0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--close-icon-font-size:28px}:host(.ion-activated){--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transform:scale(1.1);--transition:0.2s transform ease-out}::slotted(ion-icon){font-size:28px}:host(.fab-button-in-list){--background:var(--ion-color-light, #f4f5f8);--background-activated:var(--ion-color-light-shade, #d7d8da);--background-focused:var(--background-activated);--background-hover:var(--ion-color-light-tint, #f5f6f9);--color:var(--ion-color-light-contrast, #000);--color-activated:var(--ion-color-light-contrast, #000);--color-focused:var(--color-activated);--transition:transform 200ms ease 10ms, opacity 200ms ease 10ms}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}:host(.ion-color.ion-focused) .button-native,:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after,:host(.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent){--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.9);--background-hover:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.8);--background-focused:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.82);--backdrop-filter:saturate(180%) blur(20px)}:host(.fab-button-translucent-in-list){--background:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);--background-hover:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);--background-focused:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){@media (any-hover: hover){:host(.fab-button-translucent.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb), 0.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb), 0.9)}:host(.ion-color.ion-focused.fab-button-translucent) .button-native,:host(.ion-color.ion-activated.fab-button-translucent) .button-native{background:var(--ion-color-base)}}';var fabButtonMdCss=':host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(ion-icon){line-height:1}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{left:0;right:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.fab-button-small){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px}}.close-icon{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;left:0;right:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.close-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #3880ff);--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;--close-icon-font-size:24px}:host(.ion-activated){--box-shadow:0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)}::slotted(ion-icon){font-size:24px}:host(.fab-button-in-list){--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-activated:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-focused:var(--color