CHIEFSOFT\ameye
1 line
57 KiB
JSON
1 line
57 KiB
JSON
{"ast":null,"code":"import _asyncToGenerator from \"D:/MobileDev/WRB/WrenchBoard2023a/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\";\n\n/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, h, H as Host, i as getElement, e as createEvent } from './index-1a99aeb7.js';\nimport { b as getIonMode } from './ionic-global-04e268e7.js';\nimport { t as close } from './index-45ecc7ca.js';\nimport { i as inheritAriaAttributes } from './helpers-4d272360.js';\nimport { h as hostContext, o as openURL, c as createColorClasses } from './theme-7670341c.js';\nconst 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%}\";\nconst Fab = class {\n constructor(hostRef) {\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\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\n this.activated = false;\n }\n\n activatedChanged() {\n const activated = this.activated;\n const fab = this.getFab();\n\n if (fab) {\n fab.activated = activated;\n }\n\n Array.from(this.el.querySelectorAll('ion-fab-list')).forEach(list => {\n list.activated = activated;\n });\n }\n\n componentDidLoad() {\n if (this.activated) {\n this.activatedChanged();\n }\n }\n /**\n * Close an active FAB list container.\n */\n\n\n close() {\n var _this = this;\n\n return _asyncToGenerator(function* () {\n _this.activated = false;\n })();\n }\n\n getFab() {\n return this.el.querySelector('ion-fab-button');\n }\n /**\n * Opens/Closes the FAB list container.\n * @internal\n */\n\n\n toggle() {\n var _this2 = this;\n\n return _asyncToGenerator(function* () {\n const hasList = !!_this2.el.querySelector('ion-fab-list');\n\n if (hasList) {\n _this2.activated = !_this2.activated;\n }\n })();\n }\n\n render() {\n const {\n horizontal,\n vertical,\n edge\n } = this;\n const mode = getIonMode(this);\n return h(Host, {\n class: {\n [mode]: true,\n [`fab-horizontal-${horizontal}`]: horizontal !== undefined,\n [`fab-vertical-${vertical}`]: vertical !== undefined,\n 'fab-edge': edge\n }\n }, h(\"slot\", null));\n }\n\n get el() {\n return getElement(this);\n }\n\n static get watchers() {\n return {\n \"activated\": [\"activatedChanged\"]\n };\n }\n\n};\nFab.style = fabCss;\nconst 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)}}\";\nconst 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)}}\";\nconst FabButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n this.fab = null;\n this.inheritedAttributes = {};\n /**\n * If `true`, the fab button will be show a close icon.\n */\n\n this.activated = false;\n /**\n * If `true`, the user cannot interact with the fab button.\n */\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\n this.routerDirection = 'forward';\n /**\n * If `true`, the fab button will show when in a fab-list.\n */\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\n this.translucent = false;\n /**\n * The type of the button.\n */\n\n this.type = 'button';\n /**\n * The icon name to use for the close icon. This will appear when the fab button\n * is pressed. Only applies if it is the main button inside of a fab containing a\n * fab list.\n */\n\n this.closeIcon = close;\n\n this.onFocus = () => {\n this.ionFocus.emit();\n };\n\n this.onBlur = () => {\n this.ionBlur.emit();\n };\n\n this.onClick = () => {\n const {\n fab\n } = this;\n\n if (!fab) {\n return;\n }\n\n fab.toggle();\n };\n }\n\n connectedCallback() {\n this.fab = this.el.closest('ion-fab');\n }\n\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el);\n }\n\n render() {\n const {\n el,\n disabled,\n color,\n href,\n activated,\n show,\n translucent,\n size,\n inheritedAttributes\n } = this;\n const inList = hostContext('ion-fab-list', el);\n const mode = getIonMode(this);\n const TagType = href === undefined ? 'button' : 'a';\n const attrs = TagType === 'button' ? {\n type: this.type\n } : {\n download: this.download,\n href,\n rel: this.rel,\n target: this.target\n };\n return h(Host, {\n onClick: this.onClick,\n \"aria-disabled\": disabled ? 'true' : null,\n class: createColorClasses(color, {\n [mode]: true,\n 'fab-button-in-list': inList,\n 'fab-button-translucent-in-list': inList && translucent,\n 'fab-button-close-active': activated,\n 'fab-button-show': show,\n 'fab-button-disabled': disabled,\n 'fab-button-translucent': translucent,\n 'ion-activatable': true,\n 'ion-focusable': true,\n [`fab-button-${size}`]: size !== undefined\n })\n }, h(TagType, Object.assign({}, attrs, {\n class: \"button-native\",\n part: \"native\",\n disabled: disabled,\n onFocus: this.onFocus,\n onBlur: this.onBlur,\n onClick: ev => openURL(href, ev, this.routerDirection, this.routerAnimation)\n }, inheritedAttributes), 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)), mode === 'md' && h(\"ion-ripple-effect\", null)));\n }\n\n get el() {\n return getElement(this);\n }\n\n};\nFabButton.style = {\n ios: fabButtonIosCss,\n md: fabButtonMdCss\n};\nconst 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}\";\nconst FabList = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n /**\n * If `true`, the fab list will show all fab buttons in the list.\n */\n\n this.activated = false;\n /**\n * The side the fab list will show on relative to the main fab button.\n */\n\n this.side = 'bottom';\n }\n\n activatedChanged(activated) {\n const fabs = Array.from(this.el.querySelectorAll('ion-fab-button')); // if showing the fabs add a timeout, else show immediately\n\n const timeout = activated ? 30 : 0;\n fabs.forEach((fab, i) => {\n setTimeout(() => fab.show = activated, i * timeout);\n });\n }\n\n render() {\n const mode = getIonMode(this);\n return h(Host, {\n class: {\n [mode]: true,\n 'fab-list-active': this.activated,\n [`fab-list-side-${this.side}`]: true\n }\n }, h(\"slot\", null));\n }\n\n get el() {\n return getElement(this);\n }\n\n static get watchers() {\n return {\n \"activated\": [\"activatedChanged\"]\n };\n }\n\n};\nFabList.style = fabListCss;\nexport { Fab as ion_fab, FabButton as ion_fab_button, FabList as ion_fab_list };","map":{"version":3,"names":["r","registerInstance","h","H","Host","i","getElement","e","createEvent","b","getIonMode","t","close","inheritAriaAttributes","hostContext","o","openURL","c","createColorClasses","fabCss","Fab","constructor","hostRef","edge","activated","activatedChanged","fab","getFab","Array","from","el","querySelectorAll","forEach","list","componentDidLoad","querySelector","toggle","hasList","render","horizontal","vertical","mode","class","undefined","watchers","style","fabButtonIosCss","fabButtonMdCss","FabButton","ionFocus","ionBlur","inheritedAttributes","disabled","routerDirection","show","translucent","type","closeIcon","onFocus","emit","onBlur","onClick","connectedCallback","closest","componentWillLoad","color","href","size","inList","TagType","attrs","download","rel","target","Object","assign","part","ev","routerAnimation","icon","lazy","ios","md","fabListCss","FabList","side","fabs","timeout","setTimeout","ion_fab","ion_fab_button","ion_fab_list"],"sources":["D:/MobileDev/WRB/WrenchBoard2023a/node_modules/@ionic/core/dist/esm/ion-fab_3.entry.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, h, H as Host, i as getElement, e as createEvent } from './index-1a99aeb7.js';\nimport { b as getIonMode } from './ionic-global-04e268e7.js';\nimport { t as close } from './index-45ecc7ca.js';\nimport { i as inheritAriaAttributes } from './helpers-4d272360.js';\nimport { h as hostContext, o as openURL, c as createColorClasses } from './theme-7670341c.js';\n\nconst 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\nconst Fab = class {\n constructor(hostRef) {\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 }\n activatedChanged() {\n const activated = this.activated;\n const fab = this.getFab();\n if (fab) {\n fab.activated = activated;\n }\n Array.from(this.el.querySelectorAll('ion-fab-list')).forEach((list) => {\n list.activated = activated;\n });\n }\n componentDidLoad() {\n if (this.activated) {\n this.activatedChanged();\n }\n }\n /**\n * Close an active FAB list container.\n */\n async close() {\n this.activated = false;\n }\n getFab() {\n return this.el.querySelector('ion-fab-button');\n }\n /**\n * Opens/Closes the FAB list container.\n * @internal\n */\n async toggle() {\n const hasList = !!this.el.querySelector('ion-fab-list');\n if (hasList) {\n this.activated = !this.activated;\n }\n }\n render() {\n const { horizontal, vertical, edge } = this;\n const mode = getIonMode(this);\n return (h(Host, { class: {\n [mode]: true,\n [`fab-horizontal-${horizontal}`]: horizontal !== undefined,\n [`fab-vertical-${vertical}`]: vertical !== undefined,\n 'fab-edge': edge,\n } }, h(\"slot\", null)));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"activated\": [\"activatedChanged\"]\n }; }\n};\nFab.style = fabCss;\n\nconst 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)}}\";\n\nconst 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\nconst FabButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n this.fab = null;\n this.inheritedAttributes = {};\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 /**\n * The icon name to use for the close icon. This will appear when the fab button\n * is pressed. Only applies if it is the main button inside of a fab containing a\n * fab list.\n */\n this.closeIcon = close;\n this.onFocus = () => {\n this.ionFocus.emit();\n };\n this.onBlur = () => {\n this.ionBlur.emit();\n };\n this.onClick = () => {\n const { fab } = this;\n if (!fab) {\n return;\n }\n fab.toggle();\n };\n }\n connectedCallback() {\n this.fab = this.el.closest('ion-fab');\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el);\n }\n render() {\n const { el, disabled, color, href, activated, show, translucent, size, inheritedAttributes } = this;\n const inList = hostContext('ion-fab-list', el);\n const mode = getIonMode(this);\n const TagType = href === undefined ? 'button' : 'a';\n const attrs = TagType === 'button'\n ? { type: this.type }\n : {\n download: this.download,\n href,\n rel: this.rel,\n target: this.target,\n };\n return (h(Host, { onClick: this.onClick, \"aria-disabled\": disabled ? 'true' : null, class: createColorClasses(color, {\n [mode]: true,\n 'fab-button-in-list': inList,\n 'fab-button-translucent-in-list': inList && translucent,\n 'fab-button-close-active': activated,\n 'fab-button-show': show,\n 'fab-button-disabled': disabled,\n 'fab-button-translucent': translucent,\n 'ion-activatable': true,\n 'ion-focusable': true,\n [`fab-button-${size}`]: size !== undefined,\n }) }, h(TagType, Object.assign({}, attrs, { class: \"button-native\", part: \"native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h(\"ion-icon\", { icon: this.closeIcon, part: \"close-icon\", class: \"close-icon\", lazy: false }), h(\"span\", { class: \"button-inner\" }, h(\"slot\", null)), mode === 'md' && h(\"ion-ripple-effect\", null))));\n }\n get el() { return getElement(this); }\n};\nFabButton.style = {\n ios: fabButtonIosCss,\n md: fabButtonMdCss\n};\n\nconst 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\nconst FabList = class {\n constructor(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 activatedChanged(activated) {\n const fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));\n // if showing the fabs add a timeout, else show immediately\n const timeout = activated ? 30 : 0;\n fabs.forEach((fab, i) => {\n setTimeout(() => (fab.show = activated), i * timeout);\n });\n }\n render() {\n const mode = getIonMode(this);\n return (h(Host, { class: {\n [mode]: true,\n 'fab-list-active': this.activated,\n [`fab-list-side-${this.side}`]: true,\n } }, h(\"slot\", null)));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"activated\": [\"activatedChanged\"]\n }; }\n};\nFabList.style = fabListCss;\n\nexport { Fab as ion_fab, FabButton as ion_fab_button, FabList as ion_fab_list };\n"],"mappings":"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"},"metadata":{},"sourceType":"module"} |