@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/toast/toast.js

@@ -1,585 +1,2 @@
-import { TOAST_ROLES as A, TOAST_ALTERNATE_KINDS as L, TOAST_MIN_DURATION as v, TOAST_LAYOUTS as V } from "./toast-constants.js";
-import m, { extractVueListeners as O } from "../../common/utils/index.js";
-import { resolveComponent as l, openBlock as d, createElementBlock as T, normalizeClass as B, createElementVNode as u, createBlock as _, mergeProps as s, withCtx as o, renderSlot as i, createCommentVNode as r, createVNode as h, createTextVNode as C, toDisplayString as p, resolveDynamicComponent as N } from "vue";
-import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import E from "../notice/notice-action.js";
-import b from "../notice/notice-content.js";
-import R from "../notice/notice-icon.js";
-import { NOTICE_KINDS as K } from "../notice/notice-constants.js";
-import { DtIconSparkle as z, DtIconBell as q, DtIconAlertTriangle as U, DtIconInfo as f } from "@dialpad/dialtone-icons/vue3";
-import { ICON_SIZE_MODIFIERS as $ } from "../icon/icon-constants.js";
-const j = {
-  name: "ToastLayoutDefault",
-  components: {
-    DtNoticeIcon: R,
-    DtNoticeContent: b,
-    DtNoticeAction: E
-  },
-  inheritAttrs: !1,
-  props: {
-    isShown: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default() {
-        return m.getUniqueString();
-      }
-    },
-    /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default() {
-        return m.getUniqueString();
-      }
-    },
-    /**
-     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Message of the toast. Overridden by default slot.
-     */
-    message: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
-     * communicate an important message like an error that does not contain any interactive elements.
-     * @values status, alert
-     */
-    role: {
-      type: String,
-      default: "status",
-      validator: (t) => A.includes(t)
-    },
-    /**
-     * Severity level of the toast, sets the icon and background
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validator: (t) => K.includes(t)
-    },
-    /**
-     * Used in scenarios where the message needs to visually dominate the screen.
-     * @values true, false
-     */
-    important: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the close button from the toast
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["close"],
-  computed: {
-    kindClass() {
-      return {
-        error: "d-toast--error",
-        info: "d-toast--info",
-        success: "d-toast--success",
-        warning: "d-toast--warning",
-        base: "d-toast--base"
-      }[this.kind];
-    },
-    toastListeners() {
-      return O(this.$attrs);
-    }
-  }
-}, F = ["aria-hidden"], P = { class: "d-toast__dialog" };
-function Y(t, a, e, g, c, n) {
-  const S = l("dt-notice-icon"), I = l("dt-notice-content"), k = l("dt-notice-action");
-  return e.isShown ? (d(), T("div", {
-    key: 0,
-    class: B([
-      "d-toast",
-      n.kindClass,
-      t.$attrs.class,
-      { "d-toast--important": e.important }
-    ]),
-    "data-qa": "dt-toast",
-    "aria-hidden": (!e.isShown).toString()
-  }, [
-    u("div", P, [
-      e.hideIcon ? r("", !0) : (d(), _(S, s({
-        key: 0,
-        kind: e.kind
-      }, n.toastListeners), {
-        default: o(() => [
-          i(t.$slots, "icon")
-        ]),
-        _: 3
-      }, 16, ["kind"])),
-      h(I, s({
-        "title-id": e.titleId,
-        "content-id": e.contentId,
-        title: e.title,
-        role: e.role
-      }, n.toastListeners), {
-        titleOverride: o(() => [
-          i(t.$slots, "titleOverride")
-        ]),
-        default: o(() => [
-          i(t.$slots, "default", {}, () => [
-            C(p(e.message), 1)
-          ])
-        ]),
-        _: 3
-      }, 16, ["title-id", "content-id", "title", "role"]),
-      h(k, s({
-        "hide-action": e.hideAction,
-        "hide-close": e.hideClose
-      }, n.toastListeners, {
-        onClose: a[0] || (a[0] = (M) => t.$emit("close"))
-      }), {
-        default: o(() => [
-          i(t.$slots, "action")
-        ]),
-        _: 3
-      }, 16, ["hide-action", "hide-close"])
-    ])
-  ], 10, F)) : r("", !0);
-}
-const w = /* @__PURE__ */ y(j, [["render", Y]]), Z = /* @__PURE__ */ new Map([
-  ["info", f],
-  ["success", f],
-  ["warning", U],
-  ["error", f],
-  ["base", q],
-  ["gradient", z]
-]), G = {
-  compatConfig: { MODE: 3 },
-  name: "DtToastLayoutAlternateIcon",
-  components: {
-    DtIconInfo: f,
-    DtIconAlertTriangle: U,
-    DtIconBell: q,
-    DtIconSparkle: z
-  },
-  props: {
-    /**
-     * Kind of icon
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validate(t) {
-        return L.includes(t);
-      }
-    },
-    size: {
-      type: String,
-      default: "400",
-      validator: (t) => Object.keys($).includes(t)
-    }
-  },
-  computed: {
-    defaultIcon() {
-      return Z.get(this.kind);
-    }
-  }
-}, H = {
-  "aria-hidden": "true",
-  class: "d-toast-layout-alternate__icon"
-};
-function J(t, a, e, g, c, n) {
-  return d(), T("div", H, [
-    i(t.$slots, "default", {}, () => [
-      n.defaultIcon ? (d(), _(N(n.defaultIcon), {
-        key: 0,
-        size: e.size
-      }, null, 8, ["size"])) : r("", !0)
-    ])
-  ]);
-}
-const Q = /* @__PURE__ */ y(G, [["render", J]]), W = {
-  name: "ToastLayoutAlternate",
-  components: {
-    DtNoticeAction: E,
-    DtNoticeContent: b,
-    DtToastLayoutAlternateIcon: Q
-  },
-  inheritAttrs: !1,
-  props: {
-    isShown: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default() {
-        return m.getUniqueString();
-      }
-    },
-    /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default() {
-        return m.getUniqueString();
-      }
-    },
-    /**
-     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Message of the toast. Overridden by default slot.
-     */
-    message: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
-     * communicate an important message like an error that does not contain any interactive elements.
-     * @values status, alert
-     */
-    role: {
-      type: String,
-      default: "status",
-      validator: (t) => A.includes(t)
-    },
-    /**
-     * Severity level of the toast, sets the icon and background
-     * @values base, error, info, success, warning, gradient
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validator: (t) => L.includes(t)
-    },
-    /**
-     * Hides the close button from the toast
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    kindClass() {
-      return {
-        error: "d-toast-alternate--error",
-        info: "d-toast-alternate--info",
-        success: "d-toast-alternate--success",
-        warning: "d-toast-alternate--warning",
-        gradient: "d-toast-alternate--gradient"
-      }[this.kind];
-    },
-    toastListeners() {
-      return O(this.$attrs);
-    }
-  }
-}, X = ["aria-hidden"], x = { class: "d-toast-alternate__dialog" }, tt = { class: "d-toast-alternate__header" }, et = { class: "d-toast-alternate__content" };
-function nt(t, a, e, g, c, n) {
-  const S = l("dt-toast-layout-alternate-icon"), I = l("dt-notice-content"), k = l("dt-notice-action");
-  return e.isShown ? (d(), T("div", {
-    key: 0,
-    class: B([
-      "d-toast-alternate",
-      t.$attrs.class,
-      n.kindClass
-    ]),
-    "data-qa": "dt-toast",
-    "aria-hidden": (!e.isShown).toString()
-  }, [
-    u("div", x, [
-      u("div", tt, [
-        e.hideIcon ? r("", !0) : (d(), _(S, s({
-          key: 0,
-          kind: e.kind,
-          size: "200"
-        }, n.toastListeners), {
-          default: o(() => [
-            i(t.$slots, "icon")
-          ]),
-          _: 3
-        }, 16, ["kind"])),
-        h(I, s({
-          "title-id": e.titleId,
-          "content-id": e.contentId,
-          title: e.title,
-          role: e.role
-        }, n.toastListeners), {
-          titleOverride: o(() => [
-            i(t.$slots, "titleOverride")
-          ]),
-          _: 3
-        }, 16, ["title-id", "content-id", "title", "role"]),
-        h(k, s({
-          "hide-action": !0,
-          "hide-close": e.hideClose,
-          "button-size": "xs"
-        }, n.toastListeners, {
-          onClose: a[0] || (a[0] = (M) => t.$emit("close"))
-        }), null, 16, ["hide-close"])
-      ]),
-      u("div", et, [
-        i(t.$slots, "default", {}, () => [
-          C(p(e.message), 1)
-        ])
-      ])
-    ])
-  ], 10, X)) : r("", !0);
-}
-const D = /* @__PURE__ */ y(W, [["render", nt]]), it = {
-  compatConfig: { MODE: 3 },
-  name: "DtToast",
-  components: {
-    ToastLayoutDefault: w,
-    ToastLayoutAlternate: D
-  },
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Message of the toast. Overridden by default slot.
-     */
-    message: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
-     * communicate an important message like an error that does not contain any interactive elements.
-     * @values status, alert
-     */
-    role: {
-      type: String,
-      default: "status"
-    },
-    /**
-     * Severity level of the toast, could be different depending on which toast layout is used.
-     * @values base, error, info, success, warning, gradient
-     */
-    kind: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Used in scenarios where the message needs to visually dominate the screen.
-     * @values true, false
-     */
-    important: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear
-     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update
-     * the data in your component.
-     * Supports v-model
-     * @values true, false
-     */
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the close button from the toast
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * The duration in ms the toast will display before disappearing.
-     * The toast won't disappear if the duration is not provided.
-     * If it's provided, it should be equal to or greater than 6000.
-     */
-    duration: {
-      type: Number,
-      default: null,
-      validator: (t) => t >= v
-    },
-    /**
-     * The layout / styling you wish to use for the toast.
-     * @values default, alternate
-     */
-    layout: {
-      type: String,
-      default: "default",
-      validator: (t) => V.includes(t)
-    }
-  },
-  emits: [
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close",
-    /**
-     * Sync show value
-     *
-     * @event update:show
-     */
-    "update:show"
-  ],
-  data() {
-    return {
-      isShown: !1,
-      minDuration: v
-    };
-  },
-  computed: {
-    shouldSetTimeout() {
-      return !!this.duration && this.duration >= this.minDuration;
-    },
-    selectedLayout() {
-      return this.layout === "alternate" ? D : w;
-    }
-  },
-  watch: {
-    show: {
-      handler: function(t) {
-        this.isShown = t, t ? this.setTimeout() : clearTimeout(this.displayTimer);
-      },
-      immediate: !0
-    }
-  },
-  unmounted() {
-    clearTimeout(this.displayTimer);
-  },
-  methods: {
-    setTimeout() {
-      this.shouldSetTimeout && (this.displayTimer = setTimeout(() => {
-        this.isShown = !1, this.$emit("update:show", !1);
-      }, this.duration));
-    },
-    handleClose() {
-      this.isShown = !1, this.$emit("close"), this.$emit("update:show", !1);
-    }
-  }
-};
-function ot(t, a, e, g, c, n) {
-  return d(), _(N(n.selectedLayout), s({
-    "is-shown": c.isShown,
-    "title-id": e.titleId,
-    "content-id": e.contentId,
-    title: e.title,
-    message: e.message,
-    role: e.role,
-    kind: e.kind,
-    important: e.important,
-    "hide-close": e.hideClose,
-    "hide-icon": e.hideIcon,
-    "hide-action": e.hideAction
-  }, t.$attrs, { onClose: n.handleClose }), {
-    icon: o(() => [
-      i(t.$slots, "icon")
-    ]),
-    titleOverride: o(() => [
-      i(t.$slots, "titleOverride")
-    ]),
-    action: o(() => [
-      i(t.$slots, "action")
-    ]),
-    default: o(() => [
-      i(t.$slots, "default", {}, () => [
-        C(p(e.message), 1)
-      ])
-    ]),
-    _: 3
-  }, 16, ["is-shown", "title-id", "content-id", "title", "message", "role", "kind", "important", "hide-close", "hide-icon", "hide-action", "onClose"]);
-}
-const _t = /* @__PURE__ */ y(it, [["render", ot]]);
-export {
-  _t as default
-};
-//# sourceMappingURL=toast.js.map
+import { t as e } from "../../toast-B1zeUPtg.js";
+export { e as default };

package/dist/lib/toggle/index.cjs

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

package/dist/lib/toggle/index.js

@@ -1,8 +1,3 @@
-import { default as e } from "./toggle.js";
-import { TOGGLE_CHECKED_VALUES as t, TOGGLE_SIZE_MODIFIERS as G } from "./toggle-constants.js";
-export {
-  e as DtToggle,
-  t as TOGGLE_CHECKED_VALUES,
-  G as TOGGLE_SIZE_MODIFIERS
-};
-//# sourceMappingURL=index.js.map
+import { TOGGLE_CHECKED_VALUES as e, TOGGLE_SIZE_MODIFIERS as t } from "./toggle-constants.js";
+import n from "./toggle.js";
+export { n as DtToggle, e as TOGGLE_CHECKED_VALUES, t as TOGGLE_SIZE_MODIFIERS };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={sm:"d-toggle--small",md:""},t=[!1,!0,"mixed"],E={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t;exports.TOGGLE_SIZE_MODIFIERS=e;exports.default=E;
-//# sourceMappingURL=toggle-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={sm:`d-toggle--small`,md:``},t=[!1,!0,`mixed`],n={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t,exports.TOGGLE_SIZE_MODIFIERS=e,exports.default=n;
+//# sourceMappingURL=toggle-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.cjs","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"4GAAY,MAACA,EAAwB,CACnC,GAAI,kBACJ,GAAI,EACN,EAEaC,EAAwB,CAAC,GAAO,GAAM,OAAO,EAE1DC,EAAe,CACb,sBAAAF,EACA,sBAAAC,CACF"}
+{"version":3,"file":"toggle-constants.cjs","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CACnC,GAAI,kBACJ,GAAI,GACL,CAEY,EAAwB,CAAC,GAAO,GAAM,QAAQ,CAE3D,EAAe,CACb,wBACA,wBACD"}

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

@@ -1,13 +1,16 @@
-const t = {
-  sm: "d-toggle--small",
-  md: ""
-}, s = [!1, !0, "mixed"], e = {
-  TOGGLE_SIZE_MODIFIERS: t,
-  TOGGLE_CHECKED_VALUES: s
+//#region components/toggle/toggle_constants.js
+var e = {
+	sm: "d-toggle--small",
+	md: ""
+}, t = [
+	!1,
+	!0,
+	"mixed"
+], n = {
+	TOGGLE_SIZE_MODIFIERS: e,
+	TOGGLE_CHECKED_VALUES: t
 };
-export {
-  s as TOGGLE_CHECKED_VALUES,
-  t as TOGGLE_SIZE_MODIFIERS,
-  e as default
-};
-//# sourceMappingURL=toggle-constants.js.map
+//#endregion
+export { t as TOGGLE_CHECKED_VALUES, e as TOGGLE_SIZE_MODIFIERS, n as default };
+
+//# sourceMappingURL=toggle-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.js","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"AAAY,MAACA,IAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwB,CAAC,IAAO,IAAM,OAAO,GAE1DC,IAAe;AAAA,EACb,uBAAAF;AAAA,EACA,uBAAAC;AACF;"}
+{"version":3,"file":"toggle-constants.js","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CACnC,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CAAC;CAAO;CAAM;CAAQ,EAE3D,IAAe;CACb;CACA;CACD"}

package/dist/lib/toggle/toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../common/utils/index.cjs"),i=require("./toggle-constants.cjs"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),o={compatConfig:{MODE:3},name:"DtToggle",inheritAttrs:!1,props:{id:{type:String,default(){return s.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:t=>i.TOGGLE_CHECKED_VALUES.includes(t)},toggleOnClick:{type:Boolean,default:!0},size:{type:String,default:"md",validator:t=>Object.keys(i.TOGGLE_SIZE_MODIFIERS).includes(t)},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:""},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:["change","update:modelValue"],data(){return{internalChecked:this.modelValue,hasSlotContent:s.hasSlotContent}},computed:{inputListeners(){return{...s.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked==="mixed"},toggleRole(){return this.isIndeterminate?"checkbox":"switch"},toggleClasses(){return["d-toggle",i.TOGGLE_SIZE_MODIFIERS[this.size],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(t){this.internalChecked=t}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:s.addClassStyleAttrs,toggleCheckedValue(){this.$emit("update:modelValue",!this.internalChecked),this.$emit("change",!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){this.validateInputLabels(this.hasSlotLabel(),this.$attrs["aria-label"])},validateInputLabels(t,n){!t&&!n&&e.warn("You must provide an aria-label when there is no label passed",this)}}},c=["for"],u=["id","role","aria-checked","disabled","aria-disabled"],h={key:0,class:"d-toggle__inner"};function g(t,n,l,C,r,a){return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["d-toggle-wrapper",l.wrapperClass]},a.addClassStyleAttrs(t.$attrs)),[r.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("label",e.mergeProps({key:0,class:l.labelClass,for:l.id},l.labelChildProps,{"data-qa":"toggle-label"}),[e.renderSlot(t.$slots,"default")],16,c)):e.createCommentVNode("",!0),e.createElementVNode("button",e.mergeProps({id:l.id,role:a.toggleRole,type:"button","aria-checked":r.internalChecked.toString(),disabled:l.disabled,"aria-disabled":l.disabled.toString(),class:a.toggleClasses},a.inputListeners),[l.showIcon?(e.openBlock(),e.createElementBlock("span",h)):e.createCommentVNode("",!0)],16,u)],16)}const m=d._(o,[["render",g]]);exports.default=m;
-//# sourceMappingURL=toggle.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`),n=require(`./toggle-constants.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtToggle`,inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:e=>n.TOGGLE_CHECKED_VALUES.includes(e)},toggleOnClick:{type:Boolean,default:!0},size:{type:String,default:`md`,validator:e=>Object.keys(n.TOGGLE_SIZE_MODIFIERS).includes(e)},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:``},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:[`change`,`update:modelValue`],data(){return{internalChecked:this.modelValue,hasSlotContent:e.hasSlotContent}},computed:{inputListeners(){return{...e.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked===`mixed`},toggleRole(){return this.isIndeterminate?`checkbox`:`switch`},toggleClasses(){return[`d-toggle`,n.TOGGLE_SIZE_MODIFIERS[this.size],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(e){this.internalChecked=e}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:e.addClassStyleAttrs,toggleCheckedValue(){this.$emit(`update:modelValue`,!this.internalChecked),this.$emit(`change`,!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){this.validateInputLabels(this.hasSlotLabel(),this.$attrs[`aria-label`])},validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a=[`for`],o=[`id`,`role`,`aria-checked`,`disabled`,`aria-disabled`],s={key:0,class:`d-toggle__inner`};function c(e,t,n,i,c,l){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:[`d-toggle-wrapper`,n.wrapperClass]},l.addClassStyleAttrs(e.$attrs)),[c.hasSlotContent(e.$slots.default)?((0,r.openBlock)(),(0,r.createElementBlock)(`label`,(0,r.mergeProps)({key:0,class:n.labelClass,for:n.id},n.labelChildProps,{"data-qa":`toggle-label`}),[(0,r.renderSlot)(e.$slots,`default`)],16,a)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`button`,(0,r.mergeProps)({id:n.id,role:l.toggleRole,type:`button`,"aria-checked":c.internalChecked.toString(),disabled:n.disabled,"aria-disabled":n.disabled.toString(),class:l.toggleClasses},l.inputListeners),[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(``,!0)],16,o)],16)}var l=t.t(i,[[`render`,c]]);exports.default=l;
+//# sourceMappingURL=toggle.cjs.map