mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 21:06:06 +00:00
1 line
56 KiB
JSON
1 line
56 KiB
JSON
|
{"ast":null,"code":"import _asyncToGenerator from \"C:/Users/eudes.inacio/GabineteDigital/gabinete-digital-fo/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\";\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';\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 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 = () => {\n const hasList = !!this.el.querySelector('ion-fab-list');\n const getButton = this.getFab();\n const isButtonDisabled = getButton && getButton.disabled;\n if (hasList && !isButtonDisabled) {\n this.activated = !this.activated;\n }\n };\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 close() {\n var _this = this;\n return _asyncToGenerator(function* () {\n _this.activated = false;\n })();\n }\n getFab() {\n return this.el.querySelector('ion-fab-button');\n }\n render() {\n const {\n horizontal,\n vertical,\n edge\n } = this;\n const mode = getIonMode(this);\n return h(Host, {\n onClick: this.onClick,\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 get el() {\n return getElement(this);\n }\n static get watchers() {\n return {\n \"activated\": [\"activatedChanged\"]\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:
|