@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,CAAG,EACzB,KAAM,aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,EACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,IACV,EAMD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,CACF,EAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KAEvB,EAED,SAAU,CAOR,cAAgB,CACd,OAAO,QAAQ,IAAI,WAAa,MACjC,CACF,EAKD,MAAO,CACL,KAAM,SAAUC,EAAU,CACpB,CAACA,GAAY,KAAK,cAEtB,KAAK,YAAc,GACpB,CACF,CACH,0BAzFE,OAAAC,YAAA,EAAAC,cAaaC,EAAAA,WAbbC,EAAAA,WAaa,CAZV,KAAMC,EAAU,WAChB,OAAQA,EAAM,QACPC,EAAM,OAAA,CACb,IAAKC,EAAY,YAAA,CAAA,EAAA,CALtB,QAAAC,EAAA,QAOI,IAMM,kBANNC,EAMM,mBAAA,MAbVC,EAAAA,eAAAC,EAAAA,mBAScL,EAAM,MAAA,CAAA,EAAA,CAGFM,EAAW,YAAvBC,EAAA,WAA2BP,oBAZjC,IAAA,EAAA,EAAAQ,EAAA,mBAAA,GAAA,EAAA,iBAQcT,EAAI,IAAA,MARlB,EAAA"}