@dialpad/dialtone-vue 3.218.3 → 3.218.4

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\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     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\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('update:modelValue', !this.internalChecked);\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","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createElementVNode","_hoisted_3"],"mappings":"2QA0CKA,EAAU,CACb,aAAc,CAAE,KAAM,GAEtB,KAAM,WAEN,aAAc,GAEd,MAAO,CAKL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,gBAAe,CAAI,GAOzC,SAAU,CACR,KAAM,QACN,QAAS,IAQX,WAAY,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,GACT,UAAYC,GAAMC,wBAAsB,SAASD,CAAC,GAQpD,cAAe,CACb,KAAM,QACN,QAAS,IAOX,KAAM,CACJ,KAAM,OACN,QAAS,KACT,UAAYE,GAAM,OAAO,KAAKC,uBAAqB,EAAE,SAASD,CAAC,GAOjE,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,QAMX,gBAAiB,CACf,KAAM,OACN,QAAS,KAAO,CAAA,KAIpB,MAAO,CAQL,SASA,qBAGF,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,eAAAE,EAAAA,eAEJ,EAEA,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,GAAGC,EAAAA,sBAAsB,KAAK,MAAM,EACpC,QAAS,IAAM,KAAK,mBAAkB,EAE1C,EAEA,iBAAmB,CACjB,OAAO,KAAK,kBAAoB,OAClC,EAEA,YAAc,CACZ,OAAO,KAAK,gBAAkB,WAAa,QAC7C,EAEA,eAAiB,CACf,MAAO,CACL,WACAF,EAAAA,sBAAsB,KAAK,IAAI,EAC/B,CACE,oBAAqB,KAAK,kBAAoB,GAC9C,qBAAsB,KAAK,SAC3B,0BAA2B,KAAK,iBAGtC,GAGF,MAAO,CACL,WAAYG,EAAY,CACtB,KAAK,gBAAkBA,CACzB,GAGF,SAAW,CACT,KAAK,eAAc,CACrB,EAEA,QAAS,CACP,mBAAAC,EAAAA,mBACA,oBAAsB,CACpB,KAAK,MAAM,oBAAqB,CAAC,KAAK,eAAe,EACrD,KAAK,MAAM,SAAU,CAAC,KAAK,eAAe,EAEtC,KAAK,gBACP,KAAK,gBAAkB,CAAC,KAAK,gBAEjC,EAEA,cAAgB,CACd,MAAO,CAAC,CAAE,KAAK,OAAO,OACxB,EAEA,gBAAkB,CAChB,KAAK,oBAAoB,KAAK,aAAY,EAAI,KAAK,OAAO,YAAY,CAAC,CACzE,EAEA,oBAAqBC,EAAUC,EAAW,CACpC,CAACD,GAAY,CAACC,GAChBC,EAAAA,KACE,+DACA,KAGN,EAEJ,+EAxMQ,MAAM,2CA1BZ,OAAAC,YAAA,EAAAC,qBA6BM,MA7BNC,EAAAA,WA6BM,CA5BH,0BAA4BC,EAAA,YAAY,CACjC,EAAAC,EAAA,mBAAmBC,EAAA,MAAM,CAAA,EAAA,CAGzBC,EAAA,eAAeD,EAAA,OAAO,OAAO,GADrCL,EAAAA,YAAAC,EAAAA,mBASQ,QATRC,aASQ,OAPL,MAAOC,EAAA,WACP,IAAKA,EAAA,IACEA,EAAA,gBAAe,CACvB,UAAQ,cAAc,CAAA,EAAA,CAGtBI,aAAQF,EAAA,OAAA,SAAA,sCAEVG,EAAAA,mBAcS,SAdTN,aAcS,CAbN,GAAIC,EAAA,GACJ,KAAMC,EAAA,WACP,KAAK,SACJ,eAAcE,EAAA,gBAAgB,SAAQ,EACtC,SAAUH,EAAA,SACV,gBAAeA,EAAA,SAAS,SAAQ,EAChC,MAAOC,EAAA,eACAA,EAAA,cAAc,EAAA,CAGdD,EAAA,UADRH,EAAAA,YAAAC,EAAAA,mBAGE,OAHFQ,CAGE"}
+{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\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     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\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('update:modelValue', !this.internalChecked);\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"],"mappings":"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"}

package/dist/lib/toggle/toggle.js

@@ -1,192 +1,142 @@
-import { openBlock as l, createElementBlock as s, mergeProps as i, renderSlot as h, createCommentVNode as n, createElementVNode as c, warn as u } from "vue";
-import { addClassStyleAttrs as g, removeClassStyleAttrs as m, hasSlotContent as C, getUniqueString as f } from "../../common/utils/index.js";
-import { TOGGLE_SIZE_MODIFIERS as o, TOGGLE_CHECKED_VALUES as b } from "./toggle-constants.js";
-import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const p = {
-  compatConfig: { MODE: 3 },
-  name: "DtToggle",
-  inheritAttrs: !1,
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return f();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Value of the toggle
-     * @model modelValue
-     * @values true, false, 'mixed'
-     */
-    modelValue: {
-      type: [Boolean, String],
-      default: !1,
-      validator: (e) => b.includes(e)
-    },
-    /**
-     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
-     * via the checked prop or v-model. Change events will still be triggered.
-     * @values true, false
-     */
-    toggleOnClick: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => Object.keys(o).includes(e)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional styling for the wrapper element
-     */
-    wrapperClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Toggle change event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "change",
-    /**
-     * v-model event event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "update:modelValue"
-  ],
-  data() {
-    return {
-      internalChecked: this.modelValue,
-      hasSlotContent: C
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...m(this.$attrs),
-        onClick: () => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      return this.isIndeterminate ? "checkbox" : "switch";
-    },
-    toggleClasses() {
-      return [
-        "d-toggle",
-        o[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: g,
-    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, d) {
-      !e && !d && u(
-        "You must provide an aria-label when there is no label passed",
-        this
-      );
-    }
-  }
-}, S = ["for"], y = ["id", "role", "aria-checked", "disabled", "aria-disabled"], _ = {
-  key: 0,
-  class: "d-toggle__inner"
+import { addClassStyleAttrs as e, getUniqueString as t, hasSlotContent as n, removeClassStyleAttrs as r } from "../../common/utils/index.js";
+import { t as i } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { TOGGLE_CHECKED_VALUES as a, TOGGLE_SIZE_MODIFIERS as o } from "./toggle-constants.js";
+import { createCommentVNode as s, createElementBlock as c, createElementVNode as l, mergeProps as u, openBlock as d, renderSlot as f, warn as p } from "vue";
+//#region components/toggle/toggle.vue
+var m = {
+	compatConfig: { MODE: 3 },
+	name: "DtToggle",
+	inheritAttrs: !1,
+	props: {
+		id: {
+			type: String,
+			default() {
+				return t();
+			}
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {
+			type: [Boolean, String],
+			default: !1,
+			validator: (e) => a.includes(e)
+		},
+		toggleOnClick: {
+			type: Boolean,
+			default: !0
+		},
+		size: {
+			type: String,
+			default: "md",
+			validator: (e) => Object.keys(o).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: n
+		};
+	},
+	computed: {
+		inputListeners() {
+			return {
+				...r(this.$attrs),
+				onClick: () => this.toggleCheckedValue()
+			};
+		},
+		isIndeterminate() {
+			return this.internalChecked === "mixed";
+		},
+		toggleRole() {
+			return this.isIndeterminate ? "checkbox" : "switch";
+		},
+		toggleClasses() {
+			return [
+				"d-toggle",
+				o[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,
+		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 && p("You must provide an aria-label when there is no label passed", this);
+		}
+	}
+}, h = ["for"], g = [
+	"id",
+	"role",
+	"aria-checked",
+	"disabled",
+	"aria-disabled"
+], _ = {
+	key: 0,
+	class: "d-toggle__inner"
 };
-function V(e, d, t, E, r, a) {
-  return l(), s("div", i({
-    class: ["d-toggle-wrapper", t.wrapperClass]
-  }, a.addClassStyleAttrs(e.$attrs)), [
-    r.hasSlotContent(e.$slots.default) ? (l(), s("label", i({
-      key: 0,
-      class: t.labelClass,
-      for: t.id
-    }, t.labelChildProps, { "data-qa": "toggle-label" }), [
-      h(e.$slots, "default")
-    ], 16, S)) : n("", !0),
-    c("button", i({
-      id: t.id,
-      role: a.toggleRole,
-      type: "button",
-      "aria-checked": r.internalChecked.toString(),
-      disabled: t.disabled,
-      "aria-disabled": t.disabled.toString(),
-      class: a.toggleClasses
-    }, a.inputListeners), [
-      t.showIcon ? (l(), s("span", _)) : n("", !0)
-    ], 16, y)
-  ], 16);
+function v(e, t, n, r, i, a) {
+	return d(), c("div", u({ class: ["d-toggle-wrapper", n.wrapperClass] }, a.addClassStyleAttrs(e.$attrs)), [i.hasSlotContent(e.$slots.default) ? (d(), c("label", u({
+		key: 0,
+		class: n.labelClass,
+		for: n.id
+	}, n.labelChildProps, { "data-qa": "toggle-label" }), [f(e.$slots, "default")], 16, h)) : s("", !0), l("button", u({
+		id: n.id,
+		role: a.toggleRole,
+		type: "button",
+		"aria-checked": i.internalChecked.toString(),
+		disabled: n.disabled,
+		"aria-disabled": n.disabled.toString(),
+		class: a.toggleClasses
+	}, a.inputListeners), [n.showIcon ? (d(), c("span", _)) : s("", !0)], 16, g)], 16);
 }
-const v = /* @__PURE__ */ k(p, [["render", V]]);
-export {
-  v as default
-};
-//# sourceMappingURL=toggle.js.map
+var y = /* @__PURE__ */ i(m, [["render", v]]);
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=toggle.js.map

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', wrapperClass]\"\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     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\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('update:modelValue', !this.internalChecked);\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","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createElementVNode","_hoisted_3"],"mappings":"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"}
+{"version":3,"file":"toggle.js","names":[],"sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\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     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\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('update:modelValue', !this.internalChecked);\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"],"mappings":";;;;;AA0CA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CAEzB,MAAM;CAEN,cAAc;CAEd,OAAO;EAKL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAOD,YAAY;GACV,MAAM,CAAC,SAAS,OAAO;GACvB,SAAS;GACT,YAAY,MAAM,EAAsB,SAAS,EAAE;GACpD;EAOD,eAAe;GACb,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAsB,CAAC,SAAS,EAAE;GACjE;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS,KAAA;GACV;EAKD,iBAAiB;GACf,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAQL,UASA,oBACD;CAED,OAAQ;AACN,SAAO;GACL,iBAAiB,KAAK;GACtB;GACD;;CAGH,UAAU;EACR,iBAAkB;AAChB,UAAO;IACL,GAAG,EAAsB,KAAK,OAAO;IACrC,eAAe,KAAK,oBAAoB;IACzC;;EAGH,kBAAmB;AACjB,UAAO,KAAK,oBAAoB;;EAGlC,aAAc;AACZ,UAAO,KAAK,kBAAkB,aAAa;;EAG7C,gBAAiB;AACf,UAAO;IACL;IACA,EAAsB,KAAK;IAC3B;KACE,qBAAqB,KAAK,oBAAoB;KAC9C,sBAAsB,KAAK;KAC3B,2BAA2B,KAAK;KACjC;IACF;;EAEJ;CAED,OAAO,EACL,WAAY,GAAY;AACtB,OAAK,kBAAkB;IAE1B;CAED,UAAW;AACT,OAAK,gBAAgB;;CAGvB,SAAS;EACP;EACA,qBAAsB;AAIpB,GAHA,KAAK,MAAM,qBAAqB,CAAC,KAAK,gBAAgB,EACtD,KAAK,MAAM,UAAU,CAAC,KAAK,gBAAgB,EAEvC,KAAK,kBACP,KAAK,kBAAkB,CAAC,KAAK;;EAIjC,eAAgB;AACd,UAAO,CAAC,CAAE,KAAK,OAAO;;EAGxB,iBAAkB;AAChB,QAAK,oBAAoB,KAAK,cAAc,EAAE,KAAK,OAAO,cAAc;;EAG1E,oBAAqB,GAAU,GAAW;AACxC,GAAI,CAAC,KAAY,CAAC,KAChB,EACE,gEACA,KACD;;EAGN;CACF;;;;;;;;CAxMO,OAAM;;;aA1BZ,EA6BM,OA7BN,EA6BM,EA5BH,OAAK,CAAA,oBAAuB,EAAA,aAAY,EAAA,EACjC,EAAA,mBAAmB,EAAA,OAAM,CAAA,EAAA,CAGzB,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADrC,EASQ,SATR,EASQ;;EAPL,OAAO,EAAA;EACP,KAAK,EAAA;IACE,EAAA,iBAAe,EACvB,WAAQ,gBAAc,CAAA,EAAA,CAGtB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAEV,EAcS,UAdT,EAcS;EAbN,IAAI,EAAA;EACJ,MAAM,EAAA;EACP,MAAK;EACJ,gBAAc,EAAA,gBAAgB,UAAQ;EACtC,UAAU,EAAA;EACV,iBAAe,EAAA,SAAS,UAAQ;EAChC,OAAO,EAAA;IACA,EAAA,eAAc,EAAA,CAGd,EAAA,YAAA,GAAA,EADR,EAGE,QAHF,EAGE,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/lib/tooltip/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./tooltip.cjs"),I=require("./tooltip-constants.cjs");exports.DtTooltip=T.default;exports.TOOLTIP_DELAY_MS=I.TOOLTIP_DELAY_MS;exports.TOOLTIP_DIRECTIONS=I.TOOLTIP_DIRECTIONS;exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=I.TOOLTIP_HIDE_ON_CLICK_VARIANTS;exports.TOOLTIP_KIND_MODIFIERS=I.TOOLTIP_KIND_MODIFIERS;exports.TOOLTIP_STICKY_VALUES=I.TOOLTIP_STICKY_VALUES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./tooltip-constants.cjs`),t=require(`./tooltip.cjs`);exports.DtTooltip=t.default,exports.TOOLTIP_DELAY_MS=e.TOOLTIP_DELAY_MS,exports.TOOLTIP_DIRECTIONS=e.TOOLTIP_DIRECTIONS,exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=e.TOOLTIP_HIDE_ON_CLICK_VARIANTS,exports.TOOLTIP_KIND_MODIFIERS=e.TOOLTIP_KIND_MODIFIERS,exports.TOOLTIP_STICKY_VALUES=e.TOOLTIP_STICKY_VALUES;

package/dist/lib/tooltip/index.js

@@ -1,11 +1,3 @@
-import { default as O } from "./tooltip.js";
-import { TOOLTIP_DELAY_MS as L, TOOLTIP_DIRECTIONS as o, TOOLTIP_HIDE_ON_CLICK_VARIANTS as D, TOOLTIP_KIND_MODIFIERS as S, TOOLTIP_STICKY_VALUES as t } from "./tooltip-constants.js";
-export {
-  O as DtTooltip,
-  L as TOOLTIP_DELAY_MS,
-  o as TOOLTIP_DIRECTIONS,
-  D as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  S as TOOLTIP_KIND_MODIFIERS,
-  t as TOOLTIP_STICKY_VALUES
-};
-//# sourceMappingURL=index.js.map
+import { TOOLTIP_DELAY_MS as e, TOOLTIP_DIRECTIONS as t, TOOLTIP_HIDE_ON_CLICK_VARIANTS as n, TOOLTIP_KIND_MODIFIERS as r, TOOLTIP_STICKY_VALUES as i } from "./tooltip-constants.js";
+import a from "./tooltip.js";
+export { a as DtTooltip, e as TOOLTIP_DELAY_MS, t as TOOLTIP_DIRECTIONS, n as TOOLTIP_HIDE_ON_CLICK_VARIANTS, r as TOOLTIP_KIND_MODIFIERS, i as TOOLTIP_STICKY_VALUES };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../popover/tippy-utils.cjs"),I=[...t.BASE_TIPPY_DIRECTIONS],T=300,_={hover:"d-tooltip--hover",show:"d-tooltip--show",inverted:"d-tooltip--inverted",hide:"d-tooltip--hide"},o=[...t.TIPPY_STICKY_VALUES],O=[!0,!1,"toggle"],e={TOOLTIP_DIRECTIONS:I,TOOLTIP_DELAY_MS:T,TOOLTIP_KIND_MODIFIERS:_,TOOLTIP_STICKY_VALUES:o,TOOLTIP_HIDE_ON_CLICK_VARIANTS:O};exports.TOOLTIP_DELAY_MS=T;exports.TOOLTIP_DIRECTIONS=I;exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=O;exports.TOOLTIP_KIND_MODIFIERS=_;exports.TOOLTIP_STICKY_VALUES=o;exports.default=e;
-//# sourceMappingURL=tooltip-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../popover/tippy-utils.cjs`);var t=[...e.BASE_TIPPY_DIRECTIONS],n=300,r={hover:`d-tooltip--hover`,show:`d-tooltip--show`,inverted:`d-tooltip--inverted`,hide:`d-tooltip--hide`},i=[...e.TIPPY_STICKY_VALUES],a=[!0,!1,`toggle`],o={TOOLTIP_DIRECTIONS:t,TOOLTIP_DELAY_MS:300,TOOLTIP_KIND_MODIFIERS:r,TOOLTIP_STICKY_VALUES:i,TOOLTIP_HIDE_ON_CLICK_VARIANTS:a};exports.TOOLTIP_DELAY_MS=n,exports.TOOLTIP_DIRECTIONS=t,exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=a,exports.TOOLTIP_KIND_MODIFIERS=r,exports.TOOLTIP_STICKY_VALUES=i,exports.default=o;
+//# sourceMappingURL=tooltip-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-constants.cjs","sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"names":["TOOLTIP_DIRECTIONS","BASE_TIPPY_DIRECTIONS","TOOLTIP_DELAY_MS","TOOLTIP_KIND_MODIFIERS","TOOLTIP_STICKY_VALUES","TIPPY_STICKY_VALUES","TOOLTIP_HIDE_ON_CLICK_VARIANTS","tooltip_constants"],"mappings":"0JAKaA,EAAqB,CAChC,GAAGC,EAAAA,qBACL,EAEaC,EAAmB,IAEnBC,EAAyB,CACpC,MAAO,mBACP,KAAM,kBACN,SAAU,sBACV,KAAM,iBACR,EAEaC,EAAwB,CACnC,GAAGC,EAAAA,mBACL,EAEaC,EAAiC,CAAC,GAAM,GAAO,QAAQ,EAEpEC,EAAe,CACb,mBAAAP,EACA,iBAAAE,EACA,uBAAAC,EACA,sBAAAC,EACA,+BAAAE,CACF"}
+{"version":3,"file":"tooltip-constants.cjs","names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES"],"sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"mappings":"6IAKA,IAAa,EAAqB,CAChC,GAAGA,EAAAA,sBACJ,CAEY,EAAmB,IAEnB,EAAyB,CACpC,MAAO,mBACP,KAAM,kBACN,SAAU,sBACV,KAAM,kBACP,CAEY,EAAwB,CACnC,GAAGC,EAAAA,oBACJ,CAEY,EAAiC,CAAC,GAAM,GAAO,SAAS,CAErE,EAAe,CACb,qBACA,iBAAA,IACA,yBACA,wBACA,iCACD"}

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

@@ -1,26 +1,22 @@
-import { BASE_TIPPY_DIRECTIONS as o, TIPPY_STICKY_VALUES as t } from "../popover/tippy-utils.js";
-const I = [
-  ...o
-], T = 300, _ = {
-  hover: "d-tooltip--hover",
-  show: "d-tooltip--show",
-  inverted: "d-tooltip--inverted",
-  hide: "d-tooltip--hide"
-}, O = [
-  ...t
-], e = [!0, !1, "toggle"], i = {
-  TOOLTIP_DIRECTIONS: I,
-  TOOLTIP_DELAY_MS: T,
-  TOOLTIP_KIND_MODIFIERS: _,
-  TOOLTIP_STICKY_VALUES: O,
-  TOOLTIP_HIDE_ON_CLICK_VARIANTS: e
+import { BASE_TIPPY_DIRECTIONS as e, TIPPY_STICKY_VALUES as t } from "../popover/tippy-utils.js";
+//#region components/tooltip/tooltip_constants.js
+var n = [...e], r = 300, i = {
+	hover: "d-tooltip--hover",
+	show: "d-tooltip--show",
+	inverted: "d-tooltip--inverted",
+	hide: "d-tooltip--hide"
+}, a = [...t], o = [
+	!0,
+	!1,
+	"toggle"
+], s = {
+	TOOLTIP_DIRECTIONS: n,
+	TOOLTIP_DELAY_MS: 300,
+	TOOLTIP_KIND_MODIFIERS: i,
+	TOOLTIP_STICKY_VALUES: a,
+	TOOLTIP_HIDE_ON_CLICK_VARIANTS: o
 };
-export {
-  T as TOOLTIP_DELAY_MS,
-  I as TOOLTIP_DIRECTIONS,
-  e as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  _ as TOOLTIP_KIND_MODIFIERS,
-  O as TOOLTIP_STICKY_VALUES,
-  i as default
-};
-//# sourceMappingURL=tooltip-constants.js.map
+//#endregion
+export { r as TOOLTIP_DELAY_MS, n as TOOLTIP_DIRECTIONS, o as TOOLTIP_HIDE_ON_CLICK_VARIANTS, i as TOOLTIP_KIND_MODIFIERS, a as TOOLTIP_STICKY_VALUES, s as default };
+
+//# sourceMappingURL=tooltip-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-constants.js","sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"names":["TOOLTIP_DIRECTIONS","BASE_TIPPY_DIRECTIONS","TOOLTIP_DELAY_MS","TOOLTIP_KIND_MODIFIERS","TOOLTIP_STICKY_VALUES","TIPPY_STICKY_VALUES","TOOLTIP_HIDE_ON_CLICK_VARIANTS","tooltip_constants"],"mappings":";AAKY,MAACA,IAAqB;AAAA,EAChC,GAAGC;AACL,GAEaC,IAAmB,KAEnBC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR,GAEaC,IAAwB;AAAA,EACnC,GAAGC;AACL,GAEaC,IAAiC,CAAC,IAAM,IAAO,QAAQ,GAEpEC,IAAe;AAAA,EACb,oBAAAP;AAAA,EACA,kBAAAE;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,gCAAAE;AACF;"}
+{"version":3,"file":"tooltip-constants.js","names":[],"sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"mappings":";;AAKA,IAAa,IAAqB,CAChC,GAAG,EACJ,EAEY,IAAmB,KAEnB,IAAyB;CACpC,OAAO;CACP,MAAM;CACN,UAAU;CACV,MAAM;CACP,EAEY,IAAwB,CACnC,GAAG,EACJ,EAEY,IAAiC;CAAC;CAAM;CAAO;CAAS,EAErE,IAAe;CACb;CACA,kBAAA;CACA;CACA;CACA;CACD"}

package/dist/lib/tooltip/tooltip.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./tooltip-constants.cjs"),u=require("../popover/popover-constants.cjs"),s=require("../../common/utils/index.cjs"),l=require("../popover/tippy-utils.cjs"),o=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtTooltip",props:{id:{type:String,default(){return s.getUniqueString()}},fallbackPlacements:{type:Array,default:()=>["auto"]},inverted:{type:Boolean,default:!1},offset:{type:Array,default:()=>[0,12]},placement:{type:String,default:"top",validator(e){return a.TOOLTIP_DIRECTIONS.includes(e)}},sticky:{type:[Boolean,String],default:!0,validator:e=>a.TOOLTIP_STICKY_VALUES.includes(e)},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>u.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},contentClass:{type:[String,Object,Array],default:""},message:{type:String,default:""},enabled:{type:Boolean,default:!0},show:{type:Boolean,default:null},transition:{type:Boolean,default:!0},delay:{type:Boolean,default:!0},theme:{type:String,default:null},externalAnchor:{type:String,default:null},externalAnchorElement:{type:HTMLElement,default:null}},emits:["shown","update:show"],data(){return{TOOLTIP_KIND_MODIFIERS:a.TOOLTIP_KIND_MODIFIERS,hasSlotContent:s.hasSlotContent,tip:null,inTimer:null,internalShow:!1,currentPlacement:this.placement}},computed:{tippyProps(){return{offset:this.offset,delay:this.delay?a.TOOLTIP_DELAY_MS:!1,placement:this.placement,sticky:this.sticky,theme:this.inverted?"inverted":this.theme,animation:this.transition?"fade":!1,onShown:e=>this.onShow(e,"onShown"),onShow:e=>this.onShow(e,"onShow"),onHidden:this.onHide,popperOptions:l.getPopperOptions({fallbackPlacements:this.fallbackPlacements,hasHideModifierEnabled:!0})}},anchor(){return this.externalAnchorElement?this.externalAnchorElement:this.externalAnchor?document.body.querySelector(this.externalAnchor):l.getAnchor(this.$refs.anchor)}},watch:{tippyProps:{handler:"setProps",deep:!0},show:{handler:function(e){e!==null&&this.enabled&&(this.internalShow=e)},immediate:!0},internalShow(e){!this.tip||!this.anchor||(e?(this.setProps(),this.tip.show()):this.tip.hide())},sticky(e){this.tip.setProps({sticky:e})}},async mounted(){!this.enabled&&this.show!=null&&(console.warn("Tooltip: You cannot use both the enabled and show props at the same time."),console.warn("The show prop will be ignored.")),this.tip=l.createTippy(this.anchor,this.initOptions()),(this.externalAnchor||this.externalAnchorElement)&&(await s.flushPromises(),this.addExternalAnchorEventListeners()),s.warnIfUnmounted(s.returnFirstEl(this.$el),this.$options.name)},beforeUnmount(){var e,t;(this.externalAnchor||this.externalAnchorElement)&&this.removeExternalAnchorEventListeners(),(e=this.anchor)!=null&&e._tippy&&((t=this.tip)==null||t.destroy())},methods:{calculateAnchorZindex(){return s.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"],
+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(`../popover/tippy-utils.cjs`),r=require(`./tooltip-constants.cjs`),i=require(`../popover/popover-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtTooltip`,props:{id:{type:String,default(){return e.getUniqueString()}},fallbackPlacements:{type:Array,default:()=>[`auto`]},inverted:{type:Boolean,default:!1},offset:{type:Array,default:()=>[0,12]},placement:{type:String,default:`top`,validator(e){return r.TOOLTIP_DIRECTIONS.includes(e)}},sticky:{type:[Boolean,String],default:!0,validator:e=>r.TOOLTIP_STICKY_VALUES.includes(e)},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>i.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},contentClass:{type:[String,Object,Array],default:``},message:{type:String,default:``},enabled:{type:Boolean,default:!0},show:{type:Boolean,default:null},transition:{type:Boolean,default:!0},delay:{type:Boolean,default:!0},theme:{type:String,default:null},externalAnchor:{type:String,default:null},externalAnchorElement:{type:HTMLElement,default:null}},emits:[`shown`,`update:show`],data(){return{TOOLTIP_KIND_MODIFIERS:r.TOOLTIP_KIND_MODIFIERS,hasSlotContent:e.hasSlotContent,tip:null,inTimer:null,internalShow:!1,currentPlacement:this.placement}},computed:{tippyProps(){return{offset:this.offset,delay:this.delay?300:!1,placement:this.placement,sticky:this.sticky,theme:this.inverted?`inverted`:this.theme,animation:this.transition?`fade`:!1,onShown:e=>this.onShow(e,`onShown`),onShow:e=>this.onShow(e,`onShow`),onHidden:this.onHide,popperOptions:n.getPopperOptions({fallbackPlacements:this.fallbackPlacements,hasHideModifierEnabled:!0,onChangePlacement:this.onChangePlacement})}},anchor(){return this.externalAnchorElement?this.externalAnchorElement:this.externalAnchor?document.body.querySelector(this.externalAnchor):n.getAnchor(this.$refs.anchor)}},watch:{tippyProps:{handler:`setProps`,deep:!0},show:{handler:function(e){e!==null&&this.enabled&&(this.internalShow=e)},immediate:!0},internalShow(e){!this.tip||!this.anchor||(e?(this.setProps(),this.tip.show()):this.tip.hide())},sticky(e){this.tip.setProps({sticky:e})}},async mounted(){!this.enabled&&this.show!=null&&(console.warn(`Tooltip: You cannot use both the enabled and show props at the same time.`),console.warn(`The show prop will be ignored.`)),this.tip=n.createTippy(this.anchor,this.initOptions()),(this.externalAnchor||this.externalAnchorElement)&&(await e.flushPromises(),this.addExternalAnchorEventListeners()),e.warnIfUnmounted(e.returnFirstEl(this.$el),this.$options.name)},beforeUnmount(){(this.externalAnchor||this.externalAnchorElement)&&this.removeExternalAnchorEventListeners(),this.anchor?._tippy&&this.tip?.destroy()},methods:{calculateAnchorZindex(){return e.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"],
           .d-modal--transparent[aria-hidden="false"],
           .d-modal:not([aria-hidden]),
-          .d-modal--transparent:not([aria-hidden])`)||s.returnFirstEl(this.$el).closest(".d-zi-drawer")?651:400},hasVisibleFocus(){return this.anchor.matches(":focus-visible")},onEnterAnchor(e){this.enabled&&(this.delay&&this.inTimer===null?this.inTimer=setTimeout(()=>{this.triggerShow(e)},a.TOOLTIP_DELAY_MS):this.triggerShow(e))},triggerShow(e){e.type==="focusin"?this.show===null&&this.hasVisibleFocus()&&(this.internalShow=!0):this.show===null&&(this.internalShow=!0)},onLeaveAnchor(e){e.type==="keydown"&&e.code!=="Escape"||(clearTimeout(this.inTimer),this.inTimer=null,this.triggerHide())},triggerHide(){this.show===null&&(this.internalShow=!1)},onChangePlacement(e){this.currentPlacement=e},onHide(){var e;(e=this.tip)==null||e.unmount(),this.$emit("shown",!1),this.show!==null&&this.$emit("update:show",!1)},onShow(e,t){if(!this.tooltipHasContent(e))return!1;this.transition&&t==="onShow"||(this.$emit("shown",!0),this.show!==null&&this.$emit("update:show",!0))},setProps(){var e,t;!this.tip||!this.tip.setProps||!this.anchor||this.tip&&this.tip.setProps&&this.tip.setProps({...this.tippyProps,appendTo:this.appendTo==="body"?(t=(e=this.anchor)==null?void 0:e.getRootNode())==null?void 0:t.querySelector("body"):this.appendTo,zIndex:this.calculateAnchorZindex()})},onMount(){this.setProps()},tooltipHasContent(e){return e.props.content.textContent.trim().length!==0},initOptions(){return{content:this.$refs.content,arrow:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="7"><path d="M 14.5,7 8,0 1.5,7 Z"/></svg>',duration:180,interactive:!1,trigger:"manual",hideOnClick:!1,touch:!1,onMount:this.onMount,showOnCreate:this.internalShow,popperOptions:l.getPopperOptions({hasHideModifierEnabled:!0})}},addExternalAnchorEventListeners(){["focusin","mouseenter"].forEach(e=>{var t;(t=this.anchor)==null||t.addEventListener(e,n=>this.onEnterAnchor(n))}),["focusout","mouseleave","keydown"].forEach(e=>{var t;(t=this.anchor)==null||t.addEventListener(e,n=>this.onLeaveAnchor(n))})},removeExternalAnchorEventListeners(){["focusin","mouseenter"].forEach(e=>{var t;(t=this.anchor)==null||t.removeEventListener(e,n=>this.onEnterAnchor(n))}),["focusout","mouseleave","keydown"].forEach(e=>{var t;(t=this.anchor)==null||t.removeEventListener(e,n=>this.onLeaveAnchor(n))})}}},p={"data-qa":"dt-tooltip-container"},f=["id"];function m(e,t,n,y,h,i){return o.openBlock(),o.createElementBlock("div",p,[!n.externalAnchor&&!n.externalAnchorElement?(o.openBlock(),o.createElementBlock("span",{key:0,ref:"anchor","data-qa":"dt-tooltip-anchor",onFocusin:t[0]||(t[0]=(...r)=>i.onEnterAnchor&&i.onEnterAnchor(...r)),onFocusout:t[1]||(t[1]=(...r)=>i.onLeaveAnchor&&i.onLeaveAnchor(...r)),onMouseenter:t[2]||(t[2]=(...r)=>i.onEnterAnchor&&i.onEnterAnchor(...r)),onMouseleave:t[3]||(t[3]=(...r)=>i.onLeaveAnchor&&i.onLeaveAnchor(...r)),onKeydown:t[4]||(t[4]=o.withKeys((...r)=>i.onLeaveAnchor&&i.onLeaveAnchor(...r),["esc"]))},[o.renderSlot(e.$slots,"anchor")],544)):o.createCommentVNode("",!0),o.createElementVNode("div",{id:n.id,ref:"content","data-qa":"dt-tooltip",class:o.normalizeClass(["d-tooltip",{[h.TOOLTIP_KIND_MODIFIERS.inverted]:n.inverted},n.contentClass])},[o.renderSlot(e.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(n.message),1)])],10,f)])}const w=d._(c,[["render",m]]);exports.default=w;
-//# sourceMappingURL=tooltip.cjs.map
+          .d-modal--transparent:not([aria-hidden])`)||e.returnFirstEl(this.$el).closest(`.d-zi-drawer`)?651:400},hasVisibleFocus(){return this.anchor.matches(`:focus-visible`)},onEnterAnchor(e){this.enabled&&(this.delay&&this.inTimer===null?this.inTimer=setTimeout(()=>{this.triggerShow(e)},300):this.triggerShow(e))},triggerShow(e){e.type===`focusin`?this.show===null&&this.hasVisibleFocus()&&(this.internalShow=!0):this.show===null&&(this.internalShow=!0)},onLeaveAnchor(e){e.type===`keydown`&&e.code!==`Escape`||(clearTimeout(this.inTimer),this.inTimer=null,this.triggerHide())},triggerHide(){this.show===null&&(this.internalShow=!1)},onChangePlacement(e){this.currentPlacement=e},onHide(){this.tip?.unmount(),this.$emit(`shown`,!1),this.show!==null&&this.$emit(`update:show`,!1)},onShow(e,t){if(!this.tooltipHasContent(e))return!1;this.transition&&t===`onShow`||(this.$emit(`shown`,!0),this.show!==null&&this.$emit(`update:show`,!0))},setProps(){!this.tip||!this.tip.setProps||!this.anchor||this.tip&&this.tip.setProps&&this.tip.setProps({...this.tippyProps,appendTo:this.appendTo===`body`?this.anchor?.getRootNode()?.querySelector(`body`):this.appendTo,zIndex:this.calculateAnchorZindex()})},onMount(){this.setProps()},tooltipHasContent(e){return e.props.content.textContent.trim().length!==0},initOptions(){return{content:this.$refs.content,arrow:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="7"><path d="M 14.5,7 8,0 1.5,7 Z"/></svg>`,duration:180,interactive:!1,trigger:`manual`,hideOnClick:!1,touch:!1,onMount:this.onMount,showOnCreate:this.internalShow,popperOptions:n.getPopperOptions({hasHideModifierEnabled:!0})}},addExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onLeaveAnchor(e))})},removeExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onLeaveAnchor(e))})}}},s={"data-qa":`dt-tooltip-container`},c=[`id`];function l(e,t,n,r,i,o){return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,s,[!n.externalAnchor&&!n.externalAnchorElement?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,ref:`anchor`,"data-qa":`dt-tooltip-anchor`,onFocusin:t[0]||(t[0]=(...e)=>o.onEnterAnchor&&o.onEnterAnchor(...e)),onFocusout:t[1]||(t[1]=(...e)=>o.onLeaveAnchor&&o.onLeaveAnchor(...e)),onMouseenter:t[2]||(t[2]=(...e)=>o.onEnterAnchor&&o.onEnterAnchor(...e)),onMouseleave:t[3]||(t[3]=(...e)=>o.onLeaveAnchor&&o.onLeaveAnchor(...e)),onKeydown:t[4]||(t[4]=(0,a.withKeys)((...e)=>o.onLeaveAnchor&&o.onLeaveAnchor(...e),[`esc`]))},[(0,a.renderSlot)(e.$slots,`anchor`)],544)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{id:n.id,ref:`content`,"data-qa":`dt-tooltip`,class:(0,a.normalizeClass)([`d-tooltip`,{[i.TOOLTIP_KIND_MODIFIERS.inverted]:n.inverted},n.contentClass])},[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.message),1)])],10,c)])}var u=t.t(o,[[`render`,l]]);exports.default=u;
+//# sourceMappingURL=tooltip.cjs.map