{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm-es5/theme-18cbe2cc.js","webpack:///./node_modules/@ionic/core/dist/esm-es5/ion-fab_3-ios.entry.js"],"names":["hostContext","selector","el","closest","createColorClasses","color","_a","length","undefined","getClassMap","classes","map","Array","isArray","split","filter","c","trim","forEach","SCHEME","openURL","url","ev","direction","router","this","test","document","querySelector","preventDefault","push","Fab","class_1","prototype","activatedChanged","activated","fab","getFab","from","querySelectorAll","list","componentDidLoad","close","render","_b","horizontal","vertical","edge","mode","onClick","class","Object","defineProperty","get","enumerable","configurable","hostRef","_this","hasList","getButton","isButtonDisabled","disabled","FabButton","href","show","translucent","size","inList","TagType","attrs","type","download","rel","target","assign","onFocus","onBlur","routerDirection","name","lazy","ionFocus","emit","ionBlur","FabList","fabs","timeout","i","setTimeout","side"],"mappings":"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","file":"js/chunk-c17a989a.2cfafed2.js","sourcesContent":["import { __awaiter, __generator } from \"tslib\";\nvar hostContext = function (selector, el) {\n return el.closest(selector) !== null;\n};\n/**\n * Create the mode and color classes for the component based on the classes passed in\n */\nvar createColorClasses = function (color) {\n var _a;\n return (typeof color === 'string' && color.length > 0) ? (_a = {\n 'ion-color': true\n },\n _a[\"ion-color-\" + color] = true,\n _a) : undefined;\n};\nvar getClassList = function (classes) {\n if (classes !== undefined) {\n var array = Array.isArray(classes) ? classes : classes.split(' ');\n return array\n .filter(function (c) { return c != null; })\n .map(function (c) { return c.trim(); })\n .filter(function (c) { return c !== ''; });\n }\n return [];\n};\nvar getClassMap = function (classes) {\n var map = {};\n getClassList(classes).forEach(function (c) { return map[c] = true; });\n return map;\n};\nvar SCHEME = /^[a-z][a-z0-9+\\-.]*:/;\nvar openURL = function (url, ev, direction) { return __awaiter(void 0, void 0, void 0, function () {\n var router;\n return __generator(this, function (_a) {\n if (url != null && url[0] !== '#' && !SCHEME.test(url)) {\n router = document.querySelector('ion-router');\n if (router) {\n if (ev != null) {\n ev.preventDefault();\n }\n return [2 /*return*/, router.push(url, direction)];\n }\n }\n return [2 /*return*/, false];\n });\n}); };\nexport { createColorClasses as c, getClassMap as g, hostContext as h, openURL as o };\n","import { __awaiter, __generator } from \"tslib\";\nimport { r as registerInstance, c as getIonMode, h, H as Host, e as getElement, d as createEvent } from './core-feeeff0d.js';\nimport './config-3c7f3790.js';\nimport { h as hostContext, o as openURL, c as createColorClasses } from './theme-18cbe2cc.js';\nvar Fab = /** @class */ (function () {\n function class_1(hostRef) {\n var _this = this;\n registerInstance(this, hostRef);\n /**\n * If `true`, the fab will display on the edge of the header if\n * `vertical` is `\"top\"`, and on the edge of the footer if\n * it is `\"bottom\"`. Should be used with a `fixed` slot.\n */\n this.edge = false;\n /**\n * If `true`, both the `ion-fab-button` and all `ion-fab-list` inside `ion-fab` will become active.\n * That means `ion-fab-button` will become a `close` icon and `ion-fab-list` will become visible.\n */\n this.activated = false;\n this.onClick = function () {\n var hasList = !!_this.el.querySelector('ion-fab-list');\n var getButton = _this.getFab();\n var isButtonDisabled = getButton && getButton.disabled;\n if (hasList && !isButtonDisabled) {\n _this.activated = !_this.activated;\n }\n };\n }\n class_1.prototype.activatedChanged = function () {\n var activated = this.activated;\n var fab = this.getFab();\n if (fab) {\n fab.activated = activated;\n }\n Array.from(this.el.querySelectorAll('ion-fab-list')).forEach(function (list) {\n list.activated = activated;\n });\n };\n class_1.prototype.componentDidLoad = function () {\n if (this.activated) {\n this.activatedChanged();\n }\n };\n /**\n * Close an active FAB list container.\n */\n class_1.prototype.close = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n this.activated = false;\n return [2 /*return*/];\n });\n });\n };\n class_1.prototype.getFab = function () {\n return this.el.querySelector('ion-fab-button');\n };\n class_1.prototype.render = function () {\n var _a;\n var _b = this, horizontal = _b.horizontal, vertical = _b.vertical, edge = _b.edge;\n var mode = getIonMode(this);\n return (h(Host, { onClick: this.onClick, class: (_a = {},\n _a[mode] = true,\n _a[\"fab-horizontal-\" + horizontal] = horizontal !== undefined,\n _a[\"fab-vertical-\" + vertical] = vertical !== undefined,\n _a['fab-edge'] = edge,\n _a) }, h(\"slot\", null)));\n };\n Object.defineProperty(class_1.prototype, \"el\", {\n get: function () { return getElement(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(class_1, \"watchers\", {\n get: function () {\n return {\n \"activated\": [\"activatedChanged\"]\n };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(class_1, \"style\", {\n get: function () { return \":host{position:absolute;z-index:999}:host(.fab-horizontal-center){left:50%;margin-left:-28px}:host-context([dir=rtl]).fab-horizontal-center,:host-context([dir=rtl]):host(.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]).fab-horizontal-start,:host-context([dir=rtl]):host(.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]).fab-horizontal-end,:host-context([dir=rtl]):host(.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 enumerable: true,\n configurable: true\n });\n return class_1;\n}());\nvar FabButton = /** @class */ (function () {\n function FabButton(hostRef) {\n var _this = this;\n registerInstance(this, hostRef);\n /**\n * If `true`, the fab button will be show a close icon.\n */\n this.activated = false;\n /**\n * If `true`, the user cannot interact with the fab button.\n */\n this.disabled = false;\n /**\n * When using a router, it specifies the transition direction when navigating to\n * another page using `href`.\n */\n this.routerDirection = 'forward';\n /**\n * If `true`, the fab button will show when in a fab-list.\n */\n this.show = false;\n /**\n * If `true`, the fab button will be translucent.\n * Only applies when the mode is `\"ios\"` and the device supports\n * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n */\n this.translucent = false;\n /**\n * The type of the button.\n */\n this.type = 'button';\n this.onFocus = function () {\n _this.ionFocus.emit();\n };\n this.onBlur = function () {\n _this.ionBlur.emit();\n };\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n }\n FabButton.prototype.render = function () {\n var _a;\n var _this = this;\n var _b = this, el = _b.el, disabled = _b.disabled, color = _b.color, href = _b.href, activated = _b.activated, show = _b.show, translucent = _b.translucent, size = _b.size;\n var inList = hostContext('ion-fab-list', el);\n var mode = getIonMode(this);\n var TagType = href === undefined ? 'button' : 'a';\n var attrs = (TagType === 'button')\n ? { type: this.type }\n : {\n download: this.download,\n href: href,\n rel: this.rel,\n target: this.target\n };\n return (h(Host, { \"aria-disabled\": disabled ? 'true' : null, class: Object.assign(Object.assign({}, createColorClasses(color)), (_a = {}, _a[mode] = true, _a['fab-button-in-list'] = inList, _a['fab-button-translucent-in-list'] = inList && translucent, _a['fab-button-close-active'] = activated, _a['fab-button-show'] = show, _a['fab-button-disabled'] = disabled, _a['fab-button-translucent'] = translucent, _a['ion-activatable'] = true, _a['ion-focusable'] = true, _a[\"fab-button-\" + size] = size !== undefined, _a)) }, h(TagType, Object.assign({}, attrs, { class: \"button-native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: function (ev) { return openURL(href, ev, _this.routerDirection); } }), h(\"span\", { class: \"close-icon\" }, h(\"ion-icon\", { name: \"close\", lazy: false })), h(\"span\", { class: \"button-inner\" }, h(\"slot\", null)), mode === 'md' && h(\"ion-ripple-effect\", null))));\n };\n Object.defineProperty(FabButton.prototype, \"el\", {\n get: function () { return getElement(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(FabButton, \"style\", {\n get: function () { return \":host{--color-hover:var(--color);--background-hover:var(--ion-color-primary-tint,#4c8dff);--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-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)}}.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 .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.fab-button-disabled){opacity:.5;pointer-events:none}:host(.fab-button-disabled) .button-native{cursor:default;pointer-events:none}\\@media (any-hover:hover){:host(:hover) .button-native{background:var(--background-hover);color:var(--color-hover)}:host(.ion-color:hover) .button-native{background:var(--ion-color-tint);color:var(--ion-color-contrast)}}:host(.ion-focused) .button-native{background:var(--background-focused);color:var(--color-focused)}:host(.ion-color.ion-focused) .button-native{background:var(--ion-color-shade)}:host(.activated) .button-native{background:var(--background-activated);color:var(--color-activated)}:host(.ion-color.activated) .button-native,:host(.ion-color.ion-focused) .button-native{background:var(--ion-color-shade);color:var(--ion-color-contrast)}::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{left:0;right:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transform:scale(.4) rotate(-45deg);transform:scale(.4) rotate(-45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(.4) rotate(45deg);transform:scale(.4) rotate(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{--background:var(--ion-color-primary,#3880ff);--background-activated:var(--ion-color-primary-shade,#3171e0);--background-focused:var(--background-activated);--color:var(--ion-color-primary-contrast,#fff);--color-activated:var(--ion-color-primary-contrast,#fff);--color-focused:var(--color-activated);--transition:0.2s transform cubic-bezier(0.25,1.11,0.78,1.59)}:host,:host(.activated){--box-shadow:0 4px 16px rgba(0,0,0,0.12)}:host(.activated){--transform:scale(1.1);--transition:0.2s transform ease-out}.close-icon,::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}\\@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),.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb),.9)}:host(.ion-color.activated.fab-button-translucent) .button-native,:host(.ion-color.ion-focused.fab-button-translucent) .button-native{background:var(--ion-color-base)}}\"; },\n enumerable: true,\n configurable: true\n });\n return FabButton;\n}());\nvar FabList = /** @class */ (function () {\n function FabList(hostRef) {\n registerInstance(this, hostRef);\n /**\n * If `true`, the fab list will show all fab buttons in the list.\n */\n this.activated = false;\n /**\n * The side the fab list will show on relative to the main fab button.\n */\n this.side = 'bottom';\n }\n FabList.prototype.activatedChanged = function (activated) {\n var fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));\n // if showing the fabs add a timeout, else show immediately\n var timeout = activated ? 30 : 0;\n fabs.forEach(function (fab, i) {\n setTimeout(function () { return fab.show = activated; }, i * timeout);\n });\n };\n FabList.prototype.render = function () {\n var _a;\n var mode = getIonMode(this);\n return (h(Host, { class: (_a = {},\n _a[mode] = true,\n _a['fab-list-active'] = this.activated,\n _a[\"fab-list-side-\" + this.side] = true,\n _a) }, h(\"slot\", null)));\n };\n Object.defineProperty(FabList.prototype, \"el\", {\n get: function () { return getElement(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(FabList, \"watchers\", {\n get: function () {\n return {\n \"activated\": [\"activatedChanged\"]\n };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(FabList, \"style\", {\n get: function () { return \":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-bottom) ::slotted(.fab-button-in-list),:host(.fab-list-side-top) ::slotted(.fab-button-in-list){margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px}:host(.fab-list-side-end) ::slotted(.fab-button-in-list),:host(.fab-list-side-start) ::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-end) ::slotted(.fab-button-in-list),:host(.fab-list-side-start) ::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]).fab-list-side-start,:host-context([dir=rtl]):host(.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]).fab-list-side-end,:host-context([dir=rtl]):host(.fab-list-side-end){left:unset;right:unset;right:0}\"; },\n enumerable: true,\n configurable: true\n });\n return FabList;\n}());\nexport { Fab as ion_fab, FabButton as ion_fab_button, FabList as ion_fab_list };\n"],"sourceRoot":""}