@dialpad/dialtone-vue 2.163.0 → 2.163.1

package/dist/components/toggle/toggle.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.vue.cjs","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div class=\"d-toggle-wrapper\">\n    <label\n      v-if=\"$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=\"$attrs\"\n      v-on=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport utils 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\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 utils.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    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...this.$listeners,\n        click: _ => 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    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        Vue.util.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":["utils","TOGGLE_CHECKED_VALUES","TOGGLE_SIZE_MODIFIERS"],"mappings":";;;;;AAwCA,MAAA,YAAA;AAAA,EAEA,MAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAAA,qBAAA,gBAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,SAAA;AAAA,MACA,MAAA,CAAA,SAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,MAAAC,uCAAA,SAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,MAAA,OAAA,KAAAC,sCAAA,EAAA,SAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,iBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,OAAA,OAAA,KAAA,mBAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,oBAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,kBAAA,aAAA;AAAA,IACA;AAAA,IAEA,gBAAA;AACA,aAAA;AAAA,QACA;AAAA,QACAA,iBAAA,sBAAA,KAAA,IAAA;AAAA,QACA;AAAA,UACA,qBAAA,KAAA,oBAAA;AAAA,UACA,sBAAA,KAAA;AAAA,UACA,2BAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,QAAA,YAAA;AACA,WAAA,kBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,eAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,qBAAA;AACA,WAAA,MAAA,UAAA,CAAA,KAAA,eAAA;AAEA,UAAA,KAAA,eAAA;AACA,aAAA,kBAAA,CAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA,CAAA,CAAA,KAAA,OAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,WAAA,oBAAA,KAAA,aAAA,GAAA,KAAA,OAAA,YAAA,CAAA;AAAA,IACA;AAAA,IAEA,oBAAA,UAAA,WAAA;AACA,UAAA,CAAA,YAAA,CAAA,WAAA;AACA,YAAA,KAAA;AAAA,UACA;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/components/toggle/toggle.vue.js

@@ -1,169 +0,0 @@
-import Vue from "vue";
-import utils from "../../common/utils.js";
-import { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from "./toggle_constants.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtToggle",
-  inheritAttrs: false,
-  model: {
-    prop: "checked",
-    event: "change"
-  },
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return utils.getUniqueString();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Value of the toggle
-     * @model checked
-     * @values true, false, 'mixed'
-     */
-    checked: {
-      type: [Boolean, String],
-      default: false,
-      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v)
-    },
-    /**
-     * 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: true
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * 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"
-  ],
-  data() {
-    return {
-      internalChecked: this.checked
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...this.$listeners,
-        click: (_) => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      return this.isIndeterminate ? "checkbox" : "switch";
-    },
-    toggleClasses() {
-      return [
-        "d-toggle",
-        TOGGLE_SIZE_MODIFIERS[this.size],
-        {
-          "d-toggle--checked": this.internalChecked === true,
-          "d-toggle--disabled": this.disabled,
-          "d-toggle--indeterminate": this.isIndeterminate
-        }
-      ];
-    }
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    toggleCheckedValue() {
-      this.$emit("change", !this.internalChecked);
-      if (this.toggleOnClick) {
-        this.internalChecked = !this.internalChecked;
-      }
-    },
-    hasSlotLabel() {
-      return !!this.$slots.default;
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
-    },
-    validateInputLabels(hasLabel, ariaLabel) {
-      if (!hasLabel && !ariaLabel) {
-        Vue.util.warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-toggle-wrapper" }, [_vm.$slots.default ? _c("label", _vm._b({ class: _vm.labelClass, attrs: { "for": _vm.id, "data-qa": "toggle-label" } }, "label", _vm.labelChildProps, false), [_vm._t("default")], 2) : _vm._e(), _c("button", _vm._g(_vm._b({ class: _vm.toggleClasses, attrs: { "id": _vm.id, "role": _vm.toggleRole, "type": "button", "aria-checked": _vm.internalChecked.toString(), "disabled": _vm.disabled, "aria-disabled": _vm.disabled.toString() } }, "button", _vm.$attrs, false), _vm.inputListeners), [_vm.showIcon ? _c("span", { staticClass: "d-toggle__inner" }) : _vm._e()])]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const toggle = __component__.exports;
-export {
-  toggle as default
-};
-//# sourceMappingURL=toggle.vue.js.map

package/dist/components/toggle/toggle.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.vue.js","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div class=\"d-toggle-wrapper\">\n    <label\n      v-if=\"$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=\"$attrs\"\n      v-on=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport utils 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\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 utils.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    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...this.$listeners,\n        click: _ => 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    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        Vue.util.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":[],"mappings":";;;;AAwCA,MAAA,YAAA;AAAA,EAEA,MAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAA,MAAA,gBAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,SAAA;AAAA,MACA,MAAA,CAAA,SAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,MAAA,sBAAA,SAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,MAAA,OAAA,KAAA,qBAAA,EAAA,SAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,iBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,OAAA,OAAA,KAAA,mBAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,oBAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,kBAAA,aAAA;AAAA,IACA;AAAA,IAEA,gBAAA;AACA,aAAA;AAAA,QACA;AAAA,QACA,sBAAA,KAAA,IAAA;AAAA,QACA;AAAA,UACA,qBAAA,KAAA,oBAAA;AAAA,UACA,sBAAA,KAAA;AAAA,UACA,2BAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,QAAA,YAAA;AACA,WAAA,kBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,eAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,qBAAA;AACA,WAAA,MAAA,UAAA,CAAA,KAAA,eAAA;AAEA,UAAA,KAAA,eAAA;AACA,aAAA,kBAAA,CAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA,CAAA,CAAA,KAAA,OAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,WAAA,oBAAA,KAAA,aAAA,GAAA,KAAA,OAAA,YAAA,CAAA;AAAA,IACA;AAAA,IAEA,oBAAA,UAAA,WAAA;AACA,UAAA,CAAA,YAAA,CAAA,WAAA;AACA,YAAA,KAAA;AAAA,UACA;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/components/toggle/toggle_constants.cjs.map

@@ -1 +0,0 @@
-{"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":[],"mappings":";;AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB,CAAC,OAAO,MAAM,OAAO;;;"}

package/dist/components/toggle/toggle_constants.js.map

@@ -1 +0,0 @@
-{"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":[],"mappings":"AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB,CAAC,OAAO,MAAM,OAAO;"}

package/dist/components/tooltip/tooltip.vue.cjs

@@ -1,436 +0,0 @@
-"use strict";
-const tooltip_constants = require("./tooltip_constants.cjs");
-const popover_constants = require("../popover/popover_constants.cjs");
-const common_utils = require("../../common/utils.cjs");
-const tippy_utils = require("../popover/tippy_utils.cjs");
-;/* empty css               */
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const _sfc_main = {
-  name: "DtTooltip",
-  props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * If the popover does not fit in the direction described by "placement",
-     * it will attempt to change its direction to the "fallbackPlacements"
-     * if defined, otherwise it will automatically position to a new location
-     * as it sees best fit. See
-     * <a
-     *   class="d-link"
-     *   href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
-     *   target="_blank"
-     * >
-     *   Popper.js docs
-     * </a>
-     * */
-    fallbackPlacements: {
-      type: Array,
-      default: () => ["auto"]
-    },
-    /**
-     * If true, applies inverted styles to the tooltip
-     * @values true, false
-     */
-    inverted: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     *  Displaces the tooltip from its reference element
-     *  by the specified number of pixels. See
-     *  <a
-     *    class="d-link"
-     *    href="https://atomiks.github.io/tippyjs/v6/all-props/#offset"
-     *    target="_blank"
-     *  >
-     *    Tippy.js docs
-     *  </a>
-     */
-    offset: {
-      type: Array,
-      default: () => [0, 12]
-    },
-    /**
-     * The direction the popover displays relative to the anchor. See
-     * <a
-     *   class="d-link"
-     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#placement"
-     *   target="_blank"
-     * >
-     *   Tippy.js docs
-     * </a>
-     * @values top, top-start, top-end,
-     * right, right-start, right-end,
-     * left, left-start, left-end,
-     * bottom, bottom-start, bottom-end,
-     * auto, auto-start, auto-end
-     */
-    placement: {
-      type: String,
-      default: "top",
-      validator(placement) {
-        return tooltip_constants.TOOLTIP_DIRECTIONS.includes(placement);
-      }
-    },
-    /**
-     * If the tooltip sticks to the anchor. This is usually not needed, but can be needed
-     * if the reference element's position is animating, or to automatically update the popover
-     * position in those cases the DOM layout changes the reference element's position.
-     * `true` enables it, `reference` only checks the "reference" rect for changes and `popper` only
-     * checks the "popper" rect for changes. See
-     * <a
-     *   class="d-link"
-     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky"
-     *   target="_blank"
-     * >
-     *   Tippy.js docs
-     * </a>
-     * @values true, false, reference, popper
-     */
-    sticky: {
-      type: [Boolean, String],
-      default: true,
-      validator: (sticky) => {
-        return tooltip_constants.TOOLTIP_STICKY_VALUES.includes(sticky);
-      }
-    },
-    /**
-     * Sets the element to which the tooltip is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * This prop is not reactive, must be set on initial render.
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: "body",
-      validator: (appendTo) => {
-        return popover_constants.POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
-      }
-    },
-    /**
-     * Additional css classes for the tooltip content element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    contentClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    /**
-     * A provided message for the tooltip content
-     */
-    message: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Controls whether hover/focus causes the tooltip to appear.
-     * Cannot be combined with the show prop. show value will be ignored.
-     * by default this is true, if you override with false, the tooltip will never show up.
-     */
-    enabled: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.
-     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.
-     * Supports .sync modifier
-     * @values null, true, false
-     */
-    show: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Whether the tooltip should have a transition effect (fade).
-     */
-    transition: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether the tooltip will have a delay when being focused or moused over.
-     * @values true, false
-     */
-    delay: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/
-     */
-    theme: {
-      type: String,
-      default: null
-    },
-    /**
-     * External anchor id to use in those cases the anchor can't be provided via the slot.
-     * For instance, using the combobox's input as the anchor for the popover.
-     */
-    externalAnchor: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    /**
-     * Emitted when tooltip is shown or hidden
-     *
-     * @event shown
-     * @type {Boolean}
-     */
-    "shown",
-    /**
-     * Sync show value
-     *
-     * @event update:show
-     */
-    "update:show"
-  ],
-  data() {
-    return {
-      TOOLTIP_KIND_MODIFIERS: tooltip_constants.TOOLTIP_KIND_MODIFIERS,
-      tip: null,
-      inTimer: null,
-      // Internal state for whether the tooltip is shown. Changing the prop
-      // will update this.
-      internalShow: false,
-      // this is where the placement currently is, this can be different than
-      // the placement prop when there is not enough available room for the tip
-      // to display and it uses a fallback placement.
-      currentPlacement: this.placement
-    };
-  },
-  computed: {
-    // eslint-disable-next-line complexity
-    tippyProps() {
-      return {
-        offset: this.offset,
-        delay: this.delay ? tooltip_constants.TOOLTIP_DELAY_MS : false,
-        placement: this.placement,
-        sticky: this.sticky,
-        theme: this.inverted ? "inverted" : this.theme,
-        animation: this.transition ? "fade" : false,
-        // onShown only triggers when transition is truthy
-        onShown: (tooltipInstance) => this.onShow(tooltipInstance, "onShown"),
-        // onShown will always be called, but it will be called before the animation is complete
-        onShow: (tooltipInstance) => this.onShow(tooltipInstance, "onShow"),
-        onHidden: this.onHide,
-        popperOptions: tippy_utils.getPopperOptions({
-          fallbackPlacements: this.fallbackPlacements,
-          hasHideModifierEnabled: true,
-          onChangePlacement: this.onChangePlacement
-        })
-      };
-    },
-    anchor() {
-      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : tippy_utils.getAnchor(this.$refs.anchor);
-    }
-  },
-  watch: {
-    tippyProps: {
-      handler: "setProps",
-      deep: true
-    },
-    show: {
-      handler: function(show) {
-        if (show !== null && this.enabled) {
-          this.internalShow = show;
-        }
-      },
-      immediate: true
-    },
-    internalShow(value) {
-      if (value) {
-        this.setProps();
-        this.tip.show();
-      } else {
-        this.tip.hide();
-      }
-    },
-    sticky(sticky) {
-      this.tip.setProps({
-        sticky
-      });
-    }
-  },
-  async mounted() {
-    if (!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 = tippy_utils.createTippy(this.anchor, this.initOptions());
-    if (this.externalAnchor) {
-      await common_utils.flushPromises();
-      this.addExternalAnchorEventListeners();
-    }
-  },
-  beforeDestroy() {
-    var _a, _b;
-    this.externalAnchor && this.removeExternalAnchorEventListeners();
-    if ((_a = this.anchor) == null ? void 0 : _a._tippy) {
-      (_b = this.tip) == null ? void 0 : _b.destroy();
-    }
-  },
-  methods: {
-    calculateAnchorZindex() {
-      if (this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]') || // Special case because we don't have any dialtone drawer component yet. Render at 651 when
-      // anchor of popover is within a drawer.
-      this.$el.closest(".d-zi-drawer")) {
-        return 651;
-      } else {
-        return 400;
-      }
-    },
-    hasVisibleFocus() {
-      return this.anchor.matches(":focus-visible");
-    },
-    onEnterAnchor(e) {
-      if (!this.enabled) return;
-      if (this.delay && this.inTimer === null) {
-        this.inTimer = setTimeout(() => {
-          this.triggerShow(e);
-        }, tooltip_constants.TOOLTIP_DELAY_MS);
-      } else {
-        this.triggerShow(e);
-      }
-    },
-    triggerShow(e) {
-      if (e.type === "focusin") {
-        if (this.show === null && this.hasVisibleFocus()) {
-          this.internalShow = true;
-        }
-      } else {
-        if (this.show === null) this.internalShow = true;
-      }
-    },
-    onLeaveAnchor(e) {
-      if (e.type === "keydown" && e.code !== "Escape") return;
-      clearTimeout(this.inTimer);
-      this.inTimer = null;
-      this.triggerHide();
-    },
-    triggerHide() {
-      if (this.show === null) this.internalShow = false;
-    },
-    onChangePlacement(placement) {
-      this.currentPlacement = placement;
-    },
-    onHide() {
-      var _a;
-      (_a = this.tip) == null ? void 0 : _a.unmount();
-      this.$emit("shown", false);
-      if (this.show !== null) {
-        this.$emit("update:show", false);
-      }
-    },
-    onShow(tooltipInstance, callingMethod) {
-      if (!this.tooltipHasContent(tooltipInstance)) {
-        return false;
-      }
-      if (this.transition && callingMethod === "onShow") {
-        return;
-      }
-      this.$emit("shown", true);
-      if (this.show !== null) {
-        this.$emit("update:show", true);
-      }
-    },
-    setProps() {
-      var _a, _b;
-      if (this.tip && this.tip.setProps) {
-        this.tip.setProps({
-          ...this.tippyProps,
-          // these need to be set here rather than in tippyProps because they are non-reactive
-          appendTo: this.appendTo === "body" ? (_b = (_a = this.anchor) == null ? void 0 : _a.getRootNode()) == null ? void 0 : _b.querySelector("body") : this.appendTo,
-          zIndex: this.calculateAnchorZindex()
-        });
-      }
-    },
-    onMount() {
-      this.setProps();
-    },
-    tooltipHasContent(tooltipInstance) {
-      if (tooltipInstance.props.content.textContent.trim().length === 0) {
-        return false;
-      }
-      return true;
-    },
-    // set initial options here. If any of the options need to dynamically change, they should be put in
-    // tippyProps instead.
-    initOptions() {
-      const template = this.$refs.content;
-      return {
-        content: template,
-        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>',
-        // transition duration - same as our custom fade delay in dialtone-globals.less
-        duration: 180,
-        interactive: false,
-        trigger: "manual",
-        hideOnClick: false,
-        // disable tooltip from displaying on touch devices
-        touch: false,
-        onMount: this.onMount,
-        showOnCreate: this.internalShow,
-        popperOptions: tippy_utils.getPopperOptions({
-          hasHideModifierEnabled: true
-        })
-      };
-    },
-    addExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.addEventListener(listener, (event) => this.onEnterAnchor(event));
-      });
-      ["focusout", "mouseleave", "keydown"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.addEventListener(listener, (event) => this.onLeaveAnchor(event));
-      });
-    },
-    removeExternalAnchorEventListeners() {
-      ["focusin", "mouseenter"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.removeEventListener(listener, (event) => this.onEnterAnchor(event));
-      });
-      ["focusout", "mouseleave", "keydown"].forEach((listener) => {
-        var _a;
-        (_a = this.anchor) == null ? void 0 : _a.removeEventListener(listener, (event) => this.onLeaveAnchor(event));
-      });
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { attrs: { "data-qa": "dt-tooltip-container" } }, [!_vm.externalAnchor ? _c("span", { ref: "anchor", attrs: { "data-qa": "dt-tooltip-anchor" }, on: { "focusin": _vm.onEnterAnchor, "focusout": _vm.onLeaveAnchor, "mouseenter": _vm.onEnterAnchor, "mouseleave": _vm.onLeaveAnchor, "keydown": function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
-    return _vm.onLeaveAnchor.apply(null, arguments);
-  } } }, [_vm._t("anchor")], 2) : _vm._e(), _c("div", _vm._g({ ref: "content", class: [
-    "d-tooltip",
-    {
-      [_vm.TOOLTIP_KIND_MODIFIERS.inverted]: _vm.inverted
-    },
-    _vm.contentClass
-  ], attrs: { "id": _vm.id, "data-qa": "dt-tooltip" } }, _vm.$listeners), [_vm._t("default", function() {
-    return [_vm._v(" " + _vm._s(_vm.message) + " ")];
-  })], 2)]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtTooltip = __component__.exports;
-module.exports = DtTooltip;
-//# sourceMappingURL=tooltip.vue.cjs.map