@dialpad/dialtone-vue 3.177.0 → 3.178.0

package/dist/lib/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-toggle-wrapper\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model checked\n     * @values true, false, 'mixed'\n     */\n    checked: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    checked (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","v","TOGGLE_CHECKED_VALUES","s","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","_","newChecked","addClassStyleAttrs","hasLabel","ariaLabel","warn","_hoisted_1","_hoisted_2","_createElementBlock","_mergeProps","$options","_ctx","$data","_openBlock","$props","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_3"],"mappings":";;;;AA0CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EAEzB,MAAM;AAAA,EAEN,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOC,EAAe;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,CAACC,MAAMC,EAAsB,SAASD,CAAC;AAAA,IACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAM,OAAO,KAAKC,CAAqB,EAAE,SAASD,CAAC;AAAA,IAChE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,iBAAiB,KAAK;AAAA,MACtB,gBAAAE;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,iBAAkB;AAChB,aAAO;AAAA,QACL,GAAGC,EAAsB,KAAK,MAAM;AAAA,QACpC,SAAS,CAAAC,MAAK,KAAK,mBAAoB;AAAA;IAE1C;AAAA,IAED,kBAAmB;AACjB,aAAO,KAAK,oBAAoB;AAAA,IACjC;AAAA,IAED,aAAc;AACZ,aAAO,KAAK,kBAAkB,aAAa;AAAA,IAC5C;AAAA,IAED,gBAAiB;AACf,aAAO;AAAA,QACL;AAAA,QACAH,EAAsB,KAAK,IAAI;AAAA,QAC/B;AAAA,UACE,qBAAqB,KAAK,oBAAoB;AAAA,UAC9C,sBAAsB,KAAK;AAAA,UAC3B,2BAA2B,KAAK;AAAA,QACjC;AAAA;IAEJ;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAASI,GAAY;AACnB,WAAK,kBAAkBA;AAAA,IACxB;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,eAAc;AAAA,EACpB;AAAA,EAED,SAAS;AAAA,IACP,oBAAAC;AAAA,IACA,qBAAsB;AACpB,WAAK,MAAM,UAAU,CAAC,KAAK,eAAe,GAEtC,KAAK,kBACP,KAAK,kBAAkB,CAAC,KAAK;AAAA,IAEhC;AAAA,IAED,eAAgB;AACd,aAAO,CAAC,CAAE,KAAK,OAAO;AAAA,IACvB;AAAA,IAED,iBAAkB;AAChB,WAAK,oBAAoB,KAAK,aAAY,GAAI,KAAK,OAAO,YAAY,CAAC;AAAA,IACxE;AAAA,IAED,oBAAqBC,GAAUC,GAAW;AACxC,MAAI,CAACD,KAAY,CAACC,KAChBC;AAAA,QACE;AAAA,QACA;AAAA;IAGL;AAAA,EACF;AACH,GAtNAC,IAAA,CAAA,KAAA,GAAAC,IAAA,CAAA,MAAA,QAAA,gBAAA,YAAA,eAAA;EAAA,KAAA;AAAA,EA2BQ,OAAM;;;cA1BZC,EA6BM,OA7BNC,EA6BM,EA5BJ,OAAM,mBAAkB,GAChBC,EAAkB,mBAACC,EAAM,MAAA,CAAA,GAAA;AAAA,IAGzBC,EAAc,eAACD,EAAM,OAAC,OAAO,KADrCE,KAAAL,EASQ,SATRC,EASQ;AAAA,MAdZ,KAAA;AAAA,MAOO,OAAOK,EAAU;AAAA,MACjB,KAAKA,EAAE;AAAA,OACAA,EAAe,iBAAA,EACvB,WAAQ,eAAc,CAAA,GAAA;AAAA,MAGtBC,EAAQJ,EAAA,QAAA,SAAA;AAAA,IAbd,GAAA,IAAAL,CAAA,KAAAU,EAAA,IAAA,EAAA;AAAA,IAeIC,EAcS,UAdTR,EAcS;AAAA,MAbN,IAAIK,EAAE;AAAA,MACN,MAAMJ,EAAU;AAAA,MACjB,MAAK;AAAA,MACJ,gBAAcE,EAAe,gBAAC,SAAQ;AAAA,MACtC,UAAUE,EAAQ;AAAA,MAClB,iBAAeA,EAAQ,SAAC,SAAQ;AAAA,MAChC,OAAOJ,EAAa;AAAA,OACbA,EAAc,cAAA,GAAA;AAAA,MAGdI,EAAQ,YADhBD,KAAAL,EAGE,QAHFU,CAGE,KA5BRF,EAAA,IAAA,EAAA;AAAA,IAAA,GAAA,IAAAT,CAAA;AAAA;;;"}
+{"version":3,"file":"toggle.js","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-toggle-wrapper\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","v","TOGGLE_CHECKED_VALUES","s","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","_","newChecked","addClassStyleAttrs","hasLabel","ariaLabel","warn","_hoisted_1","_hoisted_2","_createElementBlock","_mergeProps","$options","_ctx","$data","_openBlock","$props","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_3"],"mappings":"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"}

package/dist/types/common/mixins/input.d.ts

@@ -78,11 +78,8 @@ export namespace InputMixin {
     }
 }
 export namespace CheckableMixin {
-    export namespace model {
-        let prop: string;
-    }
     export namespace props_1 {
-        export namespace checked {
+        export namespace modelValue {
             let type_11: BooleanConstructor;
             export { type_11 as type };
             let _default_11: boolean;
@@ -105,7 +102,7 @@ export namespace CheckableMixin {
     export { props_1 as props };
     export function data(): any;
     export namespace watch_1 {
-        function checked(newChecked: any): void;
+        function modelValue(newChecked: any): void;
         function indeterminate(newValue: any): void;
     }
     export { watch_1 as watch };

package/dist/types/common/mixins/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA4DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;IAIvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,yFAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCH,4BAKC;;QAGC,wCAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,yBAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;IAIvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,yFAOC;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCH,4BAKC;;QAGC,2CAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,yBAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}

package/dist/types/components/checkbox/checkbox.vue.d.ts

@@ -3,8 +3,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
     inputValidationClass(): any;
     checkboxGroupValueChecked(): any;
     hasLabel(): boolean;
-    hasDescription(): boolean;
-    hasDescriptionOrMessages(): any;
     hasMessages(): any;
     inputListeners(): {
         input: () => void;
@@ -75,11 +73,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         validateInputLabels(hasLabelOrLabel: string | boolean, ariaLabel: string): void;
     };
 } | {
-    model: {
-        prop: string;
-    };
     props: {
-        checked: {
+        modelValue: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -94,7 +89,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
     };
     data(): any;
     watch: {
-        checked(newChecked: any): void;
+        modelValue(newChecked: any): void;
         indeterminate(newValue: any): void;
     };
 } | {
@@ -154,10 +149,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
     computed: {
         formattedMessages(): any;
     };
-}, import('vue').ComponentOptionsMixin, ("input" | "focusin" | "focusout")[], "input" | "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+}, import('vue').ComponentOptionsMixin, ("input" | "focusin" | "focusout" | "update:modelValue")[], "input" | "focusin" | "focusout" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
 //# sourceMappingURL=checkbox.vue.d.ts.map

package/dist/types/components/checkbox/checkbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../components/checkbox/checkbox.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAuM0D,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../components/checkbox/checkbox.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAuM0D,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/components/checkbox_group/checkbox_group.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{
-    value: {
+    modelValue: {
         type: never[];
         default: null;
         validator: (value: unknown) => boolean;
@@ -174,8 +174,8 @@ declare const _default: import('vue').DefineComponent<{
     dataQaGroup: string;
     dataQaGroupLegend: string;
     dataQaGroupMessages: string;
-}, {}>, "input"[], "input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
+}, {}>, ("input" | "update:selectedValues")[], "input" | "update:selectedValues", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
         type: never[];
         default: null;
         validator: (value: unknown) => boolean;
@@ -198,8 +198,9 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedValues"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: never;
+    modelValue: never;
     dataQaGroup: string;
     dataQaGroupLegend: string;
     dataQaGroupMessages: string;

package/dist/types/components/input/input.vue.d.ts

@@ -204,13 +204,14 @@ declare const _default: import('vue').DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:length"?: ((...args: any[]) => any) | undefined;
     "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     disabled: boolean;
+    modelValue: string | number;
     name: string;
     size: string;
     type: string;
@@ -218,7 +219,6 @@ declare const _default: import('vue').DefineComponent<{
     hidden: boolean;
     validate: Record<string, any>;
     labelVisible: boolean;
-    modelValue: string | number;
     inputClass: string | Record<string, any> | unknown[];
     inputWrapperClass: string | Record<string, any> | unknown[];
     currentLength: number;

package/dist/types/components/radio/radio.vue.d.ts

@@ -15,8 +15,6 @@ declare const _default: import('vue').DefineComponent<{
         focusout: (event: any) => any;
         change: (event: any) => any;
     };
-    hasDescription(): boolean;
-    hasDescriptionOrMessages(): any;
     hasMessages(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
@@ -80,11 +78,8 @@ declare const _default: import('vue').DefineComponent<{
         validateInputLabels(hasLabelOrLabel: string | boolean, ariaLabel: string): void;
     };
 } | {
-    model: {
-        prop: string;
-    };
     props: {
-        checked: {
+        modelValue: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -99,7 +94,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     data(): any;
     watch: {
-        checked(newChecked: any): void;
+        modelValue(newChecked: any): void;
         indeterminate(newValue: any): void;
     };
 } | {
@@ -159,7 +154,7 @@ declare const _default: import('vue').DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, import('vue').ComponentOptionsMixin, ("input" | "click" | "focus" | "focusin" | "focusout")[], "input" | "click" | "focus" | "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("input" | "click" | "focus" | "focusin" | "focusout" | "update:modelValue")[], "input" | "click" | "focus" | "focusin" | "focusout" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -170,6 +165,7 @@ declare const _default: import('vue').DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number;
 }, {}>;

package/dist/types/components/radio/radio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.vue.d.ts","sourceRoot":"","sources":["../../../../components/radio/radio.vue"],"names":[],"mappings":"AAoDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAiN0E,gBAAgB;sCAAhB,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"radio.vue.d.ts","sourceRoot":"","sources":["../../../../components/radio/radio.vue"],"names":[],"mappings":"AAoDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAgN0E,gBAAgB;sCAAhB,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/components/radio_group/radio_group.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{
-    value: {
+    modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
@@ -169,8 +169,8 @@ declare const _default: import('vue').DefineComponent<{
     dataQaGroup: string;
     dataQaGroupLegend: string;
     dataQaGroupMessages: string;
-}, {}>, "input"[], "input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
+}, {}>, ("input" | "update:modelValue")[], "input" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
@@ -188,8 +188,9 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number;
+    modelValue: string | number;
     dataQaGroup: string;
     dataQaGroupLegend: string;
     dataQaGroupMessages: string;

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts

@@ -147,7 +147,7 @@ declare const _default: import('vue').DefineComponent<{
     getExtension(extension: any, options: any): any;
     updateEditorAttributes(attributes: any): void;
     focusEditor(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "enter" | "update:modelValue" | "json-input" | "html-input" | "text-input" | "edit-link")[], "input" | "blur" | "focus" | "selected" | "enter" | "update:modelValue" | "json-input" | "html-input" | "text-input" | "edit-link", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "json-input" | "html-input" | "text-input" | "edit-link")[], "input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "json-input" | "html-input" | "text-input" | "edit-link", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -258,8 +258,8 @@ declare const _default: import('vue').DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onEnter?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
     "onJson-input"?: ((...args: any[]) => any) | undefined;
     "onHtml-input"?: ((...args: any[]) => any) | undefined;

package/dist/types/components/root_layout/root_layout.vue.d.ts

@@ -51,6 +51,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, any, any, {
     isInverted(): boolean;
+    responsiveBreakpointClass(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     fixed: {
         type: BooleanConstructor;

package/dist/types/components/select_menu/select_menu.vue.d.ts

@@ -116,7 +116,7 @@ declare const _default: import('vue').DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, import('vue').ComponentOptionsMixin, ("input" | "change")[], "input" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("input" | "change" | "update:modelValue")[], "input" | "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -170,6 +170,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     disabled: boolean;

package/dist/types/components/select_menu/select_menu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select_menu.vue.d.ts","sourceRoot":"","sources":["../../../../components/select_menu/select_menu.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoVO,gBAAgB;sCAAhB,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"select_menu.vue.d.ts","sourceRoot":"","sources":["../../../../components/select_menu/select_menu.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6VO,gBAAgB;sCAAhB,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/components/toggle/toggle.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    checked: {
+    modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
         validator: (v: unknown) => boolean;
@@ -48,7 +48,7 @@ declare const _default: import('vue').DefineComponent<{
     hasSlotLabel(): boolean;
     runValidations(): void;
     validateInputLabels(hasLabel: any, ariaLabel: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default(): string;
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    checked: {
+    modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
         validator: (v: unknown) => boolean;
@@ -85,9 +85,10 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    checked: string | boolean;
     disabled: boolean;
+    modelValue: string | boolean;
     id: string;
     size: string;
     labelClass: string | Record<string, any> | unknown[];

package/dist/types/components/toggle/toggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.vue.d.ts","sourceRoot":"","sources":["../../../../components/toggle/toggle.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA2N2F,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"toggle.vue.d.ts","sourceRoot":"","sources":["../../../../components/toggle/toggle.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAgO2F,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callbar_button_with_dropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue"],"names":[],"mappings":"AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAqWiG,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"callbar_button_with_dropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue"],"names":[],"mappings":"AAqEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAsWiG,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts

@@ -1,6 +1,6 @@
 import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<{
-    value: {
+    modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
     };
@@ -470,8 +470,8 @@ declare const _default: import('vue').DefineComponent<{
     onFocus(event: any): void;
     onBlur(event: any): void;
     onInput(event: any): void;
-}, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "text-input" | "quick-replies-click" | "inline-image-click")[], "input" | "blur" | "focus" | "text-input" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
+}, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click")[], "input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
     };
@@ -598,11 +598,12 @@ declare const _default: import('vue').DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onText-input"?: ((...args: any[]) => any) | undefined;
     "onQuick-replies-click"?: ((...args: any[]) => any) | undefined;
     "onInline-image-click"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | Record<string, any>;
+    modelValue: string | Record<string, any>;
     maxHeight: string;
     inputClass: string;
     placeholder: string;

package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAqLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA84B0D,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAqLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAs5B0D,gBAAgB;mCAAhB,gBAAgB"}

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts

@@ -424,8 +424,8 @@ declare const _default: import('vue').DefineComponent<{
     "onAdd-media"?: ((...args: any[]) => any) | undefined;
     "onPaste-media"?: ((...args: any[]) => any) | undefined;
 }, {
-    maxHeight: string;
     modelValue: string | Record<string, any>;
+    maxHeight: string;
     inputClass: string;
     placeholder: string;
     mentionSuggestion: Record<string, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.177.0",
+  "version": "3.178.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -52,12 +52,12 @@
     "react": "17.0.2",
     "storybook-dark-mode": "^3.0.3",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "8.53.0",
-    "@dialpad/generator-dialtone": "0.1.0"
+    "@dialpad/generator-dialtone": "0.1.0",
+    "@dialpad/dialtone-css": "8.54.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.53.0"
+    "@dialpad/dialtone-css": "^8.54.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"