vue-cesium/lib/composables/private/use-model-toggle.js

Vue 3.x components for CesiumJS.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var vm = require('../../utils/private/vm.js');

"use strict";
const useModelToggleProps = {
  modelValue: {
    type: Boolean,
    default: null
  }
};
const useModelToggleEmits = ["update:modelValue", "before-show", "show", "before-hide", "hide"];
function useModelToggle({
  showing,
  canShow = void 0,
  // optional
  hideOnRouteChange = void 0,
  // optional
  handleShow = void 0,
  // optional
  handleHide = void 0,
  // optional
  processOnMount = void 0
  // optional
}) {
  const vm$1 = vue.getCurrentInstance();
  const { props, emit, proxy } = vm$1;
  let payload;
  function toggle(evt) {
    if ((showing == null ? void 0 : showing.value) === true) {
      hide(evt);
    } else {
      show(evt);
    }
  }
  function show(evt) {
    if (props.disable === true || canShow !== void 0 && canShow(evt) !== true) {
      return;
    }
    const listener = vm.vmHasListener(vm$1, "onUpdate:modelValue") === true;
    if (listener === true) {
      emit("update:modelValue", true);
      payload = evt;
      vue.nextTick(() => {
        if (payload === evt) {
          payload = void 0;
        }
      });
    }
    if (props.modelValue === null || listener === false) {
      processShow(evt);
    }
  }
  function processShow(evt) {
    if ((showing == null ? void 0 : showing.value) === true) {
      return;
    }
    showing && (showing.value = true);
    emit("before-show", evt);
    if (evt && evt.cancel === true) {
      return;
    }
    if (handleShow !== void 0) {
      handleShow(evt);
    } else {
      emit("show", evt);
    }
  }
  function hide(evt) {
    if (props.disable === true) {
      return;
    }
    const listener = vm.vmHasListener(vm$1, "onUpdate:modelValue") === true;
    if (listener === true) {
      emit("update:modelValue", false);
      payload = evt;
      vue.nextTick(() => {
        if (payload === evt) {
          payload = void 0;
        }
      });
    }
    if (props.modelValue === null || listener === false) {
      processHide(evt);
    }
  }
  function processHide(evt) {
    if ((showing == null ? void 0 : showing.value) === false) {
      return;
    }
    showing && (showing.value = false);
    emit("before-hide", evt);
    if (handleHide !== void 0) {
      handleHide(evt);
    } else {
      emit("hide", evt);
    }
  }
  function processModelChange(val) {
    if (props.disable === true && val === true) {
      if (vm.vmHasListener(vm$1, "onUpdate:modelValue") === true) {
        emit("update:modelValue", false);
      }
    } else if (val === true !== (showing == null ? void 0 : showing.value)) {
      const fn = val === true ? processShow : processHide;
      fn(payload);
    }
  }
  vue.watch(() => props.modelValue, processModelChange);
  if (hideOnRouteChange !== void 0 && vm.vmHasRouter(vm$1) === true) {
    vue.watch(
      () => proxy.$route,
      () => {
        if (hideOnRouteChange.value === true && (showing == null ? void 0 : showing.value) === true) {
          hide();
        }
      }
    );
  }
  processOnMount === true && vue.onMounted(() => {
    processModelChange(props.modelValue);
  });
  const publicMethods = { show, hide, toggle };
  Object.assign(proxy, publicMethods);
  return publicMethods;
}

exports["default"] = useModelToggle;
exports.useModelToggleEmits = useModelToggleEmits;
exports.useModelToggleProps = useModelToggleProps;
//# sourceMappingURL=use-model-toggle.js.map