@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/lib/checkbox-group.js

@@ -1,116 +1,5 @@
-import { warn } from "vue";
-import { DtInputGroup } from "./input-group.js";
-import "../chunks/input_group-jWnq2DJT.js";
-import "../common/validators.js";
-import "../common/constants.js";
-import "../common/utils.js";
-import "./validation-messages.js";
-import "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-const _sfc_main = {
-  name: "DtCheckboxGroup",
-  extends: DtInputGroup,
-  model: {
-    prop: "selectedValues"
-  },
-  props: {
-    /**
-     * Not supported by this component, please use selectedValues
-     */
-    value: {
-      type: [],
-      default: null,
-      validator: (value) => {
-        if (!value) {
-          return true;
-        }
-        warn(
-          "Component uses selectedValues to initialize the model, value is not supported by this component",
-          void 0
-        );
-        return false;
-      }
-    },
-    /**
-     * A provided list of selected values(s) for the checkbox group
-     * @model selectedValues
-     */
-    selectedValues: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * A data qa tag for the radio group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "checkbox-group"
-    },
-    /**
-     * A data qa tag for the radio group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "checkbox-group-legend"
-    },
-    /**
-     * A data qa tag for the radio group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "checkbox-group-messages"
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {Array}
-     */
-    "input"
-  ],
-  data() {
-    return {
-      internalValue: this.selectedValues
-    };
-  },
-  watch: {
-    selectedValues(newSelectedValues) {
-      this.internalValue = newSelectedValues;
-    },
-    /*
-    * watching value to support 2 way binding for slotted checkboxes.
-    * need this to pass value to slotted checkboxes if modified outside
-    * checkbox group.
-    */
-    internalValue: {
-      immediate: true,
-      handler(newInternalValue) {
-        this.provideObj.selectedValues = newInternalValue;
-      }
-    }
-  },
-  methods: {
-    /*
-     * provided value to support 2 way binding for slotted checkboxes.
-     * slotted checkbox will change this value and need to emit new value up.
-     */
-    setGroupValue(value, checked) {
-      if (!checked) {
-        this.internalValue = this.internalValue.filter((checkedValue) => checkedValue !== value);
-      } else if (!this.internalValue.includes(value)) {
-        this.internalValue.push(value);
-      }
-      this.$emit("input", this.internalValue);
-    },
-    getMessageKey(type, index) {
-      return `checkbox-group-message-${type}-${index}-${this.id}`;
-    }
-  }
-};
+import { default as default2 } from "../components/checkbox_group/checkbox_group.vue.js";
 export {
-  _sfc_main as DtCheckboxGroup
+  default2 as DtCheckboxGroup
 };
 //# sourceMappingURL=checkbox-group.js.map

package/dist/lib/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sources":["../../components/checkbox_group/checkbox_group.vue"],"sourcesContent":["<script>\nimport { warn } from 'vue';\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Checkbox Groups are convenience components for a grouping of related Checkboxes.\n * While each Checkbox within the group is independent, the `v-model` on the group provides\n * a convenient interface for determining which Checkboxes within the group are checked.\n * @see https://dialtone.dialpad.com/components/checkbox_group.html\n */\nexport default {\n  name: 'DtCheckboxGroup',\n\n  extends: DtInputGroup,\n\n  model: {\n    prop: 'selectedValues',\n  },\n\n  props: {\n    /**\n     * Not supported by this component, please use selectedValues\n     */\n    value: {\n      type: [],\n      default: null,\n      validator: value => {\n        if (!value) {\n          return true;\n        }\n\n        warn(\n          'Component uses selectedValues to initialize the model, value is not supported by this component',\n          this,\n        );\n\n        return false;\n      },\n    },\n\n    /**\n     * A provided list of selected values(s) for the checkbox group\n     * @model selectedValues\n     */\n    selectedValues: {\n      type: Array,\n      default () {\n        return [];\n      },\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'checkbox-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'checkbox-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'checkbox-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Array}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.selectedValues,\n    };\n  },\n\n  watch: {\n    selectedValues (newSelectedValues) {\n      this.internalValue = newSelectedValues;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted checkboxes.\n    * need this to pass value to slotted checkboxes if modified outside\n    * checkbox group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValues = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted checkboxes.\n     * slotted checkbox will change this value and need to emit new value up.\n     */\n    setGroupValue (value, checked) {\n      if (!checked) {\n        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);\n      } else if (!this.internalValue.includes(value)) {\n        this.internalValue.push(value);\n      }\n\n      this.$emit('input', this.internalValue);\n    },\n\n    getMessageKey (type, index) {\n      return `checkbox-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["this"],"mappings":";;;;;;;;AAUK,MAAA,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA,IACL,MAAM;AAAA,EACP;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM,CAAE;AAAA,MACR,SAAS;AAAA,MACT,WAAW,WAAS;AAClB,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA;AAAA,UACE;AAAA,UACAA;AAAAA;AAGF,eAAO;AAAA,MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAW;AACT,eAAO;MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,eAAgB,mBAAmB;AACjC,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,iBAAiB;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,OAAO,SAAS;AAC7B,UAAI,CAAC,SAAS;AACZ,aAAK,gBAAgB,KAAK,cAAc,OAAO,kBAAgB,iBAAiB,KAAK;AAAA,MACvF,WAAW,CAAC,KAAK,cAAc,SAAS,KAAK,GAAG;AAC9C,aAAK,cAAc,KAAK,KAAK;AAAA,MAC/B;AAEA,WAAK,MAAM,SAAS,KAAK,aAAa;AAAA,IACvC;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,0BAA0B,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IAC1D;AAAA,EACF;AACH;"}
+{"version":3,"file":"checkbox-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/checkbox.cjs

@@ -1,157 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const input = require("../chunks/input-ttnte8zB.js");
-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");
-require("../common/utils.cjs");
-const CHECKBOX_INPUT_VALIDATION_CLASSES = {
-  error: "d-checkbox--error",
-  warning: "d-checkbox--warning",
-  success: "d-checkbox--success"
-};
-const _sfc_main = {
-  name: "DtCheckbox",
-  components: { DtValidationMessages: lib_validationMessages.DtValidationMessages },
-  mixins: [input.InputMixin, input.CheckableMixin, input.GroupableMixin, input.MessagesMixin],
-  inheritAttrs: false,
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {Boolean}
-     */
-    "input",
-    /**
-     * Native input focusin event
-     *
-     * @event focusin
-     * @type {FocusEvent}
-     */
-    "focusin",
-    /**
-     * Native input focusout event
-     *
-     * @event focusout
-     * @type {FocusEvent}
-     */
-    "focusout"
-  ],
-  computed: {
-    inputValidationClass() {
-      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
-    },
-    checkboxGroupValueChecked() {
-      var _a, _b;
-      return ((_b = (_a = this.groupContext) == null ? void 0 : _a.selectedValues) == null ? void 0 : _b.includes(this.value)) ?? false;
-    },
-    hasLabel() {
-      return !!(this.$slots.default || this.label);
-    },
-    hasDescription() {
-      return !!(this.$slots.description || this.description);
-    },
-    hasLabelOrDescription() {
-      return this.hasLabel || this.hasDescription;
-    },
-    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)
-      };
-    }
-  },
-  watch: {
-    checkboxGroupValueChecked: {
-      immediate: true,
-      handler(newCheckboxGroupValueChecked) {
-        if (this.hasGroup) {
-          this.internalChecked = newCheckboxGroupValueChecked;
-        }
-      }
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    emitValue(target) {
-      let { value, checked } = target;
-      if (this.internalIndeterminate) {
-        checked = false;
-        this.internalIndeterminate = false;
-        target.checked = false;
-      }
-      this.setGroupValue(value, checked);
-      this.$emit("input", checked);
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasLabel, this.$attrs["aria-label"]);
-    }
-  }
-};
-const _hoisted_1 = { class: "d-checkbox__input" };
-const _hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
-const _hoisted_3 = {
-  key: 0,
-  class: "d-checkbox__copy d-checkbox__label",
-  "data-qa": "checkbox-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-checkbox-group", { "d-checkbox-group--disabled": _ctx.internalDisabled }])
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("input", vue.mergeProps({
-            type: "checkbox",
-            checked: _ctx.internalChecked,
-            name: _ctx.internalName,
-            value: _ctx.value,
-            disabled: _ctx.internalDisabled,
-            class: ["d-checkbox", $options.inputValidationClass, _ctx.inputClass]
-          }, _ctx.$attrs, { ".indeterminate": _ctx.internalIndeterminate }, vue.toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
-        ]),
-        $options.hasLabelOrDescription ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          $options.hasLabel ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-            key: 0,
-            class: _ctx.labelClass
-          }, _ctx.labelChildProps, { "data-qa": "checkbox-label" }), [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-            ])
-          ], 16)) : vue.createCommentVNode("", true),
-          $options.hasDescription ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-            key: 1,
-            class: ["d-description", _ctx.descriptionClass]
-          }, _ctx.descriptionChildProps, { "data-qa": "checkbox-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-checkbox-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-        ])) : vue.createCommentVNode("", true)
-      ], 2)
-    ])
-  ]);
-}
-const checkbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const checkbox = require("../components/checkbox/checkbox.vue.cjs");
 exports.DtCheckbox = checkbox;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/lib/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../../components/checkbox/checkbox_constants.js","../../components/checkbox/checkbox.vue"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  error: 'd-checkbox--error',\n  warning: 'd-checkbox--warning',\n  success: 'd-checkbox--success',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n","<template>\n  <div>\n    <label>\n      <div :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n        <div class=\"d-checkbox__input\">\n          <input\n            type=\"checkbox\"\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            :indeterminate.prop=\"internalIndeterminate\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          v-if=\"hasLabelOrDescription\"\n          class=\"d-checkbox__copy d-checkbox__label\"\n          data-qa=\"checkbox-label-description-container\"\n        >\n          <div\n            v-if=\"hasLabel\"\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"checkbox-label\"\n          >\n            <!-- @slot slot for Checkbox Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"hasDescription\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"checkbox-description\"\n          >\n            <!-- @slot slot for Checkbox 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-checkbox-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Boolean}\n     */\n    'input',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabel () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasDescription () {\n      return !!(this.$slots.description || this.description);\n    },\n\n    hasLabelOrDescription () {\n      return this.hasLabel || this.hasDescription;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input 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),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('input', checked);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","_createElementBlock","_createElementVNode","_mergeProps","_toHandlers","_openBlock","_renderSlot","_createVNode"],"mappings":"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"}
+{"version":3,"file":"checkbox.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/checkbox.js

@@ -1,157 +1,5 @@
-import { InputMixin, CheckableMixin, GroupableMixin, MessagesMixin } from "../chunks/input-NmYDD5bn.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";
-import "../common/utils.js";
-const CHECKBOX_INPUT_VALIDATION_CLASSES = {
-  error: "d-checkbox--error",
-  warning: "d-checkbox--warning",
-  success: "d-checkbox--success"
-};
-const _sfc_main = {
-  name: "DtCheckbox",
-  components: { DtValidationMessages },
-  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
-  inheritAttrs: false,
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {Boolean}
-     */
-    "input",
-    /**
-     * Native input focusin event
-     *
-     * @event focusin
-     * @type {FocusEvent}
-     */
-    "focusin",
-    /**
-     * Native input focusout event
-     *
-     * @event focusout
-     * @type {FocusEvent}
-     */
-    "focusout"
-  ],
-  computed: {
-    inputValidationClass() {
-      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
-    },
-    checkboxGroupValueChecked() {
-      var _a, _b;
-      return ((_b = (_a = this.groupContext) == null ? void 0 : _a.selectedValues) == null ? void 0 : _b.includes(this.value)) ?? false;
-    },
-    hasLabel() {
-      return !!(this.$slots.default || this.label);
-    },
-    hasDescription() {
-      return !!(this.$slots.description || this.description);
-    },
-    hasLabelOrDescription() {
-      return this.hasLabel || this.hasDescription;
-    },
-    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)
-      };
-    }
-  },
-  watch: {
-    checkboxGroupValueChecked: {
-      immediate: true,
-      handler(newCheckboxGroupValueChecked) {
-        if (this.hasGroup) {
-          this.internalChecked = newCheckboxGroupValueChecked;
-        }
-      }
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    emitValue(target) {
-      let { value, checked } = target;
-      if (this.internalIndeterminate) {
-        checked = false;
-        this.internalIndeterminate = false;
-        target.checked = false;
-      }
-      this.setGroupValue(value, checked);
-      this.$emit("input", checked);
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasLabel, this.$attrs["aria-label"]);
-    }
-  }
-};
-const _hoisted_1 = { class: "d-checkbox__input" };
-const _hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
-const _hoisted_3 = {
-  key: 0,
-  class: "d-checkbox__copy d-checkbox__label",
-  "data-qa": "checkbox-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-checkbox-group", { "d-checkbox-group--disabled": _ctx.internalDisabled }])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("input", mergeProps({
-            type: "checkbox",
-            checked: _ctx.internalChecked,
-            name: _ctx.internalName,
-            value: _ctx.value,
-            disabled: _ctx.internalDisabled,
-            class: ["d-checkbox", $options.inputValidationClass, _ctx.inputClass]
-          }, _ctx.$attrs, { ".indeterminate": _ctx.internalIndeterminate }, toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
-        ]),
-        $options.hasLabelOrDescription ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          $options.hasLabel ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 0,
-            class: _ctx.labelClass
-          }, _ctx.labelChildProps, { "data-qa": "checkbox-label" }), [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(_ctx.label), 1)
-            ])
-          ], 16)) : createCommentVNode("", true),
-          $options.hasDescription ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 1,
-            class: ["d-description", _ctx.descriptionClass]
-          }, _ctx.descriptionChildProps, { "data-qa": "checkbox-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-checkbox-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-        ])) : createCommentVNode("", true)
-      ], 2)
-    ])
-  ]);
-}
-const checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../components/checkbox/checkbox.vue.js";
 export {
-  checkbox as DtCheckbox
+  default2 as DtCheckbox
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/lib/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../components/checkbox/checkbox_constants.js","../../components/checkbox/checkbox.vue"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  error: 'd-checkbox--error',\n  warning: 'd-checkbox--warning',\n  success: 'd-checkbox--success',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n","<template>\n  <div>\n    <label>\n      <div :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n        <div class=\"d-checkbox__input\">\n          <input\n            type=\"checkbox\"\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            :indeterminate.prop=\"internalIndeterminate\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          v-if=\"hasLabelOrDescription\"\n          class=\"d-checkbox__copy d-checkbox__label\"\n          data-qa=\"checkbox-label-description-container\"\n        >\n          <div\n            v-if=\"hasLabel\"\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"checkbox-label\"\n          >\n            <!-- @slot slot for Checkbox Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"hasDescription\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"checkbox-description\"\n          >\n            <!-- @slot slot for Checkbox 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-checkbox-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Boolean}\n     */\n    'input',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabel () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasDescription () {\n      return !!(this.$slots.description || this.description);\n    },\n\n    hasLabelOrDescription () {\n      return this.hasLabel || this.hasDescription;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input 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),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('input', checked);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_mergeProps","_toHandlers","_openBlock","_renderSlot","_createVNode"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}