@dialpad/dialtone-vue 3.55.0 → 3.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +8 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +54 -24
  5. package/dist/dialtone-vue.umd.js +54 -24
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -1262,6 +1262,7 @@ __webpack_require__.d(__webpack_exports__, {
1262
1262
  "TAB_LIST_KIND_MODIFIERS": () => (/* reexport */ TAB_LIST_KIND_MODIFIERS),
1263
1263
  "TAB_LIST_SIZES": () => (/* reexport */ TAB_LIST_SIZES),
1264
1264
  "TOAST_ROLES": () => (/* reexport */ TOAST_ROLES),
1265
+ "TOOLTIP_DELAY_MS": () => (/* reexport */ TOOLTIP_DELAY_MS),
1265
1266
  "TOOLTIP_DIRECTIONS": () => (/* reexport */ TOOLTIP_DIRECTIONS),
1266
1267
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
1267
1268
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
@@ -12978,30 +12979,30 @@ const image_viewer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(image
12978
12979
  /* harmony default export */ const image_viewer = (image_viewer_exports_);
12979
12980
  ;// CONCATENATED MODULE: ./components/image_viewer/index.js
12980
12981
 
12981
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=2ab65018
12982
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=c6af832c
12982
12983
 
12983
- const inputvue_type_template_id_2ab65018_hoisted_1 = {
12984
+ const inputvue_type_template_id_c6af832c_hoisted_1 = {
12984
12985
  ref: "container",
12985
12986
  class: "base-input",
12986
12987
  "data-qa": "dt-input"
12987
12988
  };
12988
- const inputvue_type_template_id_2ab65018_hoisted_2 = ["aria-details"];
12989
- const inputvue_type_template_id_2ab65018_hoisted_3 = ["id"];
12990
- const inputvue_type_template_id_2ab65018_hoisted_4 = {
12989
+ const inputvue_type_template_id_c6af832c_hoisted_2 = ["aria-details"];
12990
+ const inputvue_type_template_id_c6af832c_hoisted_3 = ["id"];
12991
+ const inputvue_type_template_id_c6af832c_hoisted_4 = {
12991
12992
  key: 0
12992
12993
  };
12993
- const inputvue_type_template_id_2ab65018_hoisted_5 = {
12994
+ const inputvue_type_template_id_c6af832c_hoisted_5 = {
12994
12995
  key: 1,
12995
12996
  "data-qa": "dt-input-length-description",
12996
12997
  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
12997
12998
  };
12998
- const inputvue_type_template_id_2ab65018_hoisted_6 = ["read-only"];
12999
+ const inputvue_type_template_id_c6af832c_hoisted_6 = ["read-only"];
12999
13000
  const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
13000
13001
  const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
13001
- function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup, $data, $options) {
13002
+ function inputvue_type_template_id_c6af832c_render(_ctx, _cache, $props, $setup, $data, $options) {
13002
13003
  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
13003
13004
 
13004
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
13005
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
13005
13006
  class: "base-input__label",
13006
13007
  "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
13007
13008
  "data-qa": "dt-input-label-wrapper"
@@ -13016,7 +13017,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13016
13017
  ref: "description",
13017
13018
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
13018
13019
  "data-qa": "dt-input-description"
13019
- }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
13020
+ }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_c6af832c_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
13020
13021
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputWrapperClasses()),
13021
13022
  "read-only": $props.disabled === true ? true : undefined
13022
13023
  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
@@ -13052,7 +13053,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13052
13053
  onFocusout: _cache[1] || (_cache[1] = function () {
13053
13054
  return $options.onBlur && $options.onBlur(...arguments);
13054
13055
  })
13055
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_6)], 8, inputvue_type_template_id_2ab65018_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13056
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_c6af832c_hoisted_6)], 8, inputvue_type_template_id_c6af832c_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13056
13057
  "validation-messages": $options.validationMessages,
13057
13058
  "show-messages": _ctx.showMessages,
13058
13059
  class: _ctx.messagesClass
@@ -13060,7 +13061,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13060
13061
  "data-qa": "dt-input-messages"
13061
13062
  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
13062
13063
  }
13063
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=2ab65018
13064
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=c6af832c
13064
13065
 
13065
13066
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
13066
13067
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -13070,7 +13071,9 @@ const INPUT_TYPES = {
13070
13071
  TEXTAREA: 'textarea',
13071
13072
  PASSWORD: 'password',
13072
13073
  EMAIL: 'email',
13073
- NUMBER: 'number'
13074
+ NUMBER: 'number',
13075
+ DATE: 'date',
13076
+ TIME: 'time'
13074
13077
  };
13075
13078
  const INPUT_SIZES = {
13076
13079
  EXTRA_SMALL: 'xs',
@@ -13620,9 +13623,9 @@ const MessagesMixin = {
13620
13623
  },
13621
13624
 
13622
13625
  /**
13623
- * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`.
13626
+ * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
13624
13627
  * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
13625
- * @values text, password, email, number, textarea.
13628
+ * @values text, password, email, number, textarea, date, time
13626
13629
  */
13627
13630
  type: {
13628
13631
  type: String,
@@ -14092,7 +14095,7 @@ const MessagesMixin = {
14092
14095
 
14093
14096
 
14094
14097
  ;
14095
- const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_2ab65018_render]])
14098
+ const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_c6af832c_render]])
14096
14099
 
14097
14100
  /* harmony default export */ const input_input = (input_exports_);
14098
14101
  ;// CONCATENATED MODULE: ./components/input/index.js
@@ -17819,15 +17822,15 @@ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_t
17819
17822
  /* harmony default export */ const toggle = (toggle_exports_);
17820
17823
  ;// CONCATENATED MODULE: ./components/toggle/index.js
17821
17824
 
17822
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=1868931e
17825
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=395e7132
17823
17826
 
17824
- const tooltipvue_type_template_id_1868931e_hoisted_1 = {
17827
+ const tooltipvue_type_template_id_395e7132_hoisted_1 = {
17825
17828
  "data-qa": "dt-tooltip-container"
17826
17829
  };
17827
- function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setup, $data, $options) {
17830
+ function tooltipvue_type_template_id_395e7132_render(_ctx, _cache, $props, $setup, $data, $options) {
17828
17831
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
17829
17832
 
17830
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_1868931e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("a", {
17833
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_395e7132_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("a", {
17831
17834
  ref: "anchor",
17832
17835
  tabindex: "-1",
17833
17836
  role: "presentation",
@@ -17864,7 +17867,7 @@ function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setu
17864
17867
  _: 3
17865
17868
  }, 16, ["id", "show", "appear", "transition", "class"])]);
17866
17869
  }
17867
- ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=1868931e
17870
+ ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=395e7132
17868
17871
 
17869
17872
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
17870
17873
  /*
@@ -17872,6 +17875,7 @@ function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setu
17872
17875
  * */
17873
17876
 
17874
17877
  const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
17878
+ const TOOLTIP_DELAY_MS = 300;
17875
17879
  const TOOLTIP_KIND_MODIFIERS = {
17876
17880
  hover: `d-tooltip--hover`,
17877
17881
  show: `d-tooltip--show`,
@@ -18018,10 +18022,20 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18018
18022
 
18019
18023
  /**
18020
18024
  * Whether to apply transition on initial render in the content lazy show component.
18025
+ * @values true, false
18021
18026
  */
18022
18027
  contentAppear: {
18023
18028
  type: Boolean,
18024
18029
  default: false
18030
+ },
18031
+
18032
+ /**
18033
+ * Whether the tooltip will have a delay when being focused or moused over.
18034
+ * @values true, false
18035
+ */
18036
+ delay: {
18037
+ type: Boolean,
18038
+ default: true
18025
18039
  }
18026
18040
  },
18027
18041
  emits: [
@@ -18043,6 +18057,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18043
18057
  TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
18044
18058
  hasSlotContent: hasSlotContent,
18045
18059
  tip: null,
18060
+ inTimer: null,
18046
18061
  // Internal state for whether the tooltip is shown. Changing the prop
18047
18062
  // will update this.
18048
18063
  isShown: false,
@@ -18149,6 +18164,16 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18149
18164
  },
18150
18165
 
18151
18166
  onEnterAnchor(e) {
18167
+ if (this.delay) {
18168
+ this.inTimer = setTimeout(function (event) {
18169
+ return this.triggerShow(event);
18170
+ }.bind(this, e), TOOLTIP_DELAY_MS);
18171
+ } else {
18172
+ return this.triggerShow(e);
18173
+ }
18174
+ },
18175
+
18176
+ triggerShow(e) {
18152
18177
  if (e.type === 'focusin') {
18153
18178
  // only show tooltips on visible focus when triggered via focus.
18154
18179
  // when the user is using the mouse they only want tooltips to display
@@ -18166,6 +18191,11 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18166
18191
  },
18167
18192
 
18168
18193
  onLeaveAnchor() {
18194
+ clearTimeout(this.inTimer);
18195
+ return this.triggerHide();
18196
+ },
18197
+
18198
+ triggerHide() {
18169
18199
  if (this.show === null) this.isShown = false;
18170
18200
  },
18171
18201
 
@@ -18218,10 +18248,10 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18218
18248
  });
18219
18249
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
18220
18250
 
18221
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=1868931e&lang=less
18251
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=395e7132&lang=less
18222
18252
  // extracted by mini-css-extract-plugin
18223
18253
 
18224
- ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=1868931e&lang=less
18254
+ ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=395e7132&lang=less
18225
18255
 
18226
18256
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
18227
18257
 
@@ -18231,7 +18261,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18231
18261
  ;
18232
18262
 
18233
18263
 
18234
- const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_1868931e_render]])
18264
+ const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_395e7132_render]])
18235
18265
 
18236
18266
  /* harmony default export */ const tooltip = (tooltip_exports_);
18237
18267
  ;// CONCATENATED MODULE: ./components/tooltip/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -1272,6 +1272,7 @@ __webpack_require__.d(__webpack_exports__, {
1272
1272
  "TAB_LIST_KIND_MODIFIERS": () => (/* reexport */ TAB_LIST_KIND_MODIFIERS),
1273
1273
  "TAB_LIST_SIZES": () => (/* reexport */ TAB_LIST_SIZES),
1274
1274
  "TOAST_ROLES": () => (/* reexport */ TOAST_ROLES),
1275
+ "TOOLTIP_DELAY_MS": () => (/* reexport */ TOOLTIP_DELAY_MS),
1275
1276
  "TOOLTIP_DIRECTIONS": () => (/* reexport */ TOOLTIP_DIRECTIONS),
1276
1277
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
1277
1278
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
@@ -12988,30 +12989,30 @@ const image_viewer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(image
12988
12989
  /* harmony default export */ const image_viewer = (image_viewer_exports_);
12989
12990
  ;// CONCATENATED MODULE: ./components/image_viewer/index.js
12990
12991
 
12991
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=2ab65018
12992
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=c6af832c
12992
12993
 
12993
- const inputvue_type_template_id_2ab65018_hoisted_1 = {
12994
+ const inputvue_type_template_id_c6af832c_hoisted_1 = {
12994
12995
  ref: "container",
12995
12996
  class: "base-input",
12996
12997
  "data-qa": "dt-input"
12997
12998
  };
12998
- const inputvue_type_template_id_2ab65018_hoisted_2 = ["aria-details"];
12999
- const inputvue_type_template_id_2ab65018_hoisted_3 = ["id"];
13000
- const inputvue_type_template_id_2ab65018_hoisted_4 = {
12999
+ const inputvue_type_template_id_c6af832c_hoisted_2 = ["aria-details"];
13000
+ const inputvue_type_template_id_c6af832c_hoisted_3 = ["id"];
13001
+ const inputvue_type_template_id_c6af832c_hoisted_4 = {
13001
13002
  key: 0
13002
13003
  };
13003
- const inputvue_type_template_id_2ab65018_hoisted_5 = {
13004
+ const inputvue_type_template_id_c6af832c_hoisted_5 = {
13004
13005
  key: 1,
13005
13006
  "data-qa": "dt-input-length-description",
13006
13007
  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
13007
13008
  };
13008
- const inputvue_type_template_id_2ab65018_hoisted_6 = ["read-only"];
13009
+ const inputvue_type_template_id_c6af832c_hoisted_6 = ["read-only"];
13009
13010
  const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
13010
13011
  const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
13011
- function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup, $data, $options) {
13012
+ function inputvue_type_template_id_c6af832c_render(_ctx, _cache, $props, $setup, $data, $options) {
13012
13013
  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
13013
13014
 
13014
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
13015
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
13015
13016
  class: "base-input__label",
13016
13017
  "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
13017
13018
  "data-qa": "dt-input-label-wrapper"
@@ -13026,7 +13027,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13026
13027
  ref: "description",
13027
13028
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
13028
13029
  "data-qa": "dt-input-description"
13029
- }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
13030
+ }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_c6af832c_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_c6af832c_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
13030
13031
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputWrapperClasses()),
13031
13032
  "read-only": $props.disabled === true ? true : undefined
13032
13033
  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
@@ -13062,7 +13063,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13062
13063
  onFocusout: _cache[1] || (_cache[1] = function () {
13063
13064
  return $options.onBlur && $options.onBlur(...arguments);
13064
13065
  })
13065
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_6)], 8, inputvue_type_template_id_2ab65018_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13066
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_c6af832c_hoisted_6)], 8, inputvue_type_template_id_c6af832c_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13066
13067
  "validation-messages": $options.validationMessages,
13067
13068
  "show-messages": _ctx.showMessages,
13068
13069
  class: _ctx.messagesClass
@@ -13070,7 +13071,7 @@ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup,
13070
13071
  "data-qa": "dt-input-messages"
13071
13072
  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
13072
13073
  }
13073
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=2ab65018
13074
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=c6af832c
13074
13075
 
13075
13076
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
13076
13077
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -13080,7 +13081,9 @@ const INPUT_TYPES = {
13080
13081
  TEXTAREA: 'textarea',
13081
13082
  PASSWORD: 'password',
13082
13083
  EMAIL: 'email',
13083
- NUMBER: 'number'
13084
+ NUMBER: 'number',
13085
+ DATE: 'date',
13086
+ TIME: 'time'
13084
13087
  };
13085
13088
  const INPUT_SIZES = {
13086
13089
  EXTRA_SMALL: 'xs',
@@ -13630,9 +13633,9 @@ const MessagesMixin = {
13630
13633
  },
13631
13634
 
13632
13635
  /**
13633
- * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`.
13636
+ * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
13634
13637
  * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
13635
- * @values text, password, email, number, textarea.
13638
+ * @values text, password, email, number, textarea, date, time
13636
13639
  */
13637
13640
  type: {
13638
13641
  type: String,
@@ -14102,7 +14105,7 @@ const MessagesMixin = {
14102
14105
 
14103
14106
 
14104
14107
  ;
14105
- const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_2ab65018_render]])
14108
+ const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_c6af832c_render]])
14106
14109
 
14107
14110
  /* harmony default export */ const input_input = (input_exports_);
14108
14111
  ;// CONCATENATED MODULE: ./components/input/index.js
@@ -17829,15 +17832,15 @@ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_t
17829
17832
  /* harmony default export */ const toggle = (toggle_exports_);
17830
17833
  ;// CONCATENATED MODULE: ./components/toggle/index.js
17831
17834
 
17832
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=1868931e
17835
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=395e7132
17833
17836
 
17834
- const tooltipvue_type_template_id_1868931e_hoisted_1 = {
17837
+ const tooltipvue_type_template_id_395e7132_hoisted_1 = {
17835
17838
  "data-qa": "dt-tooltip-container"
17836
17839
  };
17837
- function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setup, $data, $options) {
17840
+ function tooltipvue_type_template_id_395e7132_render(_ctx, _cache, $props, $setup, $data, $options) {
17838
17841
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
17839
17842
 
17840
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_1868931e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("a", {
17843
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_395e7132_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("a", {
17841
17844
  ref: "anchor",
17842
17845
  tabindex: "-1",
17843
17846
  role: "presentation",
@@ -17874,7 +17877,7 @@ function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setu
17874
17877
  _: 3
17875
17878
  }, 16, ["id", "show", "appear", "transition", "class"])]);
17876
17879
  }
17877
- ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=1868931e
17880
+ ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=395e7132
17878
17881
 
17879
17882
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
17880
17883
  /*
@@ -17882,6 +17885,7 @@ function tooltipvue_type_template_id_1868931e_render(_ctx, _cache, $props, $setu
17882
17885
  * */
17883
17886
 
17884
17887
  const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
17888
+ const TOOLTIP_DELAY_MS = 300;
17885
17889
  const TOOLTIP_KIND_MODIFIERS = {
17886
17890
  hover: `d-tooltip--hover`,
17887
17891
  show: `d-tooltip--show`,
@@ -18028,10 +18032,20 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18028
18032
 
18029
18033
  /**
18030
18034
  * Whether to apply transition on initial render in the content lazy show component.
18035
+ * @values true, false
18031
18036
  */
18032
18037
  contentAppear: {
18033
18038
  type: Boolean,
18034
18039
  default: false
18040
+ },
18041
+
18042
+ /**
18043
+ * Whether the tooltip will have a delay when being focused or moused over.
18044
+ * @values true, false
18045
+ */
18046
+ delay: {
18047
+ type: Boolean,
18048
+ default: true
18035
18049
  }
18036
18050
  },
18037
18051
  emits: [
@@ -18053,6 +18067,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18053
18067
  TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
18054
18068
  hasSlotContent: hasSlotContent,
18055
18069
  tip: null,
18070
+ inTimer: null,
18056
18071
  // Internal state for whether the tooltip is shown. Changing the prop
18057
18072
  // will update this.
18058
18073
  isShown: false,
@@ -18159,6 +18174,16 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18159
18174
  },
18160
18175
 
18161
18176
  onEnterAnchor(e) {
18177
+ if (this.delay) {
18178
+ this.inTimer = setTimeout(function (event) {
18179
+ return this.triggerShow(event);
18180
+ }.bind(this, e), TOOLTIP_DELAY_MS);
18181
+ } else {
18182
+ return this.triggerShow(e);
18183
+ }
18184
+ },
18185
+
18186
+ triggerShow(e) {
18162
18187
  if (e.type === 'focusin') {
18163
18188
  // only show tooltips on visible focus when triggered via focus.
18164
18189
  // when the user is using the mouse they only want tooltips to display
@@ -18176,6 +18201,11 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18176
18201
  },
18177
18202
 
18178
18203
  onLeaveAnchor() {
18204
+ clearTimeout(this.inTimer);
18205
+ return this.triggerHide();
18206
+ },
18207
+
18208
+ triggerHide() {
18179
18209
  if (this.show === null) this.isShown = false;
18180
18210
  },
18181
18211
 
@@ -18228,10 +18258,10 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18228
18258
  });
18229
18259
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
18230
18260
 
18231
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=1868931e&lang=less
18261
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=395e7132&lang=less
18232
18262
  // extracted by mini-css-extract-plugin
18233
18263
 
18234
- ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=1868931e&lang=less
18264
+ ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=395e7132&lang=less
18235
18265
 
18236
18266
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
18237
18267
 
@@ -18241,7 +18271,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
18241
18271
  ;
18242
18272
 
18243
18273
 
18244
- const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_1868931e_render]])
18274
+ const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_395e7132_render]])
18245
18275
 
18246
18276
  /* harmony default export */ const tooltip = (tooltip_exports_);
18247
18277
  ;// CONCATENATED MODULE: ./components/tooltip/index.js