@dialpad/dialtone/dist/vue3/lib/lazy-show/lazy-show.cjs.map

Dialpad's Dialtone design system monorepo

{"version":3,"file":"lazy-show.cjs","sources":["../../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n  <Transition\n    :name=\"transition\"\n    :appear=\"appear\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n  >\n    <div\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot v-if=\"initialized\" />\n    </div>\n  </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A valid Vue enter/leave CSS transition name.\n     */\n    transition: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     * @values true, false\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_withCtx","_createElementVNode","_normalizeProps","_guardReactiveProps","$data","_renderSlot","_createCommentVNode"],"mappings":"6LAsBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,MAOX,OAAQ,CACN,KAAM,QACN,QAAS,KAOb,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KAExB,EAEA,SAAU,CAOR,cAAgB,CACd,OAAO,QAAQ,IAAI,WAAa,MAClC,GAMF,MAAO,CACL,KAAM,SAAUC,EAAU,CACpB,CAACA,GAAY,KAAK,cAEtB,KAAK,YAAc,GACrB,EAEJ,0BAzFE,OAAAC,YAAA,EAAAC,cAaaC,EAAAA,WAbbC,EAAAA,WAaa,CAZV,KAAMC,EAAA,WACN,OAAQA,EAAA,QACDC,EAAA,OAAM,CACb,IAAKC,EAAA,YAAY,CAAA,EAAA,CALtB,QAAAC,EAAAA,QAOI,IAMM,kBANNC,EAAAA,mBAMM,MAbVC,EAAAA,eAAAC,EAAAA,mBAScL,EAAA,MAAM,CAAA,EAAA,CAGFM,EAAA,YAAZC,EAAAA,WAA2BP,oBAZjC,IAAA,CAAA,CAAA,EAAAQ,EAAAA,mBAAA,GAAA,EAAA,iBAQcT,EAAA,IAAI,MARlB,EAAA"}