@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.2

package/dist/lib/radio/radio.js

@@ -1,14 +1,16 @@
-import { InputMixin as p, CheckableMixin as h, GroupableMixin as c, MessagesMixin as g } from "../../common/mixins/input.js";
-import { RADIO_INPUT_VALIDATION_CLASSES as f } from "./radio-constants.js";
-import { addClassStyleAttrs as C, removeClassStyleAttrs as V, hasSlotContent as v } from "../../common/utils/index.js";
-import { resolveComponent as b, openBlock as i, createElementBlock as o, mergeProps as a, createElementVNode as t, normalizeClass as M, toHandlers as S, renderSlot as r, createTextVNode as d, toDisplayString as l, createCommentVNode as n, createVNode as y } from "vue";
-import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import A from "../validation-messages/validation-messages.js";
-const D = {
+import { InputMixin as f, CheckableMixin as g, GroupableMixin as C, MessagesMixin as S } from "../../common/mixins/input.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as v } from "./radio-constants.js";
+import { addClassStyleAttrs as V, removeClassStyleAttrs as y, hasSlotContent as M } from "../../common/utils/index.js";
+import { resolveComponent as n, openBlock as t, createElementBlock as d, mergeProps as a, createElementVNode as l, normalizeClass as k, toHandlers as D, createBlock as u, withCtx as m, renderSlot as h, createTextVNode as p, toDisplayString as b, createCommentVNode as r, createVNode as _ } from "vue";
+import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import A from "../text/text.js";
+import E from "../validation-messages/validation-messages.js";
+import { TEXT_STRENGTH_MODIFIERS as I, TEXT_SIZE_MODIFIERS as T } from "../text/text-constants.js";
+const N = {
   compatConfig: { MODE: 3 },
   name: "DtRadio",
-  components: { DtValidationMessages: A },
-  mixins: [p, h, c, g],
+  components: { DtValidationMessages: E, DtText: A },
+  mixins: [f, g, C, S],
   inheritAttrs: !1,
   props: {
     /**
@@ -17,6 +19,32 @@ const D = {
     value: {
       type: [String, Number],
       default: ""
+    },
+    /**
+     * Determines visibility of radio label.
+     * @values true, false
+     */
+    labelVisible: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Overrides the label text size.
+     * @values lg, md, sm, xs
+     */
+    labelSize: {
+      type: String,
+      default: null,
+      validator: (e) => T.label.includes(e)
+    },
+    /**
+     * Overrides the label font weight.
+     * @values bold, semibold, medium, normal
+     */
+    labelStrength: {
+      type: String,
+      default: null,
+      validator: (e) => Object.keys(I).includes(e)
     }
   },
   emits: [
@@ -58,12 +86,21 @@ const D = {
   ],
   data() {
     return {
-      hasSlotContent: v
+      hasSlotContent: M
     };
   },
   computed: {
+    hasLabelContent() {
+      return !!(this.$slots.default || this.label);
+    },
+    hasLabel() {
+      return this.labelVisible && this.hasLabelContent;
+    },
+    resolvedLabelSize() {
+      return this.labelSize ?? "md";
+    },
     inputValidationClass() {
-      return f[this.internalValidationState];
+      return v[this.internalValidationState];
     },
     radioGroupValue() {
       var e;
@@ -95,61 +132,86 @@ const D = {
       }
     }
   },
+  mounted() {
+    this.runValidations();
+  },
   methods: {
-    removeClassStyleAttrs: V,
-    addClassStyleAttrs: C,
+    removeClassStyleAttrs: y,
+    addClassStyleAttrs: V,
+    runValidations() {
+      !this.hasLabelContent && !this.$attrs["aria-label"] && console.info(
+        '[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible="false" to hide it visually.'
+      );
+    },
     emitValue(e) {
       e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("input", e), this.$emit("update:modelValue", e));
     }
   }
-}, N = { class: "d-radio__input" }, $ = ["checked", "name", "value", "disabled"], G = {
+}, z = { class: "d-radio__input" }, G = ["checked", "name", "value", "disabled", "aria-label"], w = {
   key: 0,
   class: "d-radio__messages",
   "data-qa": "radio-description-messages"
 };
-function _(e, w, u, I, P, s) {
-  const m = b("dt-validation-messages");
-  return i(), o("div", a({ class: e.rootClass }, s.addClassStyleAttrs(e.$attrs)), [
-    t("label", {
-      class: M(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
+function O(e, P, i, R, $, s) {
+  const o = n("dt-text"), c = n("dt-validation-messages");
+  return t(), d("div", a({ class: e.rootClass }, s.addClassStyleAttrs(e.$attrs)), [
+    l("label", {
+      class: k(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
     }, [
-      t("div", N, [
-        t("input", a({
+      l("div", z, [
+        l("input", a({
           checked: e.internalChecked,
           name: e.internalName,
-          value: u.value,
+          value: i.value,
           disabled: e.internalDisabled,
           type: "radio",
-          class: ["d-radio", s.inputValidationClass, e.inputClass]
-        }, s.removeClassStyleAttrs(e.$attrs), S(s.inputListeners, !0)), null, 16, $)
+          class: ["d-radio", s.inputValidationClass, e.inputClass],
+          "aria-label": !i.labelVisible && e.label ? e.label : void 0
+        }, s.removeClassStyleAttrs(e.$attrs), D(s.inputListeners, !0)), null, 16, G)
       ]),
-      t("div", a({
+      s.hasLabel ? (t(), u(o, a({
+        key: 0,
+        as: "div",
+        kind: "label",
+        size: s.resolvedLabelSize,
+        strength: i.labelStrength ?? "normal",
+        tone: e.internalDisabled ? "disabled" : "primary",
         class: [e.labelClass, "d-radio__copy d-radio__label"]
-      }, e.labelChildProps, { "data-qa": "radio-label" }), [
-        r(e.$slots, "default", {}, () => [
-          d(l(e.label), 1)
-        ])
-      ], 16)
+      }, e.labelChildProps, { "data-qa": "radio-label" }), {
+        default: m(() => [
+          h(e.$slots, "default", {}, () => [
+            p(b(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["size", "strength", "tone", "class"])) : r("", !0)
     ], 2),
-    e.$slots.description || e.description || s.hasMessages ? (i(), o("div", G, [
-      e.$slots.description || e.description ? (i(), o("div", a({
+    e.$slots.description || e.description || s.hasMessages ? (t(), d("div", w, [
+      e.$slots.description || e.description ? (t(), u(o, a({
         key: 0,
+        kind: "body",
+        size: "sm",
+        tone: "tertiary",
+        as: "div",
         class: ["d-description", e.descriptionClass]
-      }, e.descriptionChildProps, { "data-qa": "radio-description" }), [
-        r(e.$slots, "description", {}, () => [
-          d(l(e.description), 1)
-        ])
-      ], 16)) : n("", !0),
-      y(m, a({
+      }, e.descriptionChildProps, { "data-qa": "radio-description" }), {
+        default: m(() => [
+          h(e.$slots, "description", {}, () => [
+            p(b(e.description), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"])) : r("", !0),
+      _(c, a({
         "validation-messages": e.formattedMessages,
         "show-messages": e.showMessages,
         class: e.messagesClass
       }, e.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-    ])) : n("", !0)
+    ])) : r("", !0)
   ], 16);
 }
-const B = /* @__PURE__ */ k(D, [["render", _]]);
+const J = /* @__PURE__ */ L(N, [["render", O]]);
 export {
-  B as default
+  J as default
 };
 //# sourceMappingURL=radio.js.map

package/dist/lib/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :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=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"radio-label\"\n      >\n        <!-- @slot slot for Radio Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-radio__messages\"\n      data-qa=\"radio-description-messages\"\n    >\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\">\n          {{ description }}\n        </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</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, removeClassStyleAttrs, addClassStyleAttrs } 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  compatConfig: { MODE: 3 },\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     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\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  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    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\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    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_a","event","newRadioGroupValue","removeClassStyleAttrs","addClassStyleAttrs","value","_hoisted_1","_createElementBlock","_mergeProps","_ctx","$options","_createElementVNode","$props","_toHandlers","_hoisted_2","_renderSlot","_openBlock","_hoisted_3","_createVNode","_component_dt_validation_messages"],"mappings":"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"}
+{"version":3,"file":"radio.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :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          :aria-label=\"!labelVisible && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <dt-text\n        v-if=\"hasLabel\"\n        as=\"div\"\n        kind=\"label\"\n        :size=\"resolvedLabelSize\"\n        :strength=\"labelStrength ?? 'normal'\"\n        :tone=\"internalDisabled ? 'disabled' : 'primary'\"\n        :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"radio-label\"\n      >\n        <!-- @slot slot for Radio Label -->\n        <slot>{{ label }}</slot>\n      </dt-text>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-radio__messages\"\n      data-qa=\"radio-description-messages\"\n    >\n      <dt-text\n        v-if=\"$slots.description || description\"\n        kind=\"body\"\n        size=\"sm\"\n        tone=\"tertiary\"\n        as=\"div\"\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\">\n          {{ description }}\n        </slot>\n      </dt-text>\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</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 { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\nimport { hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } 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  compatConfig: { MODE: 3 },\n  name: 'DtRadio',\n\n  components: { DtValidationMessages, DtText },\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     * Determines visibility of radio label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Overrides the label text size.\n     * @values lg, md, sm, xs\n     */\n    labelSize: {\n      type: String,\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(s),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    hasLabelContent () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasLabel () {\n      return this.labelVisible && this.hasLabelContent;\n    },\n\n    resolvedLabelSize () {\n      return this.labelSize ?? 'md';\n    },\n\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    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\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  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    runValidations () {\n      if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible=\"false\" to hide it visually.',\n        );\n      }\n    },\n\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","DtText","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","s","TEXT_SIZE_MODIFIERS","TEXT_STRENGTH_MODIFIERS","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_a","event","newRadioGroupValue","removeClassStyleAttrs","addClassStyleAttrs","value","_hoisted_1","_createElementBlock","_mergeProps","_ctx","$options","_createElementVNode","$props","_toHandlers","_hoisted_2","_openBlock","_createBlock","_component_dt_text","_renderSlot","_hoisted_3","_createVNode","_component_dt_validation_messages"],"mappings":"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"}