| 1 | /*
|
| 2 | * Copyright 2020 Google LLC
|
| 3 | *
|
| 4 | * Licensed under the Apache License, Version 2.0 (the "License");
|
| 5 | * you may not use this file except in compliance with the License.
|
| 6 | * You may obtain a copy of the License at
|
| 7 | *
|
| 8 | * https://www.apache.org/licenses/LICENSE-2.0
|
| 9 | *
|
| 10 | * Unless required by applicable law or agreed to in writing, software
|
| 11 | * distributed under the License is distributed on an "AS IS" BASIS,
|
| 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
| 13 | * See the License for the specific language governing permissions and
|
| 14 | * limitations under the License.
|
| 15 | */
|
| 16 |
|
| 17 | export interface OnHiddenCallback {
|
| 18 | (event: Event): void;
|
| 19 | }
|
| 20 |
|
| 21 | export const onHidden = (cb: OnHiddenCallback) => {
|
| 22 | const onHiddenOrPageHide = (event: Event) => {
|
| 23 | if (event.type === 'pagehide' || document.visibilityState === 'hidden') {
|
| 24 | cb(event);
|
| 25 | }
|
| 26 | };
|
| 27 | addEventListener('visibilitychange', onHiddenOrPageHide, true);
|
| 28 | // Some browsers have buggy implementations of visibilitychange,
|
| 29 | // so we use pagehide in addition, just to be safe.
|
| 30 | addEventListener('pagehide', onHiddenOrPageHide, true);
|
| 31 | };
|