@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.1

package/dist/lib/callbox/callbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"callbox.js","sources":["../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-callbox\"\n    :class=\"[$attrs.class, 'd-recipe-callbox']\"\n    :style=\"$attrs.style\"\n  >\n    <div\n      v-if=\"$slots.video\"\n      data-qa=\"dt-recipe-callbox__video-wrapper\"\n      class=\"d-recipe-callbox__video\"\n    >\n      <!-- @slot Slot for video stream -->\n      <slot name=\"video\" />\n    </div>\n    <div\n      data-qa=\"dt-recipe-callbox__main-content\"\n      :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n    >\n      <div\n        class=\"d-recipe-callbox__main-content-top\"\n      >\n        <dt-avatar\n          v-if=\"shouldShowAvatar\"\n          avatar-class=\"d-recipe-callbox__avatar\"\n          :image-src=\"avatarSrc\"\n          image-alt=\"\"\n          :full-name=\"avatarFullName\"\n          :seed=\"avatarSeed\"\n          :clickable=\"clickable\"\n          size=\"300\"\n          @click=\"handleClick\"\n        >\n          <template\n            v-if=\"isOnHold\"\n            #overlayIcon\n          >\n            <dt-icon-pause />\n          </template>\n        </dt-avatar>\n        <div class=\"d-recipe-callbox__content\">\n          <component\n            :is=\"clickable ? 'button' : 'span'\"\n            v-dt-tooltip=\"title\"\n            data-qa=\"dt-recipe-callbox__title\"\n            class=\"d-recipe-callbox__content-title\"\n            tabindex=\"0\"\n            @click=\"handleClick\"\n          >\n            {{ title }}\n          </component>\n          <div\n            v-if=\"$slots.badge || badgeText\"\n            data-qa=\"dt-recipe-callbox__badge-wrapper\"\n            class=\"d-recipe-callbox__content-badge\"\n          >\n            <!-- @slot Slot for call center badge -->\n            <slot name=\"badge\">\n              <dt-badge\n                :class=\"badgeClass\"\n                :text=\"badgeText\"\n              />\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.subtitle\"\n            data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n            class=\"d-recipe-callbox__content-subtitle\"\n          >\n            <!-- @slot Slot for subtitle -->\n            <slot name=\"subtitle\" />\n          </div>\n        </div>\n        <div\n          v-if=\"$slots.end || $slots.right\"\n          data-qa=\"dt-recipe-callbox__right-wrapper\"\n          class=\"d-recipe-callbox__right\"\n        >\n          <!-- @slot Slot for end icons -->\n          <slot\n            v-if=\"$slots.end\"\n            name=\"end\"\n          />\n          <!-- @slot @deprecated Use end -->\n          <slot\n            v-else\n            name=\"right\"\n          />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.blockEnd || $slots.bottom\"\n        data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n        class=\"d-recipe-callbox__main-content-bottom\"\n      >\n        <!-- @slot Slot for block-end content -->\n        <slot\n          v-if=\"$slots.blockEnd\"\n          name=\"blockEnd\"\n        />\n        <!-- @slot @deprecated Use blockEnd -->\n        <slot\n          v-else\n          name=\"bottom\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbox',\n\n  components: { DtBadge, DtAvatar, DtIconPause },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Text for the badge element\n     */\n    badgeText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Color for the badge element\n     * @values null, warning\n     */\n    badgeColor: {\n      type: String,\n      default: null,\n      validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Avatar's full name, used to extract initials\n     * to display if `avatarSrc` is empty.\n     */\n    avatarFullName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox title\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n    },\n\n    /**\n     * Makes the callbox avatar and title clickable,\n     * emits a click event when clicked.\n     */\n    clickable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls the avatars overlay icon\n     */\n    isOnHold: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Callbox click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    shouldShowAvatar () {\n      return this.avatarFullName || this.avatarSrc;\n    },\n\n    badgeClass () {\n      return CALLBOX_BADGE_COLORS[this.badgeColor];\n    },\n\n    borderClass () {\n      return CALLBOX_BORDER_COLORS[this.borderColor];\n    },\n  },\n\n  methods: {\n    handleClick (e) {\n      if (!this.clickable) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtBadge","DtAvatar","DtIconPause","color","CALLBOX_BADGE_COLORS","CALLBOX_BORDER_COLORS","_hoisted_2","_hoisted_3","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_openBlock","_hoisted_1","_renderSlot","_createElementVNode","$options","$props","_createBlock","_component_dt_avatar","_createVNode","_component_dt_icon_pause","_withDirectives","_resolveDynamicComponent","_hoisted_4","_component_dt_badge","_hoisted_5","_hoisted_6","_hoisted_7"],"mappings":";;;;;;AAmHA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,SAAAC,GAAS,UAAAC,GAAU,aAAAC;EAEjC,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAUA,MAAU,QAAQ,OAAO,KAAKC,CAAoB,EAAE,SAASD,CAAK;AAAA;;;;;IAO1F,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACA,MAAU,OAAO,KAAKE,CAAqB,EAAE,SAASF,CAAK;AAAA;;;;;IAOzE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;EAGF,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO,KAAK,kBAAkB,KAAK;AAAA,IACrC;AAAA,IAEA,aAAc;AACZ,aAAOC,EAAqB,KAAK,UAAU;AAAA,IAC7C;AAAA,IAEA,cAAe;AACb,aAAOC,EAAsB,KAAK,WAAW;AAAA,IAC/C;AAAA;EAGF,SAAS;AAAA,IACP,YAAa,GAAG;AACd,MAAK,KAAK,aACV,KAAK,MAAM,SAAS,CAAC;AAAA,IACvB;AAAA;AAEJ;;EAlOM,WAAQ;AAAA,EACR,OAAM;GAUJC,IAAA,EAAA,OAAM,qCAAoC,GAoBrCC,IAAA,EAAA,OAAM,4BAA2B;;EAalC,WAAQ;AAAA,EACR,OAAM;;;EAYN,WAAQ;AAAA,EACR,OAAM;;;EAQR,WAAQ;AAAA,EACR,OAAM;;;EAgBR,WAAQ;AAAA,EACR,OAAM;;;;cA3FZC,EAyGM,OAAA;AAAA,IAxGJ,WAAQ;AAAA,IACP,OAAKC,EAAA,CAAGC,EAAA,OAAO,OAAK,kBAAA,CAAA;AAAA,IACpB,OAAKC,EAAED,EAAA,OAAO,KAAK;AAAA;IAGZA,EAAA,OAAO,SADfE,KAAAJ,EAOM,OAPNK,GAOM;AAAA,MADJC,EAAqBJ,EAAA,QAAA,OAAA;AAAA;IAEvBK,EA2FM,OAAA;AAAA,MA1FJ,WAAQ;AAAA,MACP,OAAKN,EAAA,CAAA,kCAAqCO,EAAA,aAAW,EAAA,+BAAmCC,EAAA,WAAS,CAAA;AAAA;MAElGF,EAsEM,OAtENT,GAsEM;AAAA,QAlEIU,EAAA,yBADRE,EAiBYC,GAAA;AAAA;UAfV,gBAAa;AAAA,UACZ,aAAWF,EAAA;AAAA,UACZ,aAAU;AAAA,UACT,aAAWA,EAAA;AAAA,UACX,MAAMA,EAAA;AAAA,UACN,WAAWA,EAAA;AAAA,UACZ,MAAK;AAAA,UACJ,SAAOD,EAAA;AAAA;UAGAC,EAAA;kBACL;AAAA,kBAED,MAAiB;AAAA,cAAjBG,EAAiBC,CAAA;AAAA;;;;QAGrBN,EAgCM,OAhCNR,GAgCM;AAAA,UA/BJe,GAAAV,EAAA,GAAAM,EASYK,EARLN,EAAA,YAAS,WAAA,MAAA,GAAA;AAAA,YAEd,WAAQ;AAAA,YACR,OAAM;AAAA,YACN,UAAS;AAAA,YACR,SAAOD,EAAA;AAAA;uBAER,MAAW;AAAA,kBAARC,EAAA,KAAK,GAAA,CAAA;AAAA;;;gBANMA,EAAA,KAAK;AAAA;UASbP,EAAA,OAAO,SAASO,EAAA,aADxBL,KAAAJ,EAYM,OAZNgB,GAYM;AAAA,YANJV,EAKOJ,uBALP,MAKO;AAAA,cAJLU,EAGEK,GAAA;AAAA,gBAFC,SAAOT,EAAA,UAAU;AAAA,gBACjB,MAAMC,EAAA;AAAA;;;UAKLP,EAAA,OAAO,YADfE,KAAAJ,EAOM,OAPNkB,GAOM;AAAA,YADJZ,EAAwBJ,EAAA,QAAA,UAAA;AAAA;;QAIpBA,EAAA,OAAO,OAAOA,EAAA,OAAO,SAD7BE,KAAAJ,EAeM,OAfNmB,GAeM;AAAA,UARIjB,EAAA,OAAO,MADfI,EAGEJ,EAAA,QAAA,OAAA,EAAA,KAAA,EAAA,CAAA,IAEFI,EAGEJ,EAAA,QAAA,SAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;MAIEA,EAAA,OAAO,YAAYA,EAAA,OAAO,UADlCE,KAAAJ,EAeM,OAfNoB,GAeM;AAAA,QARIlB,EAAA,OAAO,WADfI,EAGEJ,EAAA,QAAA,YAAA,EAAA,KAAA,EAAA,CAAA,IAEFI,EAGEJ,EAAA,QAAA,UAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;;"}
+{"version":3,"file":"callbox.js","names":[],"sources":["../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-callbox\"\n    :class=\"[$attrs.class, 'd-recipe-callbox']\"\n    :style=\"$attrs.style\"\n  >\n    <div\n      v-if=\"$slots.video\"\n      data-qa=\"dt-recipe-callbox__video-wrapper\"\n      class=\"d-recipe-callbox__video\"\n    >\n      <!-- @slot Slot for video stream -->\n      <slot name=\"video\" />\n    </div>\n    <div\n      data-qa=\"dt-recipe-callbox__main-content\"\n      :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n    >\n      <div\n        class=\"d-recipe-callbox__main-content-top\"\n      >\n        <dt-avatar\n          v-if=\"shouldShowAvatar\"\n          avatar-class=\"d-recipe-callbox__avatar\"\n          :image-src=\"avatarSrc\"\n          image-alt=\"\"\n          :full-name=\"avatarFullName\"\n          :seed=\"avatarSeed\"\n          :clickable=\"clickable\"\n          size=\"sm\"\n          @click=\"handleClick\"\n        >\n          <template\n            v-if=\"isOnHold\"\n            #overlayIcon\n          >\n            <dt-icon-pause />\n          </template>\n        </dt-avatar>\n        <div class=\"d-recipe-callbox__content\">\n          <component\n            :is=\"clickable ? 'button' : 'span'\"\n            v-dt-tooltip=\"title\"\n            data-qa=\"dt-recipe-callbox__title\"\n            class=\"d-recipe-callbox__content-title\"\n            tabindex=\"0\"\n            @click=\"handleClick\"\n          >\n            {{ title }}\n          </component>\n          <div\n            v-if=\"$slots.badge || badgeText\"\n            data-qa=\"dt-recipe-callbox__badge-wrapper\"\n            class=\"d-recipe-callbox__content-badge\"\n          >\n            <!-- @slot Slot for call center badge -->\n            <slot name=\"badge\">\n              <dt-badge\n                :class=\"badgeClass\"\n                :text=\"badgeText\"\n              />\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.subtitle\"\n            data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n            class=\"d-recipe-callbox__content-subtitle\"\n          >\n            <!-- @slot Slot for subtitle -->\n            <slot name=\"subtitle\" />\n          </div>\n        </div>\n        <div\n          v-if=\"$slots.right\"\n          data-qa=\"dt-recipe-callbox__right-wrapper\"\n          class=\"d-recipe-callbox__right\"\n        >\n          <!-- @slot Slot for right icons -->\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.bottom\"\n        data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n        class=\"d-recipe-callbox__main-content-bottom\"\n      >\n        <slot name=\"bottom\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbox',\n\n  components: { DtBadge, DtAvatar, DtIconPause },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Text for the badge element\n     */\n    badgeText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Color for the badge element\n     * @values null, warning\n     */\n    badgeColor: {\n      type: String,\n      default: null,\n      validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Avatar's full name, used to extract initials\n     * to display if `avatarSrc` is empty.\n     */\n    avatarFullName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox title\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n    },\n\n    /**\n     * Makes the callbox avatar and title clickable,\n     * emits a click event when clicked.\n     */\n    clickable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls the avatars overlay icon\n     */\n    isOnHold: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Callbox click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    shouldShowAvatar () {\n      return this.avatarFullName || this.avatarSrc;\n    },\n\n    badgeClass () {\n      return CALLBOX_BADGE_COLORS[this.badgeColor];\n    },\n\n    borderClass () {\n      return CALLBOX_BORDER_COLORS[this.borderColor];\n    },\n  },\n\n  methods: {\n    handleClick (e) {\n      if (!this.clickable) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/callbox/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./callbox.cjs"),l=require("./callbox-constants.cjs");exports.DtRecipeCallbox=O.default;exports.CALLBOX_BADGE_COLORS=l.CALLBOX_BADGE_COLORS;exports.CALLBOX_BORDER_COLORS=l.CALLBOX_BORDER_COLORS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./callbox-constants.cjs`),t=require(`./callbox.cjs`);exports.CALLBOX_BADGE_COLORS=e.CALLBOX_BADGE_COLORS,exports.CALLBOX_BORDER_COLORS=e.CALLBOX_BORDER_COLORS,exports.DtRecipeCallbox=t.default;

package/dist/lib/callbox/index.js

@@ -1,8 +1,3 @@
-import { default as e } from "./callbox.js";
-import { CALLBOX_BADGE_COLORS as C, CALLBOX_BORDER_COLORS as R } from "./callbox-constants.js";
-export {
-  C as CALLBOX_BADGE_COLORS,
-  R as CALLBOX_BORDER_COLORS,
-  e as DtRecipeCallbox
-};
-//# sourceMappingURL=index.js.map
+import { CALLBOX_BADGE_COLORS as e, CALLBOX_BORDER_COLORS as t } from "./callbox-constants.js";
+import n from "./callbox.js";
+export { e as CALLBOX_BADGE_COLORS, t as CALLBOX_BORDER_COLORS, n as DtRecipeCallbox };

package/dist/lib/card/card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../common/utils/index.cjs"),e=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtCard",props:{maxHeight:{type:String,default:null},containerClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""}},data(){return{hasSlotContent:o.hasSlotContent}}};function s(t,d,r,i,a,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-card",r.containerClass]),"data-qa":"dt-card"},[a.hasSlotContent(t.$slots.header)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-card__header",r.headerClass])},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["d-card__content",r.contentClass]),style:e.normalizeStyle({"max-height":r.maxHeight})},[e.renderSlot(t.$slots,"content")],6),a.hasSlotContent(t.$slots.footer)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["d-card__footer",r.footerClass])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)],2)}const c=n._(l,[["render",s]]);exports.default=c;
-//# sourceMappingURL=card.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtCard`,props:{maxHeight:{type:String,default:null},containerClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},footerClass:{type:[String,Array,Object],default:``}},data(){return{hasSlotContent:e.hasSlotContent}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-card`,r.containerClass]),"data-qa":`dt-card`},[a.hasSlotContent(e.$slots.header)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)([`d-card__header`,r.headerClass])},[(0,n.renderSlot)(e.$slots,`header`)],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`d-card__content`,r.contentClass]),style:(0,n.normalizeStyle)({"max-height":r.maxHeight})},[(0,n.renderSlot)(e.$slots,`content`)],6),a.hasSlotContent(e.$slots.footer)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)([`d-card__footer`,r.footerClass])},[(0,n.renderSlot)(e.$slots,`footer`)],2)):(0,n.createCommentVNode)(``,!0)],2)}var a=t.t(r,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=card.cjs.map

package/dist/lib/card/card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.cjs","sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","hasSlotContent","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createElementVNode"],"mappings":"uOAmDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,SACN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,MAMX,eAAgB,CACd,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,KAIb,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eAEJ,CACF,+CArGEC,EAAAA,mBAuCM,MAAA,CAtCH,MAAKC,EAAAA,eAAA,UAA0BC,EAAA,iBAIhC,UAAQ,YAGAC,EAAA,eAAeC,EAAA,OAAO,MAAM,iBADpCJ,EAAAA,mBASM,MAAA,OAPH,MAAKC,EAAAA,eAAA,kBAAsCC,EAAA,gBAM5CG,aAAsBD,EAAA,OAAA,QAAA,mCAGxBE,EAAAA,mBASM,MAAA,CARH,MAAKL,EAAAA,eAAA,mBAAuCC,EAAA,eAI5C,qCAAuBA,EAAA,SAAS,CAAA,IAGjCG,aAAuBD,EAAA,OAAA,SAAA,MAIjBD,EAAA,eAAeC,EAAA,OAAO,MAAM,iBADpCJ,EAAAA,mBASM,MAAA,OAPH,MAAKC,EAAAA,eAAA,kBAAsCC,EAAA,gBAM5CG,aAAsBD,EAAA,OAAA,QAAA"}
+{"version":3,"file":"card.cjs","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":"kQAmDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,SACN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,eAAgB,CACd,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,0EA9DO,MAAA,CAtCH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAA0B,EAAA,eAAA,CAAA,CAIhC,UAAQ,YAGA,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,0BAYlB,MAAA,CARH,OAAA,EAAA,EAAA,gBAAK,CAAA,kBAAuC,EAAA,aAAA,CAAA,CAI5C,OAAA,EAAA,EAAA,gBAAK,CAAA,aAAkB,EAAA,UAAS,CAAA,oBAGV,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}

package/dist/lib/card/card.js

@@ -1,92 +1,73 @@
-import { hasSlotContent as d } from "../../common/utils/index.js";
-import { openBlock as r, createElementBlock as o, normalizeClass as a, renderSlot as s, createCommentVNode as l, createElementVNode as c, normalizeStyle as i } from "vue";
-import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const m = {
-  compatConfig: { MODE: 3 },
-  name: "DtCard",
-  props: {
-    /**
-     * The maximum height of the card content.
-     * If given, makes content area scrollable.
-     */
-    maxHeight: {
-      type: String,
-      default: null
-    },
-    /**
-     * class for card container.
-     */
-    containerClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class for card content.
-     */
-    contentClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class for card header.
-     */
-    headerClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class for card footer.
-     */
-    footerClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      hasSlotContent: d
-    };
-  }
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c } from "vue";
+//#region components/card/card.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtCard",
+	props: {
+		maxHeight: {
+			type: String,
+			default: null
+		},
+		containerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		contentClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		headerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		footerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	data() {
+		return { hasSlotContent: e };
+	}
 };
-function C(e, h, t, u, n, y) {
-  return r(), o("div", {
-    class: a([
-      "d-card",
-      t.containerClass
-    ]),
-    "data-qa": "dt-card"
-  }, [
-    n.hasSlotContent(e.$slots.header) ? (r(), o("div", {
-      key: 0,
-      class: a([
-        "d-card__header",
-        t.headerClass
-      ])
-    }, [
-      s(e.$slots, "header")
-    ], 2)) : l("", !0),
-    c("div", {
-      class: a([
-        "d-card__content",
-        t.contentClass
-      ]),
-      style: i({ "max-height": t.maxHeight })
-    }, [
-      s(e.$slots, "content")
-    ], 6),
-    n.hasSlotContent(e.$slots.footer) ? (r(), o("div", {
-      key: 1,
-      class: a([
-        "d-card__footer",
-        t.footerClass
-      ])
-    }, [
-      s(e.$slots, "footer")
-    ], 2)) : l("", !0)
-  ], 2);
+function u(e, t, l, u, d, f) {
+	return s(), r("div", {
+		class: a(["d-card", l.containerClass]),
+		"data-qa": "dt-card"
+	}, [
+		d.hasSlotContent(e.$slots.header) ? (s(), r("div", {
+			key: 0,
+			class: a(["d-card__header", l.headerClass])
+		}, [c(e.$slots, "header")], 2)) : n("", !0),
+		i("div", {
+			class: a(["d-card__content", l.contentClass]),
+			style: o({ "max-height": l.maxHeight })
+		}, [c(e.$slots, "content")], 6),
+		d.hasSlotContent(e.$slots.footer) ? (s(), r("div", {
+			key: 1,
+			class: a(["d-card__footer", l.footerClass])
+		}, [c(e.$slots, "footer")], 2)) : n("", !0)
+	], 2);
 }
-const p = /* @__PURE__ */ f(m, [["render", C]]);
-export {
-  p as default
-};
-//# sourceMappingURL=card.js.map
+var d = /* @__PURE__ */ t(l, [["render", u]]);
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=card.js.map

package/dist/lib/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","hasSlotContent","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AAmDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEJ;AACF;;cArGEC,EAuCM,OAAA;AAAA,IAtCH,OAAKC,EAAA;AAAA;MAA0BC,EAAA;AAAA;IAIhC,WAAQ;AAAA;IAGAC,EAAA,eAAeC,EAAA,OAAO,MAAM,UADpCJ,EASM,OAAA;AAAA;MAPH,OAAKC,EAAA;AAAA;QAAsCC,EAAA;AAAA;;MAM5CG,EAAsBD,EAAA,QAAA,QAAA;AAAA;IAGxBE,EASM,OAAA;AAAA,MARH,OAAKL,EAAA;AAAA;QAAuCC,EAAA;AAAA;MAI5C,yBAAuBA,EAAA,UAAS,CAAA;AAAA;MAGjCG,EAAuBD,EAAA,QAAA,SAAA;AAAA;IAIjBD,EAAA,eAAeC,EAAA,OAAO,MAAM,UADpCJ,EASM,OAAA;AAAA;MAPH,OAAKC,EAAA;AAAA;QAAsCC,EAAA;AAAA;;MAM5CG,EAAsBD,EAAA,QAAA,QAAA;AAAA;;;;"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;AAmDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;;aArGC,EAuCM,OAAA;EAtCH,OAAK,EAAA,CAAA,UAA0B,EAAA,eAAA,CAAA;EAIhC,WAAQ;;EAGA,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;EAGxB,EASM,OAAA;GARH,OAAK,EAAA,CAAA,mBAAuC,EAAA,aAAA,CAAA;GAI5C,OAAK,EAAA,EAAA,cAAkB,EAAA,WAAS,CAAA;MAGjC,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/lib/card/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card.cjs");exports.DtCard=e.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./card.cjs`);exports.DtCard=e.default;

package/dist/lib/card/index.js

@@ -1,5 +1,2 @@
-import { default as t } from "./card.js";
-export {
-  t as DtCard
-};
-//# sourceMappingURL=index.js.map
+import e from "./card.js";
+export { e as DtCard };

package/dist/lib/checkbox/checkbox-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={error:"d-checkbox--error",warning:"d-checkbox--warning",success:"d-checkbox--success"},c={CHECKBOX_INPUT_VALIDATION_CLASSES:e};exports.CHECKBOX_INPUT_VALIDATION_CLASSES=e;exports.default=c;
-//# sourceMappingURL=checkbox-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={error:`d-checkbox--error`,warning:`d-checkbox--warning`,success:`d-checkbox--success`},t={CHECKBOX_INPUT_VALIDATION_CLASSES:e};exports.CHECKBOX_INPUT_VALIDATION_CLASSES=e,exports.default=t;
+//# sourceMappingURL=checkbox-constants.cjs.map

package/dist/lib/checkbox/checkbox-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-constants.cjs","sources":["../../../components/checkbox/checkbox_constants.js"],"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"],"names":["CHECKBOX_INPUT_VALIDATION_CLASSES","checkbox_constants"],"mappings":"4GAAY,MAACA,EAAoC,CAC/C,MAAO,oBACP,QAAS,sBACT,QAAS,qBACX,EAEAC,EAAe,CACb,kCAAAD,CACF"}
+{"version":3,"file":"checkbox-constants.cjs","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"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"],"mappings":"+FAAA,IAAa,EAAoC,CAC/C,MAAO,oBACP,QAAS,sBACT,QAAS,sBACV,CAED,EAAe,CACb,oCACD"}

package/dist/lib/checkbox/checkbox-constants.js

@@ -1,12 +1,10 @@
-const c = {
-  error: "d-checkbox--error",
-  warning: "d-checkbox--warning",
-  success: "d-checkbox--success"
-}, s = {
-  CHECKBOX_INPUT_VALIDATION_CLASSES: c
-};
-export {
-  c as CHECKBOX_INPUT_VALIDATION_CLASSES,
-  s as default
-};
-//# sourceMappingURL=checkbox-constants.js.map
+//#region components/checkbox/checkbox_constants.js
+var e = {
+	error: "d-checkbox--error",
+	warning: "d-checkbox--warning",
+	success: "d-checkbox--success"
+}, t = { CHECKBOX_INPUT_VALIDATION_CLASSES: e };
+//#endregion
+export { e as CHECKBOX_INPUT_VALIDATION_CLASSES, t as default };
+
+//# sourceMappingURL=checkbox-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-constants.js","sources":["../../../components/checkbox/checkbox_constants.js"],"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"],"names":["CHECKBOX_INPUT_VALIDATION_CLASSES","checkbox_constants"],"mappings":"AAAY,MAACA,IAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAEAC,IAAe;AAAA,EACb,mCAAAD;AACF;"}
+{"version":3,"file":"checkbox-constants.js","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"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"],"mappings":";AAAA,IAAa,IAAoC;CAC/C,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAED,IAAe,EACb,sCACD"}

package/dist/lib/checkbox/checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/mixins/input.cjs"),o=require("../../common/utils/index.cjs"),c=require("./checkbox-constants.cjs"),s=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../text/text.cjs"),m=require("../validation-messages/validation-messages.cjs"),r=require("../text/text-constants.cjs"),b={compatConfig:{MODE:3},name:"DtCheckbox",components:{DtValidationMessages:m.default,DtText:h.default},mixins:[i.InputMixin,i.CheckableMixin,i.GroupableMixin,i.MessagesMixin],inheritAttrs:!1,props:{labelVisible:{type:Boolean,default:!0},labelSize:{type:[String,Number],default:null,validator:e=>r.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(r.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:["input","update:modelValue","focusin","focusout"],computed:{resolvedLabelSize(){return this.labelSize??300},inputValidationClass(){return c.CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState]},checkboxGroupValueChecked(){var e,l;return((l=(e=this.groupContext)==null?void 0:e.selectedValues)==null?void 0:l.includes(this.value))??!1},hasLabelContent(){return!!(this.$slots.default||this.label)},hasLabel(){return this.labelVisible&&this.hasLabelContent},hasMessages(){return this.formattedMessages.length&&this.showMessages},inputListeners(){return{input:()=>{},focusin:e=>this.$emit("focusin",e),focusout:e=>this.$emit("focusout",e),change:e=>this.emitValue(e.target)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:o.removeClassStyleAttrs,addClassStyleAttrs:o.addClassStyleAttrs,emitValue(e){let{value:l,checked:t}=e;this.internalIndeterminate&&(t=!1,this.internalIndeterminate=!1,e.checked=!1),this.setGroupValue(l,t),this.$emit("input",t),this.$emit("update:modelValue",t)},runValidations(){!this.hasLabelContent&&!this.$attrs["aria-label"]&&console.warn('[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible="false" to hide it visually.')}}},p={class:"d-checkbox__input"},g=["checked","name","value","disabled","aria-label",".indeterminate"],k={key:0,class:"d-checkbox__messages","data-qa":"checkbox-description-messages"};function C(e,l,t,v,S,a){const n=s.resolveComponent("dt-text"),d=s.resolveComponent("dt-validation-messages");return s.openBlock(),s.createElementBlock("div",s.mergeProps({class:e.rootClass},a.addClassStyleAttrs(e.$attrs)),[s.createElementVNode("label",{class:s.normalizeClass(["d-checkbox-group",{"d-checkbox-group--disabled":e.internalDisabled}])},[s.createElementVNode("div",p,[s.createElementVNode("input",s.mergeProps({type:"checkbox",checked:e.internalChecked,name:e.internalName,value:e.value,disabled:e.internalDisabled,class:["d-checkbox",a.inputValidationClass,e.inputClass],"aria-label":!t.labelVisible&&e.label?e.label:void 0},a.removeClassStyleAttrs(e.$attrs),{".indeterminate":e.internalIndeterminate},s.toHandlers(a.inputListeners,!0)),null,48,g)]),a.hasLabel?(s.openBlock(),s.createBlock(n,s.mergeProps({key:0,as:"div",kind:"label",size:a.resolvedLabelSize,strength:t.labelStrength??"normal",tone:e.internalDisabled?"disabled":"primary",class:[e.labelClass,"d-checkbox__copy d-checkbox__label"]},e.labelChildProps,{"data-qa":"checkbox-label"}),{default:s.withCtx(()=>[s.renderSlot(e.$slots,"default",{},()=>[s.createTextVNode(s.toDisplayString(e.label),1)])]),_:3},16,["size","strength","tone","class"])):s.createCommentVNode("",!0)],2),e.$slots.description||e.description||a.hasMessages?(s.openBlock(),s.createElementBlock("div",k,[e.$slots.description||e.description?(s.openBlock(),s.createBlock(n,s.mergeProps({key:0,kind:"body",size:200,tone:"tertiary",as:"div",class:["d-description",e.descriptionClass]},e.descriptionChildProps,{"data-qa":"checkbox-description"}),{default:s.withCtx(()=>[s.renderSlot(e.$slots,"description",{},()=>[s.createTextVNode(s.toDisplayString(e.description),1)])]),_:3},16,["class"])):s.createCommentVNode("",!0),s.createVNode(d,s.mergeProps({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":"dt-checkbox-validation-messages"}),null,16,["validation-messages","show-messages","class"])])):s.createCommentVNode("",!0)],16)}const f=u._(b,[["render",C]]);exports.default=f;
-//# sourceMappingURL=checkbox.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../common/mixins/input.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`./checkbox-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtCheckbox`,components:{DtValidationMessages:r.default},mixins:[t.InputMixin,t.CheckableMixin,t.GroupableMixin,t.MessagesMixin],inheritAttrs:!1,emits:[`input`,`update:modelValue`,`focusin`,`focusout`],computed:{inputValidationClass(){return i.CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState]},checkboxGroupValueChecked(){return this.groupContext?.selectedValues?.includes(this.value)??!1},hasLabel(){return!!(this.$slots.default||this.label)},hasMessages(){return this.formattedMessages.length&&this.showMessages},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,emitValue(e){let{value:t,checked:n}=e;this.internalIndeterminate&&(n=!1,this.internalIndeterminate=!1,e.checked=!1),this.setGroupValue(t,n),this.$emit(`input`,n),this.$emit(`update:modelValue`,n)},runValidations(){this.validateInputLabels(this.hasLabel,this.$attrs[`aria-label`])}}},s={class:`d-checkbox__input`},c=[`checked`,`name`,`value`,`disabled`,`.indeterminate`],l={key:0,class:`d-checkbox__messages`,"data-qa":`checkbox-description-messages`};function u(e,t,n,r,i,o){let u=(0,a.resolveComponent)(`dt-validation-messages`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:e.rootClass},o.addClassStyleAttrs(e.$attrs)),[(0,a.createElementVNode)(`label`,{class:(0,a.normalizeClass)([`d-checkbox-group`,{"d-checkbox-group--disabled":e.internalDisabled}])},[(0,a.createElementVNode)(`div`,s,[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({type:`checkbox`,checked:e.internalChecked,name:e.internalName,value:e.value,disabled:e.internalDisabled,class:[`d-checkbox`,o.inputValidationClass,e.inputClass]},o.removeClassStyleAttrs(e.$attrs),{".indeterminate":e.internalIndeterminate},(0,a.toHandlers)(o.inputListeners,!0)),null,48,c)]),o.hasLabel?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[e.labelClass,`d-checkbox__copy d-checkbox__label`]},e.labelChildProps,{"data-qa":`checkbox-label`}),[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)])],16)):(0,a.createCommentVNode)(``,!0)],2),e.$slots.description||e.description||o.hasMessages?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[e.$slots.description||e.description?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`checkbox-description`}),[(0,a.renderSlot)(e.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)])],16)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(u,(0,a.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-checkbox-validation-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])])):(0,a.createCommentVNode)(``,!0)],16)}var d=n.t(o,[[`render`,u]]);exports.default=d;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/lib/checkbox/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :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          :aria-label=\"!labelVisible && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\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-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </dt-text>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <dt-text\n        v-if=\"$slots.description || description\"\n        kind=\"body\"\n        :size=\"200\"\n        tone=\"tertiary\"\n        as=\"div\"\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\">\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-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\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  compatConfig: { MODE: 3 },\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines visibility of checkbox 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 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(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 {Boolean}\n     */\n    'input',\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\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    resolvedLabelSize () {\n      return this.labelSize ?? 300;\n    },\n\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    hasLabelContent () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasLabel () {\n      return this.labelVisible && this.hasLabelContent;\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\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    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\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      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n        console.warn(\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};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","DtText","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","s","TEXT_SIZE_MODIFIERS","TEXT_STRENGTH_MODIFIERS","CHECKBOX_INPUT_VALIDATION_CLASSES","_b","_a","event","newCheckboxGroupValueChecked","removeClassStyleAttrs","addClassStyleAttrs","target","value","checked","_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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"}
+{"version":3,"file":"checkbox.cjs","names":[],"sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :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=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        v-if=\"hasLabel\"\n        :class=\"[labelClass, 'd-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <div\n        v-if=\"$slots.description || description\"\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\">\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-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\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  compatConfig: { MODE: 3 },\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     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\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    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\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    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\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      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}