@dialpad/dialtone 9.79.2 → 9.79.3

package/dist/vue3/packages/dialtone-vue3/components/collapsible/collapsible_lazy_show.vue.cjs

@@ -1,149 +0,0 @@
-"use strict";
-const vue = require("vue");
-;/* empty css                             */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  name: "DtCollapsibleLazyShow",
-  inheritAttrs: false,
-  /******************
-   *     PROPS      *
-   ******************/
-  props: {
-    /**
-     * Whether the child slot is shown.
-     */
-    show: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Enable/Disable transition animation
-     */
-    appear: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * HTML element type (tag name) of the content wrapper element.
-     */
-    elementType: {
-      type: String,
-      default: "div"
-    }
-  },
-  /******************
-   *      DATA      *
-   ******************/
-  data() {
-    return {
-      initialized: !!this.show
-    };
-  },
-  /******************
-   *    COMPUTED    *
-   ******************/
-  computed: {
-    /**
-     * Set the css property to false when running tests only.
-     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about
-     * transition `css` property
-     * @returns {boolean}
-     */
-    isCSSEnabled() {
-      return process.env.NODE_ENV !== "test";
-    }
-  },
-  /******************
-   *      WATCH     *
-   ******************/
-  watch: {
-    show: function(newValue) {
-      if (!newValue || this.initialized) return;
-      this.initialized = true;
-    }
-  },
-  methods: {
-    /**
-     * @param {HTMLElement} element
-     */
-    beforeEnter(element) {
-      requestAnimationFrame(() => {
-        if (!element.style.height) {
-          element.style.height = "0px";
-        }
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    enter(element) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          element.style.height = `${element.scrollHeight}px`;
-        });
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    afterEnter(element) {
-      element.style.height = null;
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    beforeLeave(element) {
-      requestAnimationFrame(() => {
-        if (!element.style.height) {
-          element.style.height = `${element.offsetHeight}px`;
-        }
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    leave(element) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          element.style.height = "0px";
-        });
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    afterLeave(element) {
-      element.style.height = null;
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
-    appear: $props.appear,
-    "enter-active-class": "enter-active",
-    "leave-active-class": "leave-active"
-  }, _ctx.$attrs, {
-    css: $options.isCSSEnabled,
-    onBeforeEnter: $options.beforeEnter,
-    onEnter: $options.enter,
-    onAfterEnter: $options.afterEnter,
-    onBeforeLeave: $options.beforeLeave,
-    onLeave: $options.leave,
-    onAfterLeave: $options.afterLeave
-  }), {
-    default: vue.withCtx(() => [
-      vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.elementType), vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
-        default: vue.withCtx(() => [
-          $data.initialized ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16)), [
-        [vue.vShow, $props.show]
-      ])
-    ]),
-    _: 3
-  }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
-}
-const DtCollapsibleLazyShow = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = DtCollapsibleLazyShow;
-//# sourceMappingURL=collapsible_lazy_show.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/collapsible/collapsible_lazy_show.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible_lazy_show.vue.cjs","sources":["../../../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"enter-active\"\n    leave-active-class=\"leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\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  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n\n<style>\n  .enter-active,\n  .leave-active {\n    overflow: hidden;\n    transition: height var(--td300) var(--ttf-out-quint);\n  }\n</style>\n"],"names":["_openBlock","_createBlock","_Transition","_mergeProps","_withCtx","_withDirectives","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","_renderSlot","_createCommentVNode"],"mappings":";;;;AA2BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA;AAAA;AAAA;AAAA,EAKD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAU,UAAU;AACxB,UAAI,CAAC,YAAY,KAAK,YAAa;AAEnC,WAAK,cAAc;AAAA,IACpB;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,YAAa,SAAS;AACpB,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,MAAM,QAAQ;AACzB,kBAAQ,MAAM,SAAS;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAO,SAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,kBAAQ,MAAM,SAAS,GAAG,QAAQ,YAAY;AAAA,QAChD,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAY,SAAS;AACnB,cAAQ,MAAM,SAAS;AAAA,IACxB;AAAA;AAAA;AAAA;AAAA,IAKD,YAAa,SAAS;AACpB,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,MAAM,QAAQ;AACzB,kBAAQ,MAAM,SAAS,GAAG,QAAQ,YAAY;AAAA,QAChD;AAAA,MACF,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAO,SAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,kBAAQ,MAAM,SAAS;AAAA,QACzB,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAY,SAAS;AACnB,cAAQ,MAAM,SAAS;AAAA,IACxB;AAAA,EACF;AACH;;AAzJE,SAAAA,cAAA,GAAAC,gBAqBaC,IAAAA,YArBbC,IAAAA,WAqBa;AAAA,IApBV,QAAQ,OAAM;AAAA,IACf,sBAAmB;AAAA,IACnB,sBAAmB;AAAA,KACX,KAAM,QAAA;AAAA,IACb,KAAK,SAAY;AAAA,IACjB,eAAc,SAAW;AAAA,IACzB,SAAO,SAAK;AAAA,IACZ,cAAa,SAAU;AAAA,IACvB,eAAc,SAAW;AAAA,IACzB,SAAO,SAAK;AAAA,IACZ,cAAa,SAAU;AAAA;IAb5B,SAAAC,IAAA,QAeI,MAOY;AAAA,MAPZC,IAAAA,gBAAAL,IAAA,UAAA,GAAAC,IAAA,YAOYK,IANL,wBAAA,OAAA,WAAW,GAhBtBC,IAAA,eAAAC,uBAkBc,KAAM,MAAA,CAAA,GAAA;AAAA,QAlBpB,SAAAJ,IAAA,QAqBM,MAA2B;AAAA,UAAf,MAAW,cAAvBK,IAAA,WAA2B,0BArBjC,KAAA,GAAA,IAAAC,IAAA,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;oBAiBc,OAAI,IAAA;AAAA;;IAjBlB,GAAA;AAAA;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/collapsible/collapsible_lazy_show.vue.js

@@ -1,150 +0,0 @@
-import { openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, resolveDynamicComponent, normalizeProps, guardReactiveProps, renderSlot, createCommentVNode, vShow } from "vue";
-/* empty css                           */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "DtCollapsibleLazyShow",
-  inheritAttrs: false,
-  /******************
-   *     PROPS      *
-   ******************/
-  props: {
-    /**
-     * Whether the child slot is shown.
-     */
-    show: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Enable/Disable transition animation
-     */
-    appear: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * HTML element type (tag name) of the content wrapper element.
-     */
-    elementType: {
-      type: String,
-      default: "div"
-    }
-  },
-  /******************
-   *      DATA      *
-   ******************/
-  data() {
-    return {
-      initialized: !!this.show
-    };
-  },
-  /******************
-   *    COMPUTED    *
-   ******************/
-  computed: {
-    /**
-     * Set the css property to false when running tests only.
-     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about
-     * transition `css` property
-     * @returns {boolean}
-     */
-    isCSSEnabled() {
-      return process.env.NODE_ENV !== "test";
-    }
-  },
-  /******************
-   *      WATCH     *
-   ******************/
-  watch: {
-    show: function(newValue) {
-      if (!newValue || this.initialized) return;
-      this.initialized = true;
-    }
-  },
-  methods: {
-    /**
-     * @param {HTMLElement} element
-     */
-    beforeEnter(element) {
-      requestAnimationFrame(() => {
-        if (!element.style.height) {
-          element.style.height = "0px";
-        }
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    enter(element) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          element.style.height = `${element.scrollHeight}px`;
-        });
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    afterEnter(element) {
-      element.style.height = null;
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    beforeLeave(element) {
-      requestAnimationFrame(() => {
-        if (!element.style.height) {
-          element.style.height = `${element.offsetHeight}px`;
-        }
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    leave(element) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          element.style.height = "0px";
-        });
-      });
-    },
-    /**
-     * @param {HTMLElement} element
-     */
-    afterLeave(element) {
-      element.style.height = null;
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, mergeProps({
-    appear: $props.appear,
-    "enter-active-class": "enter-active",
-    "leave-active-class": "leave-active"
-  }, _ctx.$attrs, {
-    css: $options.isCSSEnabled,
-    onBeforeEnter: $options.beforeEnter,
-    onEnter: $options.enter,
-    onAfterEnter: $options.afterEnter,
-    onBeforeLeave: $options.beforeLeave,
-    onLeave: $options.leave,
-    onAfterLeave: $options.afterLeave
-  }), {
-    default: withCtx(() => [
-      withDirectives((openBlock(), createBlock(resolveDynamicComponent($props.elementType), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [
-          $data.initialized ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16)), [
-        [vShow, $props.show]
-      ])
-    ]),
-    _: 3
-  }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
-}
-const DtCollapsibleLazyShow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtCollapsibleLazyShow as default
-};
-//# sourceMappingURL=collapsible_lazy_show.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/collapsible/collapsible_lazy_show.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible_lazy_show.vue.js","sources":["../../../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"enter-active\"\n    leave-active-class=\"leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\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  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n\n<style>\n  .enter-active,\n  .leave-active {\n    overflow: hidden;\n    transition: height var(--td300) var(--ttf-out-quint);\n  }\n</style>\n"],"names":["_openBlock","_createBlock","_Transition","_mergeProps","_withCtx","_withDirectives","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","_renderSlot","_createCommentVNode"],"mappings":";;;AA2BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA;AAAA;AAAA;AAAA,EAKD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAU,UAAU;AACxB,UAAI,CAAC,YAAY,KAAK,YAAa;AAEnC,WAAK,cAAc;AAAA,IACpB;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,YAAa,SAAS;AACpB,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,MAAM,QAAQ;AACzB,kBAAQ,MAAM,SAAS;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAO,SAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,kBAAQ,MAAM,SAAS,GAAG,QAAQ,YAAY;AAAA,QAChD,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAY,SAAS;AACnB,cAAQ,MAAM,SAAS;AAAA,IACxB;AAAA;AAAA;AAAA;AAAA,IAKD,YAAa,SAAS;AACpB,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,MAAM,QAAQ;AACzB,kBAAQ,MAAM,SAAS,GAAG,QAAQ,YAAY;AAAA,QAChD;AAAA,MACF,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,MAAO,SAAS;AACd,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM;AAC1B,kBAAQ,MAAM,SAAS;AAAA,QACzB,CAAC;AAAA,MACH,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAY,SAAS;AACnB,cAAQ,MAAM,SAAS;AAAA,IACxB;AAAA,EACF;AACH;;AAzJE,SAAAA,UAAA,GAAAC,YAqBaC,YArBbC,WAqBa;AAAA,IApBV,QAAQ,OAAM;AAAA,IACf,sBAAmB;AAAA,IACnB,sBAAmB;AAAA,KACX,KAAM,QAAA;AAAA,IACb,KAAK,SAAY;AAAA,IACjB,eAAc,SAAW;AAAA,IACzB,SAAO,SAAK;AAAA,IACZ,cAAa,SAAU;AAAA,IACvB,eAAc,SAAW;AAAA,IACzB,SAAO,SAAK;AAAA,IACZ,cAAa,SAAU;AAAA;IAb5B,SAAAC,QAeI,MAOY;AAAA,MAPZC,gBAAAL,UAAA,GAAAC,YAOYK,wBANL,OAAA,WAAW,GAhBtBC,eAAAC,mBAkBc,KAAM,MAAA,CAAA,GAAA;AAAA,QAlBpB,SAAAJ,QAqBM,MAA2B;AAAA,UAAf,MAAW,cAAvBK,WAA2B,0BArBjC,KAAA,GAAA,IAAAC,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;gBAiBc,OAAI,IAAA;AAAA;;IAjBlB,GAAA;AAAA;;;"}

package/dist/vue3/packages/dialtone-vue3/components/combobox/combobox.vue.cjs

@@ -1,356 +0,0 @@
-"use strict";
-const keyboard_list_navigation = require("../../common/mixins/keyboard_list_navigation.cjs");
-const common_utils = require("../../../../common/utils.cjs");
-const combobox_loadingList = require("./combobox_loading-list.vue.cjs");
-const combobox_emptyList = require("./combobox_empty-list.vue.cjs");
-const combobox_constants = require("./combobox_constants.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  name: "DtCombobox",
-  components: {
-    ComboboxLoadingList: combobox_loadingList,
-    ComboboxEmptyList: combobox_emptyList
-  },
-  mixins: [
-    keyboard_list_navigation({
-      indexKey: "highlightIndex",
-      idKey: "highlightId",
-      listElementKey: "getListElement",
-      afterHighlightMethod: "afterHighlight",
-      beginningOfListMethod: "beginningOfListMethod",
-      endOfListMethod: "endOfListMethod",
-      activeItemKey: "activeItemEl"
-    })
-  ],
-  props: {
-    /**
-     * String to use for the input label.
-     */
-    label: {
-      type: String,
-      required: true
-    },
-    /**
-     * Determines visibility of input label.
-     * @values true, false
-     */
-    labelVisible: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
-     * @values null, xs, sm, md, lg, xl
-     */
-    size: {
-      type: String,
-      default: null,
-      validator: (t) => Object.values(combobox_constants.LABEL_SIZES).includes(t)
-    },
-    /**
-     * Description for the input
-     */
-    description: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Sets an ID on the list element of the component. Used by several aria attributes
-     * as well as when deriving the IDs for each item.
-     */
-    listId: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * A method that will be called when the selection goes past the beginning of the list.
-     */
-    onBeginningOfList: {
-      type: Function,
-      default: null
-    },
-    /**
-     * A method that will be called when the selection goes past the end of the list.
-     */
-    onEndOfList: {
-      type: Function,
-      default: null
-    },
-    /**
-     * Determines when to show the list element and also controls the aria-expanded attribute.
-     * @values true, false
-     */
-    showList: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * If the list is rendered outside the component, like when using popover as the list wrapper.
-     * @values true, false
-     */
-    listRenderedOutside: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines when to show the skeletons and also controls aria-busy attribute.
-     * @values true, false
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.
-     * @values true, false
-     */
-    emptyList: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Message to show when the list is empty
-     */
-    emptyStateMessage: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class name for the empty list element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    emptyStateClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    /**
-     * Programmatically click on the active list item element when a selection
-     * comes from keyboard navigation, i.e. pressing the "Enter" key.
-     * @values true, false
-     */
-    clickOnSelect: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    /**
-     * Event fired when item selected
-     *
-     * @event select
-     * @type {Number}
-     */
-    "select",
-    /**
-     * Event fired when pressing escape
-     *
-     * @event escape
-     */
-    "escape",
-    /**
-     * Event fired when the highlight changes
-     *
-     * @event highlight
-     * @type {Number}
-     */
-    "highlight",
-    /**
-     * Event fired when list is shown or hidden
-     *
-     * @event opened
-     * @type {Boolean}
-     */
-    "opened"
-  ],
-  data() {
-    return {
-      // If the list is rendered at the root, rather than as a child
-      // of this component, this is the ref to that dom element. Set
-      // by the onOpen method.
-      outsideRenderedListRef: null,
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  },
-  computed: {
-    inputProps() {
-      return {
-        label: this.label,
-        labelVisible: this.labelVisible,
-        size: this.size,
-        description: this.description,
-        role: "combobox",
-        "aria-label": this.label,
-        "aria-expanded": this.showList.toString(),
-        "aria-owns": this.listId,
-        "aria-haspopup": "listbox",
-        "aria-activedescendant": this.activeItemId,
-        "aria-controls": this.listId
-      };
-    },
-    listProps() {
-      return {
-        role: "listbox",
-        id: this.listId,
-        // The list has to be positioned relatively so that the auto-scroll can
-        // calculate the correct offset for the list items.
-        class: "d-ps-relative",
-        "aria-label": this.label
-      };
-    },
-    beginningOfListMethod() {
-      return this.onBeginningOfList || this.jumpToEnd;
-    },
-    endOfListMethod() {
-      return this.onEndOfList || this.jumpToBeginning;
-    },
-    activeItemId() {
-      if (!this.showList || this.highlightIndex < 0 || this.loading) {
-        return;
-      }
-      return this.highlightId;
-    },
-    activeItemEl() {
-      if (!this.highlightId) return "";
-      return this.getListElement().querySelector("#" + this.highlightId);
-    }
-  },
-  watch: {
-    showList(showList) {
-      if (!this.listRenderedOutside) {
-        this.setInitialHighlightIndex();
-        this.$emit("opened", showList);
-      }
-      if (!showList && this.outsideRenderedListRef) {
-        this.outsideRenderedListRef.removeEventListener("mousemove", this.onMouseHighlight);
-        this.outsideRenderedListRef = null;
-      }
-    },
-    loading(loading) {
-      this.$nextTick(() => {
-        this.setInitialHighlightIndex();
-      });
-    },
-    $props: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.validateEmptyListProps();
-      }
-    }
-  },
-  created() {
-    this.validateEmptyListProps();
-  },
-  methods: {
-    onMouseHighlight(e) {
-      if (this.loading) return;
-      const liElement = e.target.closest("li");
-      if (liElement && this.highlightId !== liElement.id) {
-        this.setHighlightId(liElement.id);
-      }
-    },
-    getListElement() {
-      var _a;
-      return this.outsideRenderedListRef ?? ((_a = this.$refs.listWrapper) == null ? void 0 : _a.querySelector(`#${this.listId}`));
-    },
-    clearHighlightIndex() {
-      if (this.showList) {
-        this.setHighlightIndex(-1);
-      }
-    },
-    afterHighlight() {
-      if (this.loading) return;
-      this.$emit("highlight", this.highlightIndex);
-    },
-    onEnterKey() {
-      var _a;
-      if (this.loading || this.emptyList) return;
-      if (this.highlightIndex >= 0) {
-        this.$emit("select", this.highlightIndex);
-        if (this.clickOnSelect) {
-          (_a = this.activeItemEl) == null ? void 0 : _a.click();
-        }
-      }
-    },
-    onEscapeKey() {
-      this.$emit("escape");
-    },
-    onOpen(open, contentRef) {
-      var _a;
-      this.outsideRenderedListRef = contentRef;
-      (_a = this.outsideRenderedListRef) == null ? void 0 : _a.addEventListener("mousemove", this.onMouseHighlight);
-      this.$emit("opened", open);
-      if (open) {
-        this.setInitialHighlightIndex();
-      }
-    },
-    onKeyValidation(e, eventHandler) {
-      if (!this.showList || !this.getListElement()) return;
-      this[eventHandler](e);
-    },
-    setInitialHighlightIndex() {
-      if (!this.showList) return;
-      this.$nextTick(() => {
-        this.setHighlightIndex(this.loading ? -1 : 0);
-      });
-    },
-    validateEmptyListProps() {
-      if (this.$slots.emptyListItem) {
-        return;
-      }
-      if (this.emptyList && !this.emptyStateMessage) {
-        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
-      empty message.`);
-      }
-    }
-  }
-};
-const _hoisted_1 = { "data-qa": "dt-combobox-input-wrapper" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_combobox_loading_list = vue.resolveComponent("combobox-loading-list");
-  const _component_combobox_empty_list = vue.resolveComponent("combobox-empty-list");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    onKeydown: [
-      _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEscapeKey"), ["stop"]), ["esc"])),
-      _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEnterKey"), ["exact"]), ["enter"])),
-      _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onUpKey"), ["stop", "prevent"]), ["up"])),
-      _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onDownKey"), ["stop", "prevent"]), ["down"])),
-      _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onHomeKey"), ["stop", "prevent"]), ["home"])),
-      _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEndKey"), ["stop", "prevent"]), ["end"]))
-    ]
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.renderSlot(_ctx.$slots, "input", { inputProps: $options.inputProps })
-    ]),
-    $props.showList ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      ref: "listWrapper",
-      "data-qa": "dt-combobox-list-wrapper",
-      onMouseleave: _cache[0] || (_cache[0] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
-      onFocusout: _cache[1] || (_cache[1] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
-      onMousemoveCapture: _cache[2] || (_cache[2] = (...args) => $options.onMouseHighlight && $options.onMouseHighlight(...args))
-    }, [
-      $props.loading && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_loading_list, vue.normalizeProps(vue.mergeProps({ key: 0 }, $options.listProps)), null, 16)) : $props.emptyList && ($props.emptyStateMessage || $data.hasSlotContent(_ctx.$slots.emptyListItem)) && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_empty_list, vue.mergeProps({ key: 1 }, $options.listProps, {
-        message: $props.emptyStateMessage,
-        "item-class": $props.emptyStateClass
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "emptyListItem")
-        ]),
-        _: 3
-      }, 16, ["message", "item-class"])) : vue.renderSlot(_ctx.$slots, "list", {
-        key: 2,
-        listProps: $options.listProps,
-        opened: $options.onOpen,
-        clearHighlightIndex: $options.clearHighlightIndex
-      })
-    ], 544)) : vue.createCommentVNode("", true)
-  ], 32);
-}
-const DtCombobox = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = DtCombobox;
-//# sourceMappingURL=combobox.vue.cjs.map