diff options
author | vnugent <public@vaughnnugent.com> | 2024-01-01 10:56:02 -0500 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2024-01-01 10:56:02 -0500 |
commit | 1a82a909c5c4d0262d69a8a543e902ff6533a4b2 (patch) | |
tree | 7a0a296ae09209f5214e42917a46ad90f22c38d9 /lib/vnlib.browser/src/helpers/envSize.ts | |
parent | 35a5763d675a68ec5e36e05584481b49e1c41ce0 (diff) |
swallow vnlib.browser
Diffstat (limited to 'lib/vnlib.browser/src/helpers/envSize.ts')
-rw-r--r-- | lib/vnlib.browser/src/helpers/envSize.ts | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/lib/vnlib.browser/src/helpers/envSize.ts b/lib/vnlib.browser/src/helpers/envSize.ts new file mode 100644 index 0000000..e078e5b --- /dev/null +++ b/lib/vnlib.browser/src/helpers/envSize.ts @@ -0,0 +1,49 @@ +// Copyright (c) 2023 Vaughn Nugent +// +// Permission is hereby granted, free of charge, to any person obtaining a copy of +// this software and associated documentation files (the "Software"), to deal in +// the Software without restriction, including without limitation the rights to +// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +// the Software, and to permit persons to whom the Software is furnished to do so, +// subject to the following conditions: +// +// The above copyright notice and this permission notice shall be included in all +// copies or substantial portions of the Software. +// +// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +// FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +// IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +// CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +import { toSafeInteger } from 'lodash-es'; +import { ref, computed } from "vue" +import { useElementSize } from '@vueuse/core' + +/** + * Setups a common state for the environment size + */ +export const useEnvSize = (() => { + //Element refs for app to watch + const header = ref(null); + const footer = ref(null); + const content = ref(null); + + //Setup reactive element sizes + const headerSize = useElementSize(header); + const footerSize = useElementSize(footer); + const contentSize = useElementSize(content); + + const footerHeight = computed(() => toSafeInteger(footerSize.height.value)); + const headerHeight = computed(() => toSafeInteger(headerSize.height.value)); + const contentHeight = computed(() => toSafeInteger(contentSize.height.value - headerSize.height.value - footerSize.height.value)); + + + return (exportElements?: boolean) => { + + return exportElements ? + { footerHeight, headerHeight, contentHeight, header, footer, content } : + { footerHeight, headerHeight, contentHeight } + } +})();
\ No newline at end of file |