@dialpad/dialtone 9.110.0 → 9.110.1-beta.2

package/dist/vue3/components/input/input_constants.js

@@ -1,66 +0,0 @@
-const INPUT_TYPES = {
-  TEXT: "text",
-  TEXTAREA: "textarea",
-  PASSWORD: "password",
-  EMAIL: "email",
-  NUMBER: "number",
-  DATE: "date",
-  TIME: "time",
-  FILE: "file",
-  TEL: "tel",
-  SEARCH: "search"
-};
-const INPUT_SIZES = {
-  EXTRA_SMALL: "xs",
-  SMALL: "sm",
-  DEFAULT: "md",
-  LARGE: "lg",
-  EXTRA_LARGE: "xl"
-};
-const INPUT_ICON_SIZES = {
-  xs: "100",
-  sm: "200",
-  md: "200",
-  lg: "400",
-  xl: "500"
-};
-const INPUT_SIZE_CLASSES = {
-  input: {
-    xs: "d-input--xs",
-    sm: "d-input--sm",
-    lg: "d-input--lg",
-    xl: "d-input--xl"
-  },
-  textarea: {
-    xs: "d-textarea--xs",
-    sm: "d-textarea--sm",
-    lg: "d-textarea--lg",
-    xl: "d-textarea--xl"
-  }
-};
-const INPUT_STATE_CLASSES = {
-  error: "d-input--error",
-  warning: "d-input--warning",
-  success: "d-input--success"
-};
-const DESCRIPTION_SIZE_CLASSES = {
-  lg: "d-description--lg",
-  xl: "d-description--xl"
-};
-const LABEL_SIZE_CLASSES = {
-  xs: "d-label--xs",
-  sm: "d-label--sm",
-  md: "d-label--md",
-  lg: "d-label--lg",
-  xl: "d-label--xl"
-};
-export {
-  DESCRIPTION_SIZE_CLASSES,
-  INPUT_ICON_SIZES,
-  INPUT_SIZES,
-  INPUT_SIZE_CLASSES,
-  INPUT_STATE_CLASSES,
-  INPUT_TYPES,
-  LABEL_SIZE_CLASSES
-};
-//# sourceMappingURL=input_constants.js.map

package/dist/vue3/components/input/input_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input_constants.js","sources":["../../../components/input/input_constants.js"],"sourcesContent":["// Valid input types, any other input types (for example: 'radio' or 'checkbox') should\n// use the respective base vue components (radio.vue and checkout.vue).\nexport const INPUT_TYPES = {\n  TEXT: 'text',\n  TEXTAREA: 'textarea',\n  PASSWORD: 'password',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  DATE: 'date',\n  TIME: 'time',\n  FILE: 'file',\n  TEL: 'tel',\n  SEARCH: 'search',\n};\n\nexport const INPUT_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport const INPUT_ICON_SIZES = {\n  xs: '100',\n  sm: '200',\n  md: '200',\n  lg: '400',\n  xl: '500',\n};\n\nexport const INPUT_SIZE_CLASSES = {\n  input: {\n    xs: 'd-input--xs',\n    sm: 'd-input--sm',\n    lg: 'd-input--lg',\n    xl: 'd-input--xl',\n  },\n\n  textarea: {\n    xs: 'd-textarea--xs',\n    sm: 'd-textarea--sm',\n    lg: 'd-textarea--lg',\n    xl: 'd-textarea--xl',\n  },\n};\n\nexport const INPUT_STATE_CLASSES = {\n  error: 'd-input--error',\n  warning: 'd-input--warning',\n  success: 'd-input--success',\n};\n\nexport const DESCRIPTION_SIZE_CLASSES = {\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\nexport const LABEL_SIZE_CLASSES = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: 'd-label--md',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport default {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_ICON_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n  LABEL_SIZE_CLASSES,\n};\n"],"names":[],"mappings":"AAEY,MAAC,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AACV;AAEY,MAAC,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEY,MAAC,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,qBAAqB;AAAA,EAChC,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACL;AAAA,EAED,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACL;AACH;AAEY,MAAC,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX;AAEY,MAAC,2BAA2B;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,qBAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/vue3/components/input_group/input_group.vue.cjs

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const input_group = require("../../common/mixins/input_group.cjs");
-const common_utils = require("../../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const validation_messages = require("../validation_messages/validation_messages.vue.cjs");
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtInputGroup",
-  components: { DtValidationMessages: validation_messages.default },
-  mixins: [input_group.InputGroupMixin],
-  props: {
-    /**
-     * A data qa tag for the input group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "input-group"
-    },
-    /**
-     * A data qa tag for the input group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "input-group-legend"
-    },
-    /**
-     * A data qa tag for the input group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "input-group-messages"
-    }
-  },
-  data() {
-    return {
-      internalValue: this.value,
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  },
-  watch: {
-    value(newValue) {
-      this.internalValue = newValue;
-    },
-    /*
-     * watching value to support 2 way binding for slotted inputs.
-     * need this to pass value to slotted inputs if modified outside
-     * input group.
-     */
-    internalValue: {
-      immediate: true,
-      handler(newInternalValue) {
-        this.provideObj.value = newInternalValue;
-      }
-    }
-  },
-  methods: {
-    getMessageKey(type, index) {
-      return `input-group-message-${type}-${index}-${this.id}`;
-    }
-  }
-};
-const _hoisted_1 = ["data-qa"];
-const _hoisted_2 = ["data-qa"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_validation_messages = vue.resolveComponent("dt-validation-messages");
-  return vue.openBlock(), vue.createElementBlock("fieldset", {
-    class: "d-input-group__fieldset",
-    "data-qa": $props.dataQaGroup
-  }, [
-    $data.hasSlotContent(_ctx.$slots.legend) || _ctx.legend ? (vue.openBlock(), vue.createElementBlock("legend", vue.mergeProps({
-      key: 0,
-      class: ["d-label", _ctx.legendClass]
-    }, _ctx.legendChildProps, { "data-qa": $props.dataQaGroupLegend }), [
-      vue.renderSlot(_ctx.$slots, "legend", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.legend), 1)
-      ])
-    ], 16, _hoisted_2)) : vue.createCommentVNode("", true),
-    vue.renderSlot(_ctx.$slots, "default"),
-    vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
-      "validation-messages": _ctx.formattedMessages,
-      "show-messages": _ctx.showMessages,
-      class: _ctx.messagesClass,
-      "data-qa": $props.dataQaGroupMessages
-    }, _ctx.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
-  ], 8, _hoisted_1);
-}
-const DtInputGroup = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = DtInputGroup;
-//# sourceMappingURL=input_group.vue.cjs.map

package/dist/vue3/components/input_group/input_group.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input_group.vue.cjs","sources":["../../../components/input_group/input_group.vue"],"sourcesContent":["<template>\n  <fieldset\n    class=\"d-input-group__fieldset\"\n    :data-qa=\"dataQaGroup\"\n  >\n    <legend\n      v-if=\"hasSlotContent($slots.legend) || legend\"\n      :class=\"['d-label', legendClass]\"\n      v-bind=\"legendChildProps\"\n      :data-qa=\"dataQaGroupLegend\"\n    >\n      <!-- @slot slot for Input Group Legend -->\n      <slot name=\"legend\">\n        {{ legend }}\n      </slot>\n    </legend>\n    <!-- @slot slot for Input Group Components -->\n    <slot />\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      :data-qa=\"dataQaGroupMessages\"\n      v-bind=\"messagesChildProps\"\n    />\n  </fieldset>\n</template>\n\n<script>\nimport { InputGroupMixin } from '@/common/mixins/input_group';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Input Groups are convenience components for a grouping of related inputs.\n * While each input within the group could be independent, the `v-model` on the group\n * provides a convenient interface for determining the current state of the group.\n * @see https://dialtone.dialpad.com/components/input_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtInputGroup',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputGroupMixin],\n\n  props: {\n    /**\n     * A data qa tag for the input group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'input-group',\n    },\n\n    /**\n     * A data qa tag for the input group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'input-group-legend',\n    },\n\n    /**\n     * A data qa tag for the input group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'input-group-messages',\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n      hasSlotContent,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n     * watching value to support 2 way binding for slotted inputs.\n     * need this to pass value to slotted inputs if modified outside\n     * input group.\n     */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.value = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `input-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputGroupMixin","hasSlotContent","_createElementBlock","_openBlock","_mergeProps","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode"],"mappings":";;;;;;;AAuCA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY,EAAEA,sBAAAA,oBAAAA,QAAsB;AAAA,EAEpC,QAAQ,CAACC,YAAAA,eAAe;AAAA,EAExB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA,MACpB,gBAAAC,aAAc;AAAA;EAEjB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;AAvGA,MAAA,aAAA,CAAA,SAAA;AAAA,MAAA,aAAA,CAAA,SAAA;;;0BACEC,IAwBW,mBAAA,YAAA;AAAA,IAvBT,OAAM;AAAA,IACL,WAAS,OAAW;AAAA;IAGb,MAAA,eAAe,KAAA,OAAO,MAAM,KAAK,KAAM,UAD/CC,IAAAA,aAAAD,IAAAA,mBAUS,UAVTE,eAUS;AAAA,MAfb,KAAA;AAAA,MAOO,mBAAmB,KAAW,WAAA;AAAA,OACvB,KAAgB,kBAAA,EACvB,WAAS,OAAiB,kBAAA,CAAA,GAAA;AAAA,MAG3BC,IAAAA,WAEO,2BAFP,MAEO;AAAA,QAdbC,IAAAA,gBAAAC,IAAAA,gBAaW,KAAM,MAAA,GAAA,CAAA;AAAA;IAbjB,GAAA,IAAA,UAAA,KAAAC,IAAA,mBAAA,IAAA,IAAA;AAAA,IAiBIH,eAAQ,KAAA,QAAA,SAAA;AAAA,IACRI,IAAA,YAME,mCANFL,eAME;AAAA,MALC,uBAAqB,KAAiB;AAAA,MACtC,iBAAe,KAAY;AAAA,MAC3B,OAAO,KAAa;AAAA,MACpB,WAAS,OAAmB;AAAA,OACrB,KAAkB,kBAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,SAAA,SAAA,CAAA;AAAA,EAvBhC,GAAA,GAAA,UAAA;;;;"}

package/dist/vue3/components/input_group/input_group.vue.js

@@ -1,91 +0,0 @@
-import { InputGroupMixin } from "../../common/mixins/input_group.js";
-import { hasSlotContent } from "../../common/utils.js";
-import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-import DtValidationMessages from "../validation_messages/validation_messages.vue.js";
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtInputGroup",
-  components: { DtValidationMessages },
-  mixins: [InputGroupMixin],
-  props: {
-    /**
-     * A data qa tag for the input group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "input-group"
-    },
-    /**
-     * A data qa tag for the input group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "input-group-legend"
-    },
-    /**
-     * A data qa tag for the input group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "input-group-messages"
-    }
-  },
-  data() {
-    return {
-      internalValue: this.value,
-      hasSlotContent
-    };
-  },
-  watch: {
-    value(newValue) {
-      this.internalValue = newValue;
-    },
-    /*
-     * watching value to support 2 way binding for slotted inputs.
-     * need this to pass value to slotted inputs if modified outside
-     * input group.
-     */
-    internalValue: {
-      immediate: true,
-      handler(newInternalValue) {
-        this.provideObj.value = newInternalValue;
-      }
-    }
-  },
-  methods: {
-    getMessageKey(type, index) {
-      return `input-group-message-${type}-${index}-${this.id}`;
-    }
-  }
-};
-const _hoisted_1 = ["data-qa"];
-const _hoisted_2 = ["data-qa"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_validation_messages = resolveComponent("dt-validation-messages");
-  return openBlock(), createElementBlock("fieldset", {
-    class: "d-input-group__fieldset",
-    "data-qa": $props.dataQaGroup
-  }, [
-    $data.hasSlotContent(_ctx.$slots.legend) || _ctx.legend ? (openBlock(), createElementBlock("legend", mergeProps({
-      key: 0,
-      class: ["d-label", _ctx.legendClass]
-    }, _ctx.legendChildProps, { "data-qa": $props.dataQaGroupLegend }), [
-      renderSlot(_ctx.$slots, "legend", {}, () => [
-        createTextVNode(toDisplayString(_ctx.legend), 1)
-      ])
-    ], 16, _hoisted_2)) : createCommentVNode("", true),
-    renderSlot(_ctx.$slots, "default"),
-    createVNode(_component_dt_validation_messages, mergeProps({
-      "validation-messages": _ctx.formattedMessages,
-      "show-messages": _ctx.showMessages,
-      class: _ctx.messagesClass,
-      "data-qa": $props.dataQaGroupMessages
-    }, _ctx.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
-  ], 8, _hoisted_1);
-}
-const DtInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtInputGroup as default
-};
-//# sourceMappingURL=input_group.vue.js.map

package/dist/vue3/components/input_group/input_group.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input_group.vue.js","sources":["../../../components/input_group/input_group.vue"],"sourcesContent":["<template>\n  <fieldset\n    class=\"d-input-group__fieldset\"\n    :data-qa=\"dataQaGroup\"\n  >\n    <legend\n      v-if=\"hasSlotContent($slots.legend) || legend\"\n      :class=\"['d-label', legendClass]\"\n      v-bind=\"legendChildProps\"\n      :data-qa=\"dataQaGroupLegend\"\n    >\n      <!-- @slot slot for Input Group Legend -->\n      <slot name=\"legend\">\n        {{ legend }}\n      </slot>\n    </legend>\n    <!-- @slot slot for Input Group Components -->\n    <slot />\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      :data-qa=\"dataQaGroupMessages\"\n      v-bind=\"messagesChildProps\"\n    />\n  </fieldset>\n</template>\n\n<script>\nimport { InputGroupMixin } from '@/common/mixins/input_group';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Input Groups are convenience components for a grouping of related inputs.\n * While each input within the group could be independent, the `v-model` on the group\n * provides a convenient interface for determining the current state of the group.\n * @see https://dialtone.dialpad.com/components/input_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtInputGroup',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputGroupMixin],\n\n  props: {\n    /**\n     * A data qa tag for the input group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'input-group',\n    },\n\n    /**\n     * A data qa tag for the input group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'input-group-legend',\n    },\n\n    /**\n     * A data qa tag for the input group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'input-group-messages',\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n      hasSlotContent,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n     * watching value to support 2 way binding for slotted inputs.\n     * need this to pass value to slotted inputs if modified outside\n     * input group.\n     */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.value = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `input-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_openBlock","_mergeProps","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode"],"mappings":";;;;;AAuCA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY,EAAE,qBAAsB;AAAA,EAEpC,QAAQ,CAAC,eAAe;AAAA,EAExB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA,MACpB;AAAA;EAEH;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;AAvGA,MAAA,aAAA,CAAA,SAAA;AAAA,MAAA,aAAA,CAAA,SAAA;;;sBACEA,mBAwBW,YAAA;AAAA,IAvBT,OAAM;AAAA,IACL,WAAS,OAAW;AAAA;IAGb,MAAA,eAAe,KAAA,OAAO,MAAM,KAAK,KAAM,UAD/CC,aAAAD,mBAUS,UAVTE,WAUS;AAAA,MAfb,KAAA;AAAA,MAOO,mBAAmB,KAAW,WAAA;AAAA,OACvB,KAAgB,kBAAA,EACvB,WAAS,OAAiB,kBAAA,CAAA,GAAA;AAAA,MAG3BC,WAEO,2BAFP,MAEO;AAAA,QAdbC,gBAAAC,gBAaW,KAAM,MAAA,GAAA,CAAA;AAAA;IAbjB,GAAA,IAAA,UAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAiBIH,WAAQ,KAAA,QAAA,SAAA;AAAA,IACRI,YAME,mCANFL,WAME;AAAA,MALC,uBAAqB,KAAiB;AAAA,MACtC,iBAAe,KAAY;AAAA,MAC3B,OAAO,KAAa;AAAA,MACpB,WAAS,OAAmB;AAAA,OACrB,KAAkB,kBAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,SAAA,SAAA,CAAA;AAAA,EAvBhC,GAAA,GAAA,UAAA;;;"}

package/dist/vue3/components/item_layout/item_layout.vue.cjs

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const common_utils = require("../../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtItemLayout",
-  props: {
-    /**
-     * Set this prop to render layout as a specific HTML element.
-     */
-    as: {
-      type: String,
-      default: "div"
-    },
-    /**
-     * Set this prop to remove the default styling.
-     * @values true, false
-     */
-    unstyled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Set the class for the left section.
-     */
-    leftClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the content section.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the title section.
-     */
-    titleClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the subtitle section.
-     */
-    subtitleClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the bottom section.
-     */
-    bottomClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the right section.
-     */
-    rightClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the selected section.
-     */
-    selectedClass: {
-      type: String,
-      default: ""
-    }
-  },
-  methods: {
-    /**
-     * Generate dynamic grid template columns
-     */
-    dynamicGridTemplateColumns() {
-      const leftContentColumn = this.$slots.left ? "auto" : "";
-      const rightContentColumn = this.$slots.right ? "auto" : "";
-      const selectedContentColumn = this.$slots.selected ? "auto" : "";
-      return `
-        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};
-      `;
-    },
-    hasSlotContent: common_utils.hasSlotContent
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.as), {
-    class: vue.normalizeClass($props.unstyled ? "d-item-layout--custom" : "d-item-layout"),
-    style: vue.normalizeStyle($props.unstyled && $options.dynamicGridTemplateColumns())
-  }, {
-    default: vue.withCtx(() => [
-      $options.hasSlotContent(_ctx.$slots.left) ? (vue.openBlock(), vue.createElementBlock("section", {
-        key: 0,
-        "data-qa": "dt-item-layout-left-wrapper",
-        class: vue.normalizeClass([$props.leftClass, "d-item-layout__left"])
-      }, [
-        vue.renderSlot(_ctx.$slots, "left")
-      ], 2)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("section", {
-        "data-qa": "dt-item-layout-content-wrapper",
-        class: vue.normalizeClass([$props.contentClass, "d-item-layout__content"])
-      }, [
-        $options.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          "data-qa": "dt-item-layout-title-wrapper",
-          class: vue.normalizeClass([$props.titleClass, "d-item-layout__title"])
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)) : vue.createCommentVNode("", true),
-        $options.hasSlotContent(_ctx.$slots.subtitle) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          "data-qa": "dt-item-layout-subtitle-wrapper",
-          class: vue.normalizeClass([
-            $props.subtitleClass,
-            "d-item-layout--subtitle",
-            { "d-item-layout--subtitle--with-title": $options.hasSlotContent(_ctx.$slots.default) }
-          ])
-        }, [
-          vue.renderSlot(_ctx.$slots, "subtitle")
-        ], 2)) : vue.createCommentVNode("", true),
-        $options.hasSlotContent(_ctx.$slots.bottom) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          "data-qa": "dt-item-layout-bottom-wrapper",
-          class: vue.normalizeClass([$props.bottomClass, "d-item-layout__bottom"])
-        }, [
-          vue.renderSlot(_ctx.$slots, "bottom")
-        ], 2)) : vue.createCommentVNode("", true)
-      ], 2),
-      $options.hasSlotContent(_ctx.$slots.right) ? (vue.openBlock(), vue.createElementBlock("section", {
-        key: 1,
-        "data-qa": "dt-item-layout-right-wrapper",
-        class: vue.normalizeClass([$props.rightClass, "d-item-layout__right"])
-      }, [
-        vue.renderSlot(_ctx.$slots, "right")
-      ], 2)) : vue.createCommentVNode("", true),
-      $options.hasSlotContent(_ctx.$slots.selected) ? (vue.openBlock(), vue.createElementBlock("section", {
-        key: 2,
-        "data-qa": "dt-item-layout-selected-wrapper",
-        class: vue.normalizeClass([$props.selectedClass, "d-item-layout__selected"])
-      }, [
-        vue.renderSlot(_ctx.$slots, "selected")
-      ], 2)) : vue.createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-const DtItemLayout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = DtItemLayout;
-//# sourceMappingURL=item_layout.vue.cjs.map

package/dist/vue3/components/item_layout/item_layout.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item_layout.vue.cjs","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["hasSlotContent","_createBlock","_resolveDynamicComponent","_normalizeClass","_normalizeStyle","_withCtx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"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"}

package/dist/vue3/components/item_layout/item_layout.vue.js

@@ -1,153 +0,0 @@
-import { hasSlotContent } from "../../common/utils.js";
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from "vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtItemLayout",
-  props: {
-    /**
-     * Set this prop to render layout as a specific HTML element.
-     */
-    as: {
-      type: String,
-      default: "div"
-    },
-    /**
-     * Set this prop to remove the default styling.
-     * @values true, false
-     */
-    unstyled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Set the class for the left section.
-     */
-    leftClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the content section.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the title section.
-     */
-    titleClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the subtitle section.
-     */
-    subtitleClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the bottom section.
-     */
-    bottomClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the right section.
-     */
-    rightClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set the class for the selected section.
-     */
-    selectedClass: {
-      type: String,
-      default: ""
-    }
-  },
-  methods: {
-    /**
-     * Generate dynamic grid template columns
-     */
-    dynamicGridTemplateColumns() {
-      const leftContentColumn = this.$slots.left ? "auto" : "";
-      const rightContentColumn = this.$slots.right ? "auto" : "";
-      const selectedContentColumn = this.$slots.selected ? "auto" : "";
-      return `
-        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};
-      `;
-    },
-    hasSlotContent
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent($props.as), {
-    class: normalizeClass($props.unstyled ? "d-item-layout--custom" : "d-item-layout"),
-    style: normalizeStyle($props.unstyled && $options.dynamicGridTemplateColumns())
-  }, {
-    default: withCtx(() => [
-      $options.hasSlotContent(_ctx.$slots.left) ? (openBlock(), createElementBlock("section", {
-        key: 0,
-        "data-qa": "dt-item-layout-left-wrapper",
-        class: normalizeClass([$props.leftClass, "d-item-layout__left"])
-      }, [
-        renderSlot(_ctx.$slots, "left")
-      ], 2)) : createCommentVNode("", true),
-      createElementVNode("section", {
-        "data-qa": "dt-item-layout-content-wrapper",
-        class: normalizeClass([$props.contentClass, "d-item-layout__content"])
-      }, [
-        $options.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          "data-qa": "dt-item-layout-title-wrapper",
-          class: normalizeClass([$props.titleClass, "d-item-layout__title"])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("", true),
-        $options.hasSlotContent(_ctx.$slots.subtitle) ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          "data-qa": "dt-item-layout-subtitle-wrapper",
-          class: normalizeClass([
-            $props.subtitleClass,
-            "d-item-layout--subtitle",
-            { "d-item-layout--subtitle--with-title": $options.hasSlotContent(_ctx.$slots.default) }
-          ])
-        }, [
-          renderSlot(_ctx.$slots, "subtitle")
-        ], 2)) : createCommentVNode("", true),
-        $options.hasSlotContent(_ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          "data-qa": "dt-item-layout-bottom-wrapper",
-          class: normalizeClass([$props.bottomClass, "d-item-layout__bottom"])
-        }, [
-          renderSlot(_ctx.$slots, "bottom")
-        ], 2)) : createCommentVNode("", true)
-      ], 2),
-      $options.hasSlotContent(_ctx.$slots.right) ? (openBlock(), createElementBlock("section", {
-        key: 1,
-        "data-qa": "dt-item-layout-right-wrapper",
-        class: normalizeClass([$props.rightClass, "d-item-layout__right"])
-      }, [
-        renderSlot(_ctx.$slots, "right")
-      ], 2)) : createCommentVNode("", true),
-      $options.hasSlotContent(_ctx.$slots.selected) ? (openBlock(), createElementBlock("section", {
-        key: 2,
-        "data-qa": "dt-item-layout-selected-wrapper",
-        class: normalizeClass([$props.selectedClass, "d-item-layout__selected"])
-      }, [
-        renderSlot(_ctx.$slots, "selected")
-      ], 2)) : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-const DtItemLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtItemLayout as default
-};
-//# sourceMappingURL=item_layout.vue.js.map

package/dist/vue3/components/item_layout/item_layout.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item_layout.vue.js","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_normalizeClass","_normalizeStyle","_withCtx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"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"}