@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/lib/radio.cjs

@@ -1,163 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const input = require("../chunks/input-ttnte8zB.js");
-const common_utils = require("../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const lib_validationMessages = require("./validation-messages.cjs");
-require("../common/constants.cjs");
-require("../common/validators.cjs");
-const RADIO_INPUT_VALIDATION_CLASSES = {
-  warning: "d-radio--warning",
-  error: "d-radio--error",
-  success: "d-radio--success"
-};
-const _sfc_main = {
-  name: "DtRadio",
-  components: { DtValidationMessages: lib_validationMessages.DtValidationMessages },
-  mixins: [input.InputMixin, input.CheckableMixin, input.GroupableMixin, input.MessagesMixin],
-  inheritAttrs: false,
-  props: {
-    /**
-     * A provided value for the radio
-     */
-    value: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input",
-    /**
-     * Native input focus event
-     *
-     * @event focus
-     * @type {FocusEvent}
-     */
-    "focus",
-    /**
-     * Native input focusin event
-     *
-     * @event focusin
-     * @property {FocusEvent}
-     */
-    "focusin",
-    /**
-     * Native input focusout event
-     *
-     * @event focusout
-     * @property {FocusEvent}
-     */
-    "focusout",
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  data() {
-    return {
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  },
-  computed: {
-    inputValidationClass() {
-      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
-    },
-    radioGroupValue() {
-      var _a;
-      return (_a = this.groupContext) == null ? void 0 : _a.selectedValue;
-    },
-    inputListeners() {
-      return {
-        /*
-         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
-         * element which will result in the handler being called twice
-         * (once on the input element and once by the emitted input event by the change listener).
-        */
-        input: () => {
-        },
-        focusin: (event) => this.$emit("focusin", event),
-        focusout: (event) => this.$emit("focusout", event),
-        change: (event) => this.emitValue(event.target.value)
-      };
-    }
-  },
-  watch: {
-    radioGroupValue: {
-      immediate: true,
-      handler(newRadioGroupValue) {
-        if (this.hasGroup) {
-          this.internalChecked = newRadioGroupValue === this.value;
-        }
-      }
-    }
-  },
-  methods: {
-    emitValue(value) {
-      if (value !== this.radioGroupValue) {
-        this.setGroupValue(value);
-        this.$emit("input", value);
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "d-radio__input" };
-const _hoisted_2 = ["checked", "name", "value", "disabled"];
-const _hoisted_3 = {
-  class: "d-radio__copy d-radio__label",
-  "data-qa": "radio-label-description-container"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_validation_messages = vue.resolveComponent("dt-validation-messages");
-  return vue.openBlock(), vue.createElementBlock("div", null, [
-    vue.createElementVNode("label", null, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(["d-radio-group", { "d-radio-group--disabled": _ctx.internalDisabled }])
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("input", vue.mergeProps({
-            checked: _ctx.internalChecked,
-            name: _ctx.internalName,
-            value: $props.value,
-            disabled: _ctx.internalDisabled,
-            type: "radio",
-            class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
-          }, _ctx.$attrs, vue.toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("div", vue.mergeProps({ class: _ctx.labelClass }, _ctx.labelChildProps, { "data-qa": "radio-label" }), [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-            ])
-          ], 16),
-          _ctx.$slots.description || _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-            key: 0,
-            class: ["d-description", _ctx.descriptionClass]
-          }, _ctx.descriptionChildProps, { "data-qa": "radio-description" }), [
-            vue.renderSlot(_ctx.$slots, "description", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
-            ])
-          ], 16)) : vue.createCommentVNode("", true),
-          vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
-            "validation-messages": _ctx.formattedMessages,
-            "show-messages": _ctx.showMessages,
-            class: _ctx.messagesClass
-          }, _ctx.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-        ])
-      ], 2)
-    ])
-  ]);
-}
-const radio = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const radio = require("../components/radio/radio.vue.cjs");
+const radio_constants = require("../components/radio/radio_constants.cjs");
 exports.DtRadio = radio;
-exports.RADIO_INPUT_VALIDATION_CLASSES = RADIO_INPUT_VALIDATION_CLASSES;
+exports.RADIO_INPUT_VALIDATION_CLASSES = radio_constants.RADIO_INPUT_VALIDATION_CLASSES;
 //# sourceMappingURL=radio.cjs.map

package/dist/lib/radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.cjs","sources":["../../components/radio/radio_constants.js","../../components/radio/radio.vue"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n","<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","hasSlotContent","_createElementBlock","_createElementVNode","_mergeProps","_toHandlers","_renderSlot","_openBlock","_createVNode"],"mappings":"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"}
+{"version":3,"file":"radio.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/lib/radio.js

@@ -1,163 +1,7 @@
-import { InputMixin, CheckableMixin, GroupableMixin, MessagesMixin } from "../chunks/input-NmYDD5bn.js";
-import { hasSlotContent } from "../common/utils.js";
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, mergeProps, toHandlers, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import { DtValidationMessages } from "./validation-messages.js";
-import "../common/constants.js";
-import "../common/validators.js";
-const RADIO_INPUT_VALIDATION_CLASSES = {
-  warning: "d-radio--warning",
-  error: "d-radio--error",
-  success: "d-radio--success"
-};
-const _sfc_main = {
-  name: "DtRadio",
-  components: { DtValidationMessages },
-  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
-  inheritAttrs: false,
-  props: {
-    /**
-     * A provided value for the radio
-     */
-    value: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input",
-    /**
-     * Native input focus event
-     *
-     * @event focus
-     * @type {FocusEvent}
-     */
-    "focus",
-    /**
-     * Native input focusin event
-     *
-     * @event focusin
-     * @property {FocusEvent}
-     */
-    "focusin",
-    /**
-     * Native input focusout event
-     *
-     * @event focusout
-     * @property {FocusEvent}
-     */
-    "focusout",
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  data() {
-    return {
-      hasSlotContent
-    };
-  },
-  computed: {
-    inputValidationClass() {
-      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
-    },
-    radioGroupValue() {
-      var _a;
-      return (_a = this.groupContext) == null ? void 0 : _a.selectedValue;
-    },
-    inputListeners() {
-      return {
-        /*
-         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
-         * element which will result in the handler being called twice
-         * (once on the input element and once by the emitted input event by the change listener).
-        */
-        input: () => {
-        },
-        focusin: (event) => this.$emit("focusin", event),
-        focusout: (event) => this.$emit("focusout", event),
-        change: (event) => this.emitValue(event.target.value)
-      };
-    }
-  },
-  watch: {
-    radioGroupValue: {
-      immediate: true,
-      handler(newRadioGroupValue) {
-        if (this.hasGroup) {
-          this.internalChecked = newRadioGroupValue === this.value;
-        }
-      }
-    }
-  },
-  methods: {
-    emitValue(value) {
-      if (value !== this.radioGroupValue) {
-        this.setGroupValue(value);
-        this.$emit("input", value);
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "d-radio__input" };
-const _hoisted_2 = ["checked", "name", "value", "disabled"];
-const _hoisted_3 = {
-  class: "d-radio__copy d-radio__label",
-  "data-qa": "radio-label-description-container"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_validation_messages = resolveComponent("dt-validation-messages");
-  return openBlock(), createElementBlock("div", null, [
-    createElementVNode("label", null, [
-      createElementVNode("div", {
-        class: normalizeClass(["d-radio-group", { "d-radio-group--disabled": _ctx.internalDisabled }])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("input", mergeProps({
-            checked: _ctx.internalChecked,
-            name: _ctx.internalName,
-            value: $props.value,
-            disabled: _ctx.internalDisabled,
-            type: "radio",
-            class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
-          }, _ctx.$attrs, toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", mergeProps({ class: _ctx.labelClass }, _ctx.labelChildProps, { "data-qa": "radio-label" }), [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(_ctx.label), 1)
-            ])
-          ], 16),
-          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 0,
-            class: ["d-description", _ctx.descriptionClass]
-          }, _ctx.descriptionChildProps, { "data-qa": "radio-description" }), [
-            renderSlot(_ctx.$slots, "description", {}, () => [
-              createTextVNode(toDisplayString(_ctx.description), 1)
-            ])
-          ], 16)) : createCommentVNode("", true),
-          createVNode(_component_dt_validation_messages, mergeProps({
-            "validation-messages": _ctx.formattedMessages,
-            "show-messages": _ctx.showMessages,
-            class: _ctx.messagesClass
-          }, _ctx.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-        ])
-      ], 2)
-    ])
-  ]);
-}
-const radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../components/radio/radio.vue.js";
+import { RADIO_INPUT_VALIDATION_CLASSES } from "../components/radio/radio_constants.js";
 export {
-  radio as DtRadio,
+  default2 as DtRadio,
   RADIO_INPUT_VALIDATION_CLASSES
 };
 //# sourceMappingURL=radio.js.map

package/dist/lib/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../components/radio/radio_constants.js","../../components/radio/radio.vue"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n","<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_mergeProps","_toHandlers","_renderSlot","_openBlock","_createVNode"],"mappings":"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"}
+{"version":3,"file":"radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}