@dialpad/dialtone 9.142.1 → 9.143.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 (28) hide show
  1. package/dist/css/dialtone-default-theme.css +41 -0
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +41 -0
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens-docs.json +1 -1
  7. package/dist/tokens/doc.json +34115 -34115
  8. package/dist/vue2/lib/split-button/split-button-alpha.cjs +1 -1
  9. package/dist/vue2/lib/split-button/split-button-alpha.cjs.map +1 -1
  10. package/dist/vue2/lib/split-button/split-button-alpha.js +16 -8
  11. package/dist/vue2/lib/split-button/split-button-alpha.js.map +1 -1
  12. package/dist/vue2/lib/tooltip-directive/tooltip.cjs +1 -1
  13. package/dist/vue2/lib/tooltip-directive/tooltip.cjs.map +1 -1
  14. package/dist/vue2/lib/tooltip-directive/tooltip.js +17 -16
  15. package/dist/vue2/lib/tooltip-directive/tooltip.js.map +1 -1
  16. package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts +6 -1
  17. package/dist/vue2/types/directives/tooltip_directive/tooltip.d.ts.map +1 -1
  18. package/dist/vue3/lib/split-button/split-button-alpha.cjs +1 -1
  19. package/dist/vue3/lib/split-button/split-button-alpha.cjs.map +1 -1
  20. package/dist/vue3/lib/split-button/split-button-alpha.js +22 -14
  21. package/dist/vue3/lib/split-button/split-button-alpha.js.map +1 -1
  22. package/dist/vue3/lib/tooltip-directive/tooltip.cjs +1 -1
  23. package/dist/vue3/lib/tooltip-directive/tooltip.cjs.map +1 -1
  24. package/dist/vue3/lib/tooltip-directive/tooltip.js +12 -11
  25. package/dist/vue3/lib/tooltip-directive/tooltip.js.map +1 -1
  26. package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts +6 -1
  27. package/dist/vue3/types/directives/tooltip_directive/tooltip.d.ts.map +1 -1
  28. package/package.json +4 -4
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),n=require("../button/button.cjs"),i=require("../button/button-constants.cjs"),l={name:"SplitButtonAlpha",components:{DtButton:n.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:i.BUTTON_ICON_SIZES}}};var o=function(){var t=this,e=t._self._c;return e("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:{message:t.tooltipText,inverted:t.kind==="inverted"},expression:"{ message: tooltipText, inverted: kind === 'inverted' }"}],class:`d-split-btn__alpha d-split-btn__alpha--${t.size}`,attrs:{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon",null,{size:t.BUTTON_ICON_SIZES[t.size]})]},proxy:!0}],null,!0)},[t._t("default")],2)},s=[],r=a.n(l,o,s);const d=r.exports;exports.default=d;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),i=require("../button/button.cjs"),n=require("../button/button-constants.cjs"),o={name:"SplitButtonAlpha",components:{DtButton:i.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:n.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};var l=function(){var t=this,e=t._self._c;return e("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:t.tooltipConfig,expression:"tooltipConfig"}],class:`d-split-btn__alpha d-split-btn__alpha--${t.size}`,attrs:{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon",null,{size:t.BUTTON_ICON_SIZES[t.size]})]},proxy:!0}],null,!0)},[t._t("default")],2)},s=[],r=a.n(o,l,s);const u=r.exports;exports.default=u;
2
2
  //# sourceMappingURL=split-button-alpha.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES"],"mappings":"wPA6BAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,SAAAC,EAAAA,OACA,EAEA,MAAA,CAIA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,IACA,EAKA,aAAA,CACA,KAAA,OACA,QAAA,MACA,EAKA,WAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,QAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,iBAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,WAAA,CACA,KAAA,OACA,QAAA,SACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,SACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,kBAAAC,EAAAA,iBACA,CACA,CACA"}
1
+ {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES"],"mappings":"wPA6BAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,SAAAC,EAAAA,OACA,EAEA,MAAA,CAIA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,IACA,EAKA,aAAA,CACA,KAAA,OACA,QAAA,MACA,EAKA,WAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,QAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,iBAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,WAAA,CACA,KAAA,OACA,QAAA,SACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,SACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,kBAAAC,EAAAA,iBACA,CACA,EAEA,SAAA,CACA,eAAA,CACA,MAAA,CACA,QAAA,KAAA,YACA,SAAA,KAAA,OAAA,UACA,CACA,CACA,CACA"}
@@ -1,7 +1,7 @@
1
1
  import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
2
2
  import i from "../button/button.js";
3
- import { BUTTON_ICON_SIZES as n } from "../button/button-constants.js";
4
- const l = {
3
+ import { BUTTON_ICON_SIZES as o } from "../button/button-constants.js";
4
+ const n = {
5
5
  name: "SplitButtonAlpha",
6
6
  components: {
7
7
  DtButton: i
@@ -88,22 +88,30 @@ const l = {
88
88
  },
89
89
  data() {
90
90
  return {
91
- BUTTON_ICON_SIZES: n
91
+ BUTTON_ICON_SIZES: o
92
92
  };
93
+ },
94
+ computed: {
95
+ tooltipConfig() {
96
+ return {
97
+ message: this.tooltipText,
98
+ inverted: this.kind === "inverted"
99
+ };
100
+ }
93
101
  }
94
102
  };
95
- var o = function() {
103
+ var l = function() {
96
104
  var t = this, e = t._self._c;
97
- return e("dt-button", { directives: [{ name: "dt-tooltip", rawName: "v-dt-tooltip", value: { message: t.tooltipText, inverted: t.kind === "inverted" }, expression: "{ message: tooltipText, inverted: kind === 'inverted' }" }], class: `d-split-btn__alpha d-split-btn__alpha--${t.size}`, attrs: { "data-qa": "dt-split-button-alpha", active: t.active, "aria-label": t.ariaLabel, "assertive-on-focus": t.assertiveOnFocus, disabled: t.disabled, "icon-position": t.iconPosition, importance: t.importance, kind: t.kind, "label-class": t.labelClass, loading: t.loading, size: t.size }, scopedSlots: t._u([{ key: "icon", fn: function() {
105
+ return e("dt-button", { directives: [{ name: "dt-tooltip", rawName: "v-dt-tooltip", value: t.tooltipConfig, expression: "tooltipConfig" }], class: `d-split-btn__alpha d-split-btn__alpha--${t.size}`, attrs: { "data-qa": "dt-split-button-alpha", active: t.active, "aria-label": t.ariaLabel, "assertive-on-focus": t.assertiveOnFocus, disabled: t.disabled, "icon-position": t.iconPosition, importance: t.importance, kind: t.kind, "label-class": t.labelClass, loading: t.loading, size: t.size }, scopedSlots: t._u([{ key: "icon", fn: function() {
98
106
  return [t._t("icon", null, { size: t.BUTTON_ICON_SIZES[t.size] })];
99
107
  }, proxy: !0 }], null, !0) }, [t._t("default")], 2);
100
108
  }, s = [], r = /* @__PURE__ */ a(
109
+ n,
101
110
  l,
102
- o,
103
111
  s
104
112
  );
105
- const f = r.exports;
113
+ const c = r.exports;
106
114
  export {
107
- f as default
115
+ c as default
108
116
  };
109
117
  //# sourceMappingURL=split-button-alpha.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES"],"mappings":";;;AA6BA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;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,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,mBAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;"}
1
+ {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES"],"mappings":";;;AA6BA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;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,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,mBAAAC;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAA;AAAA,QACA,SAAA,KAAA;AAAA,QACA,UAAA,KAAA,SAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../common/utils/index.cjs"),p=require("../tooltip/tooltip.cjs"),v=require("../tooltip/tooltip-constants.cjs"),n={name:"dt-tooltip-directive",install(s){const r=document.createElement("div");document.body.appendChild(r);const d="top",a=new s({name:"DtTooltipDirectiveApp",components:{DtTooltip:p.default},data(){return{tooltips:[]}},methods:{addOrUpdateTooltip(e,t){const o=this.tooltips.findIndex(i=>i.id===e);o!==-1?this.tooltips.splice(o,1,{id:e,...t}):this.tooltips.push({id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(e){return e("div",{domProps:{id:"dt-tooltip-directive-app"}},[this.tooltips.map(({id:t,...o})=>e(p.default,{key:t,props:{...o,sticky:o.sticky!==void 0?o.sticky:!0,delay:o.delay!==void 0?o.delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`}}))])}});a.$mount(r),s.directive("dt-tooltip",{bind(e,t){u(e,t)},update(e,t){t.value!==t.oldValue&&u(e,t)},unbind(e){a.removeTooltip(e.getAttribute("data-dt-tooltip-id"))}});function u(e,t){if(t.value===null||t.value===void 0){const l=e.getAttribute("data-dt-tooltip-id");l&&a.removeTooltip(l);return}const o=e.getAttribute("data-dt-tooltip-id")||c.getUniqueString();let i;if(typeof t.value=="string")i={message:t.value,placement:t.arg||d};else if(typeof t.value=="object"&&t.value!==null)i={placement:t.arg||t.value.placement||d,...t.value};else{console.error("DtTooltipDirective: binding value must be string, object, null or undefined");return}Object.keys(t.modifiers).forEach(l=>{switch(l){case"inverted":i.inverted=!0;break;case"no-delay":i.delay=!1;break;case"no-transition":i.transition=!1;break;default:v.TOOLTIP_DIRECTIONS.includes(l)&&(i.placement=l);break}}),e.setAttribute("data-dt-tooltip-id",o),a.addOrUpdateTooltip(o,i)}}};exports.DtTooltipDirective=n;exports.default=n;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../common/utils/index.cjs"),v=require("deep-equal"),p=require("../tooltip/tooltip.cjs"),f=require("../tooltip/tooltip-constants.cjs"),n={name:"dt-tooltip-directive",install(r){const s=document.createElement("div");document.body.appendChild(s);const d="top",a=new r({name:"DtTooltipDirectiveApp",components:{DtTooltip:p.default},data(){return{tooltips:[]}},methods:{addOrUpdateTooltip(e,t){const o=this.tooltips.findIndex(i=>i.id===e);o!==-1?this.tooltips.splice(o,1,{id:e,...t}):this.tooltips.push({id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(e){return e("div",{domProps:{id:"dt-tooltip-directive-app"}},[this.tooltips.map(({id:t,...o})=>e(p.default,{key:t,props:{...o,sticky:o.sticky!==void 0?o.sticky:!0,delay:o.delay!==void 0?o.delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`}}))])}});a.$mount(s),r.directive("dt-tooltip",{bind(e,t){u(e,t)},update(e,t){v(t.value,t.oldValue)||u(e,t)},unbind(e){a.removeTooltip(e.getAttribute("data-dt-tooltip-id"))}});function u(e,t){if(t.value===null||t.value===void 0){const l=e.getAttribute("data-dt-tooltip-id");l&&a.removeTooltip(l);return}const o=e.getAttribute("data-dt-tooltip-id")||c.getUniqueString();let i;if(typeof t.value=="string")i={message:t.value,placement:t.arg||d};else if(typeof t.value=="object"&&t.value!==null)i={placement:t.arg||t.value.placement||d,...t.value};else{console.error("DtTooltipDirective: binding value must be string, object, null or undefined");return}Object.keys(t.modifiers).forEach(l=>{switch(l){case"inverted":i.inverted=!0;break;case"no-delay":i.delay=!1;break;case"no-transition":i.transition=!1;break;default:f.TOOLTIP_DIRECTIONS.includes(l)&&(i.placement=l);break}}),e.setAttribute("data-dt-tooltip-id",o),a.addOrUpdateTooltip(o,i)}}};exports.DtTooltipDirective=n;exports.default=n;
2
2
  //# sourceMappingURL=tooltip.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (Vue) {\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = new Vue({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render (h) {\n return h('div',\n {\n domProps: { id: 'dt-tooltip-directive-app' },\n },\n [\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n props: {\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n },\n });\n }),\n ],\n );\n },\n });\n\n DtTooltipDirectiveApp.$mount(mountPoint);\n\n Vue.directive('dt-tooltip', {\n bind (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n update (anchor, binding) {\n // Update tooltip on binding value change\n if (binding.value !== binding.oldValue) {\n setupTooltip(anchor, binding);\n }\n },\n unbind (anchor) {\n DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","Vue","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","DtTooltip","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"8OAGaA,EAAqB,CAChC,KAAM,uBACN,QAASC,EAAK,CACZ,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/C,SAAS,KAAK,YAAYA,CAAU,EAEpC,MAAMC,EAAoB,MACpBC,EAAwB,IAAIH,EAAI,CACpC,KAAM,wBACN,WAAY,CAAA,UAAEI,EAAAA,OAAS,EACvB,MAAQ,CACN,MAAO,CACL,SAAU,CAAA,CACpB,CACM,EAEA,QAAS,CACP,mBAAoBC,EAAIC,EAAe,CACrC,MAAMC,EAAQ,KAAK,SAAS,UAAUC,GAAWA,EAAQ,KAAOH,CAAE,EAC9DE,IAAU,GAEZ,KAAK,SAAS,OAAOA,EAAO,EAAG,CAAE,GAAAF,EAAI,GAAGC,EAAe,EAGvD,KAAK,SAAS,KAAK,CAAE,GAAAD,EAAI,GAAGC,CAAa,CAAE,CAE/C,EAEA,cAAeD,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAOG,GAAWA,EAAQ,KAAOH,CAAE,CACnE,CACR,EAEM,OAAQI,EAAG,CACT,OAAOA,EAAE,MACP,CACE,SAAU,CAAE,GAAI,0BAA0B,CACtD,EACU,CACE,KAAK,SAAS,IAAI,CAAC,CAAE,GAAAJ,EAAI,GAAGK,KACnBD,EAAEL,EAAAA,QAAW,CAClB,IAAKC,EACL,MAAO,CACL,GAAGK,EACH,OAAQA,EAAa,SAAW,OAAYA,EAAa,OAAS,GAIlE,MAAOA,EAAa,QAAU,OAAYA,EAAa,MAAS,QAAQ,IAAI,WAAa,OACzF,eAAgB,wBAAwBL,CAAE,IAC5D,CACA,CAAe,CACF,CACb,CACA,CACM,CACN,CAAK,EAEDF,EAAsB,OAAOF,CAAU,EAEvCD,EAAI,UAAU,aAAc,CAC1B,KAAMW,EAAQC,EAAS,CAErBC,EAAaF,EAAQC,CAAO,CAC9B,EACA,OAAQD,EAAQC,EAAS,CAEnBA,EAAQ,QAAUA,EAAQ,UAC5BC,EAAaF,EAAQC,CAAO,CAEhC,EACA,OAAQD,EAAQ,CACdR,EAAsB,cAAcQ,EAAO,aAAa,oBAAoB,CAAC,CAC/E,CACN,CAAK,EAED,SAASE,EAAcF,EAAQC,EAAS,CACtC,GAAIA,EAAQ,QAAU,MAAQA,EAAQ,QAAU,OAAW,CACzD,MAAME,EAAYH,EAAO,aAAa,oBAAoB,EACtDG,GACFX,EAAsB,cAAcW,CAAS,EAE/C,MACF,CAEA,MAAMA,EAAYH,EAAO,aAAa,oBAAoB,GAAKI,EAAAA,gBAAe,EAE9E,IAAIT,EACJ,GAAI,OAAOM,EAAQ,OAAU,SAC3BN,EAAgB,CACd,QAASM,EAAQ,MACjB,UAAWA,EAAQ,KAAOV,CACpC,UACiB,OAAOU,EAAQ,OAAU,UAAYA,EAAQ,QAAU,KAChEN,EAAgB,CACd,UAAWM,EAAQ,KAAOA,EAAQ,MAAM,WAAaV,EACrD,GAAGU,EAAQ,KACrB,MACa,CACL,QAAQ,MAAM,6EAA6E,EAC3F,MACF,CAEA,OAAO,KAAKA,EAAQ,SAAS,EAAE,QAAQI,GAAY,CACjD,OAAQA,EAAQ,CACd,IAAK,WACHV,EAAc,SAAW,GACzB,MACF,IAAK,WACHA,EAAc,MAAQ,GACtB,MACF,IAAK,gBACHA,EAAc,WAAa,GAC3B,MACF,QACMW,EAAAA,mBAAmB,SAASD,CAAQ,IACtCV,EAAc,UAAYU,GAE5B,KACZ,CACM,CAAC,EAEDL,EAAO,aAAa,qBAAsBG,CAAS,EACnDX,EAAsB,mBAAmBW,EAAWR,CAAa,CACnE,CACF,CACF"}
1
+ {"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (Vue) {\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = new Vue({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render (h) {\n return h('div',\n {\n domProps: { id: 'dt-tooltip-directive-app' },\n },\n [\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n props: {\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n },\n });\n }),\n ],\n );\n },\n });\n\n DtTooltipDirectiveApp.$mount(mountPoint);\n\n Vue.directive('dt-tooltip', {\n bind (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n update (anchor, binding) {\n // Update tooltip on binding value change\n // Use deep equality check to prevent infinite loops when objects are passed\n if (!deepEqual(binding.value, binding.oldValue)) {\n setupTooltip(anchor, binding);\n }\n },\n unbind (anchor) {\n DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","Vue","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","DtTooltip","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","deepEqual","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"sQAIaA,EAAqB,CAChC,KAAM,uBACN,QAASC,EAAK,CACZ,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/C,SAAS,KAAK,YAAYA,CAAU,EAEpC,MAAMC,EAAoB,MACpBC,EAAwB,IAAIH,EAAI,CACpC,KAAM,wBACN,WAAY,CAAA,UAAEI,EAAAA,OAAS,EACvB,MAAQ,CACN,MAAO,CACL,SAAU,CAAA,CACpB,CACM,EAEA,QAAS,CACP,mBAAoBC,EAAIC,EAAe,CACrC,MAAMC,EAAQ,KAAK,SAAS,UAAUC,GAAWA,EAAQ,KAAOH,CAAE,EAC9DE,IAAU,GAEZ,KAAK,SAAS,OAAOA,EAAO,EAAG,CAAE,GAAAF,EAAI,GAAGC,EAAe,EAGvD,KAAK,SAAS,KAAK,CAAE,GAAAD,EAAI,GAAGC,CAAa,CAAE,CAE/C,EAEA,cAAeD,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAOG,GAAWA,EAAQ,KAAOH,CAAE,CACnE,CACR,EAEM,OAAQI,EAAG,CACT,OAAOA,EAAE,MACP,CACE,SAAU,CAAE,GAAI,0BAA0B,CACtD,EACU,CACE,KAAK,SAAS,IAAI,CAAC,CAAE,GAAAJ,EAAI,GAAGK,KACnBD,EAAEL,EAAAA,QAAW,CAClB,IAAKC,EACL,MAAO,CACL,GAAGK,EACH,OAAQA,EAAa,SAAW,OAAYA,EAAa,OAAS,GAIlE,MAAOA,EAAa,QAAU,OAAYA,EAAa,MAAS,QAAQ,IAAI,WAAa,OACzF,eAAgB,wBAAwBL,CAAE,IAC5D,CACA,CAAe,CACF,CACb,CACA,CACM,CACN,CAAK,EAEDF,EAAsB,OAAOF,CAAU,EAEvCD,EAAI,UAAU,aAAc,CAC1B,KAAMW,EAAQC,EAAS,CAErBC,EAAaF,EAAQC,CAAO,CAC9B,EACA,OAAQD,EAAQC,EAAS,CAGlBE,EAAUF,EAAQ,MAAOA,EAAQ,QAAQ,GAC5CC,EAAaF,EAAQC,CAAO,CAEhC,EACA,OAAQD,EAAQ,CACdR,EAAsB,cAAcQ,EAAO,aAAa,oBAAoB,CAAC,CAC/E,CACN,CAAK,EAED,SAASE,EAAcF,EAAQC,EAAS,CACtC,GAAIA,EAAQ,QAAU,MAAQA,EAAQ,QAAU,OAAW,CACzD,MAAMG,EAAYJ,EAAO,aAAa,oBAAoB,EACtDI,GACFZ,EAAsB,cAAcY,CAAS,EAE/C,MACF,CAEA,MAAMA,EAAYJ,EAAO,aAAa,oBAAoB,GAAKK,EAAAA,gBAAe,EAE9E,IAAIV,EACJ,GAAI,OAAOM,EAAQ,OAAU,SAC3BN,EAAgB,CACd,QAASM,EAAQ,MACjB,UAAWA,EAAQ,KAAOV,CACpC,UACiB,OAAOU,EAAQ,OAAU,UAAYA,EAAQ,QAAU,KAChEN,EAAgB,CACd,UAAWM,EAAQ,KAAOA,EAAQ,MAAM,WAAaV,EACrD,GAAGU,EAAQ,KACrB,MACa,CACL,QAAQ,MAAM,6EAA6E,EAC3F,MACF,CAEA,OAAO,KAAKA,EAAQ,SAAS,EAAE,QAAQK,GAAY,CACjD,OAAQA,EAAQ,CACd,IAAK,WACHX,EAAc,SAAW,GACzB,MACF,IAAK,WACHA,EAAc,MAAQ,GACtB,MACF,IAAK,gBACHA,EAAc,WAAa,GAC3B,MACF,QACMY,EAAAA,mBAAmB,SAASD,CAAQ,IACtCX,EAAc,UAAYW,GAE5B,KACZ,CACM,CAAC,EAEDN,EAAO,aAAa,qBAAsBI,CAAS,EACnDZ,EAAsB,mBAAmBY,EAAWT,CAAa,CACnE,CACF,CACF"}
@@ -1,14 +1,15 @@
1
- import { getUniqueString as u } from "../../common/utils/index.js";
2
- import n from "../tooltip/tooltip.js";
3
- import { TOOLTIP_DIRECTIONS as c } from "../tooltip/tooltip-constants.js";
4
- const T = {
1
+ import { getUniqueString as n } from "../../common/utils/index.js";
2
+ import c from "deep-equal";
3
+ import u from "../tooltip/tooltip.js";
4
+ import { TOOLTIP_DIRECTIONS as m } from "../tooltip/tooltip-constants.js";
5
+ const D = {
5
6
  name: "dt-tooltip-directive",
6
7
  install(r) {
7
8
  const d = document.createElement("div");
8
9
  document.body.appendChild(d);
9
- const s = "top", a = new r({
10
+ const p = "top", a = new r({
10
11
  name: "DtTooltipDirectiveApp",
11
- components: { DtTooltip: n },
12
+ components: { DtTooltip: u },
12
13
  data() {
13
14
  return {
14
15
  tooltips: []
@@ -30,7 +31,7 @@ const T = {
30
31
  domProps: { id: "dt-tooltip-directive-app" }
31
32
  },
32
33
  [
33
- this.tooltips.map(({ id: t, ...o }) => e(n, {
34
+ this.tooltips.map(({ id: t, ...o }) => e(u, {
34
35
  key: t,
35
36
  props: {
36
37
  ...o,
@@ -48,31 +49,31 @@ const T = {
48
49
  });
49
50
  a.$mount(d), r.directive("dt-tooltip", {
50
51
  bind(e, t) {
51
- p(e, t);
52
+ s(e, t);
52
53
  },
53
54
  update(e, t) {
54
- t.value !== t.oldValue && p(e, t);
55
+ c(t.value, t.oldValue) || s(e, t);
55
56
  },
56
57
  unbind(e) {
57
58
  a.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
58
59
  }
59
60
  });
60
- function p(e, t) {
61
+ function s(e, t) {
61
62
  if (t.value === null || t.value === void 0) {
62
63
  const l = e.getAttribute("data-dt-tooltip-id");
63
64
  l && a.removeTooltip(l);
64
65
  return;
65
66
  }
66
- const o = e.getAttribute("data-dt-tooltip-id") || u();
67
+ const o = e.getAttribute("data-dt-tooltip-id") || n();
67
68
  let i;
68
69
  if (typeof t.value == "string")
69
70
  i = {
70
71
  message: t.value,
71
- placement: t.arg || s
72
+ placement: t.arg || p
72
73
  };
73
74
  else if (typeof t.value == "object" && t.value !== null)
74
75
  i = {
75
- placement: t.arg || t.value.placement || s,
76
+ placement: t.arg || t.value.placement || p,
76
77
  ...t.value
77
78
  };
78
79
  else {
@@ -91,7 +92,7 @@ const T = {
91
92
  i.transition = !1;
92
93
  break;
93
94
  default:
94
- c.includes(l) && (i.placement = l);
95
+ m.includes(l) && (i.placement = l);
95
96
  break;
96
97
  }
97
98
  }), e.setAttribute("data-dt-tooltip-id", o), a.addOrUpdateTooltip(o, i);
@@ -99,7 +100,7 @@ const T = {
99
100
  }
100
101
  };
101
102
  export {
102
- T as DtTooltipDirective,
103
- T as default
103
+ D as DtTooltipDirective,
104
+ D as default
104
105
  };
105
106
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (Vue) {\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = new Vue({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render (h) {\n return h('div',\n {\n domProps: { id: 'dt-tooltip-directive-app' },\n },\n [\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n props: {\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n },\n });\n }),\n ],\n );\n },\n });\n\n DtTooltipDirectiveApp.$mount(mountPoint);\n\n Vue.directive('dt-tooltip', {\n bind (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n update (anchor, binding) {\n // Update tooltip on binding value change\n if (binding.value !== binding.oldValue) {\n setupTooltip(anchor, binding);\n }\n },\n unbind (anchor) {\n DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","Vue","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","DtTooltip","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"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"}
1
+ {"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (Vue) {\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = new Vue({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render (h) {\n return h('div',\n {\n domProps: { id: 'dt-tooltip-directive-app' },\n },\n [\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n props: {\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n },\n });\n }),\n ],\n );\n },\n });\n\n DtTooltipDirectiveApp.$mount(mountPoint);\n\n Vue.directive('dt-tooltip', {\n bind (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n update (anchor, binding) {\n // Update tooltip on binding value change\n // Use deep equality check to prevent infinite loops when objects are passed\n if (!deepEqual(binding.value, binding.oldValue)) {\n setupTooltip(anchor, binding);\n }\n },\n unbind (anchor) {\n DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","Vue","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","DtTooltip","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","deepEqual","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"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"}
@@ -51,7 +51,12 @@ declare const _default: import('vue').DefineComponent<{
51
51
  lg: string;
52
52
  xl: string;
53
53
  };
54
- }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
54
+ }, {
55
+ tooltipConfig(): {
56
+ message: any;
57
+ inverted: boolean;
58
+ };
59
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
55
60
  active: {
56
61
  type: BooleanConstructor;
57
62
  default: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../directives/tooltip_directive/tooltip.js"],"names":[],"mappings":";;IAKE,iCA2HC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../directives/tooltip_directive/tooltip.js"],"names":[],"mappings":";;IAME,iCA4HC"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:s.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}}};function r(i,_,t,f,a,b){const l=e.resolveComponent("dt-button"),n=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(l,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon",{size:a.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[n,{message:t.tooltipText,inverted:t.kind==="inverted"}]])}const c=o._(u,[["render",r]]);exports.default=c;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),r=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:d.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:r.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(i,_,t,b,a,l){const n=e.resolveComponent("dt-button"),o=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(n,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon",{size:a.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[o,l.tooltipConfig]])}const f=s._(u,[["render",c]]);exports.default=f;
2
2
  //# sourceMappingURL=split-button-alpha.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","_directive_dt_tooltip"],"mappings":"2QA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,CACF,4IApIEC,EAAAA,YAsBYC,EAAA,CApBV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,MAPLC,EAAAA,yDAOsDD,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,QAASA,EAAA,QACT,KAAMA,EAAA,OAEI,eACT,IAGE,CAHFE,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBJ,EAAA,IAAI,MAnBrC,QAAAK,EAAAA,QAsBI,IAAuB,CAAvBH,aAAuBC,EAAA,OAAA,SAAA,IAtB3B,EAAA,2IAE6B,CAAAG,EAAA,CAAA,QAAAN,EAAA,qBAAuBA,EAAA,OAAI,UAAA,CAAA"}
1
+ {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","$options"],"mappings":"2QA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,EAEA,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WAE5B,EAEJ,4IA7IEC,EAAAA,YAsBYC,EAAA,CApBV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,MAPLC,EAAAA,yDAOsDD,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,QAASA,EAAA,QACT,KAAMA,EAAA,OAEI,eACT,IAGE,CAHFE,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBJ,EAAA,IAAI,MAnBrC,QAAAK,EAAAA,QAsBI,IAAuB,CAAvBH,aAAuBC,EAAA,OAAA,SAAA,IAtB3B,EAAA,8IAEkBG,EAAA,aAAa"}
@@ -1,8 +1,8 @@
1
- import { resolveComponent as s, resolveDirective as d, withDirectives as c, createBlock as r, openBlock as f, normalizeClass as u, withCtx as a, renderSlot as i } from "vue";
1
+ import { resolveComponent as d, resolveDirective as r, withDirectives as c, createBlock as f, openBlock as u, normalizeClass as p, withCtx as i, renderSlot as a } from "vue";
2
2
  import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  import _ from "../button/button.js";
4
- import { BUTTON_ICON_SIZES as p } from "../button/button-constants.js";
5
- const b = {
4
+ import { BUTTON_ICON_SIZES as b } from "../button/button-constants.js";
5
+ const g = {
6
6
  compatConfig: { MODE: 3 },
7
7
  name: "SplitButtonAlpha",
8
8
  components: {
@@ -90,18 +90,26 @@ const b = {
90
90
  },
91
91
  data() {
92
92
  return {
93
- BUTTON_ICON_SIZES: p
93
+ BUTTON_ICON_SIZES: b
94
94
  };
95
+ },
96
+ computed: {
97
+ tooltipConfig() {
98
+ return {
99
+ message: this.tooltipText,
100
+ inverted: this.kind === "inverted"
101
+ };
102
+ }
95
103
  }
96
104
  };
97
- function v(e, S, t, g, l, y) {
98
- const n = s("dt-button"), o = d("dt-tooltip");
99
- return c((f(), r(n, {
105
+ function v(e, S, t, y, l, o) {
106
+ const n = d("dt-button"), s = r("dt-tooltip");
107
+ return c((u(), f(n, {
100
108
  "data-qa": "dt-split-button-alpha",
101
109
  active: t.active,
102
110
  "aria-label": t.ariaLabel,
103
111
  "assertive-on-focus": t.assertiveOnFocus,
104
- class: u(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),
112
+ class: p(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),
105
113
  disabled: t.disabled,
106
114
  "icon-position": t.iconPosition,
107
115
  importance: t.importance,
@@ -110,20 +118,20 @@ function v(e, S, t, g, l, y) {
110
118
  loading: t.loading,
111
119
  size: t.size
112
120
  }, {
113
- icon: a(() => [
114
- i(e.$slots, "icon", {
121
+ icon: i(() => [
122
+ a(e.$slots, "icon", {
115
123
  size: l.BUTTON_ICON_SIZES[t.size]
116
124
  })
117
125
  ]),
118
- default: a(() => [
119
- i(e.$slots, "default")
126
+ default: i(() => [
127
+ a(e.$slots, "default")
120
128
  ]),
121
129
  _: 3
122
130
  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
123
- [o, { message: t.tooltipText, inverted: t.kind === "inverted" }]
131
+ [s, o.tooltipConfig]
124
132
  ]);
125
133
  }
126
- const O = /* @__PURE__ */ m(b, [["render", v]]);
134
+ const O = /* @__PURE__ */ m(g, [["render", v]]);
127
135
  export {
128
136
  O as default
129
137
  };
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","_directive_dt_tooltip"],"mappings":";;;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC;AAAA;EAEJ;AACF;;;iBApIEC,EAsBYC,GAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,OAPLC,4CAOsDD,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,iBAAeA,EAAA;AAAA,IACf,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,eAAaA,EAAA;AAAA,IACb,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;IAEI,QACT,MAGE;AAAA,MAHFE,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAA,kBAAkBJ,EAAA,IAAI;AAAA;;IAnBrC,SAAAK,EAsBI,MAAuB;AAAA,MAAvBH,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;IAE6B,CAAAG,GAAA,EAAA,SAAAN,EAAA,uBAAuBA,EAAA,SAAI,WAAA,CAAA;AAAA;;;"}
1
+ {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","$options"],"mappings":";;;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,gBAAiB;AACf,aAAO;AAAA,QACL,SAAS,KAAK;AAAA,QACd,UAAU,KAAK,SAAS;AAAA;IAE5B;AAAA;AAEJ;;;iBA7IEC,EAsBYC,GAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,OAPLC,4CAOsDD,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,iBAAeA,EAAA;AAAA,IACf,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,eAAaA,EAAA;AAAA,IACb,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;IAEI,QACT,MAGE;AAAA,MAHFE,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAA,kBAAkBJ,EAAA,IAAI;AAAA;;IAnBrC,SAAAK,EAsBI,MAAuB;AAAA,MAAvBH,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;QAEkBG,EAAA,aAAa;AAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../../common/utils/index.cjs"),a=require("vue"),c=require("../tooltip/tooltip.cjs"),m=require("../tooltip/tooltip-constants.cjs"),p={name:"dt-tooltip-directive",install(v){let r;const s=document.createElement("div");document.body.appendChild(s);const u="top",d=a.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:c.default},data(){return{tooltips:[]}},created(){r=a.getCurrentInstance()},methods:{addOrUpdateTooltip(e,t){const i=this.tooltips.findIndex(o=>o.id===e);i!==-1?this.tooltips.splice(i,1,{id:e,...t}):this.tooltips.push({id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(){return a.h("div",this.tooltips.map(({id:e,...t})=>a.h(c.default,{key:e,...t,sticky:t.sticky!==void 0?t.sticky:!0,delay:t.delay!==void 0?t.delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${e}"]`})))}});d.mount(s),v.directive("dt-tooltip",{beforeMount(e,t){n(e,t)},updated(e,t){t.value!==t.oldValue&&n(e,t)},unmounted(e){r.ctx.removeTooltip(e.getAttribute("data-dt-tooltip-id"))}});function n(e,t){if(t.value===null||t.value===void 0){const l=e.getAttribute("data-dt-tooltip-id");l&&d.removeTooltip(l);return}const i=e.getAttribute("data-dt-tooltip-id")||f.getUniqueString();let o;if(typeof t.value=="string")o={message:t.value,placement:t.arg||u};else if(typeof t.value=="object"&&t.value!==null)o={placement:t.arg||t.value.placement||u,...t.value};else{console.error("DtTooltipDirective: binding value must be string, object, null or undefined");return}Object.keys(t.modifiers).forEach(l=>{switch(l){case"inverted":o.inverted=!0;break;case"no-delay":o.delay=!1;break;case"no-transition":o.transition=!1;break;default:m.TOOLTIP_DIRECTIONS.includes(l)&&(o.placement=l);break}}),e.setAttribute("data-dt-tooltip-id",i),r.ctx.addOrUpdateTooltip(i,o)}}};exports.DtTooltipDirective=p;exports.default=p;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../../common/utils/index.cjs"),a=require("vue"),m=require("deep-equal"),c=require("../tooltip/tooltip.cjs"),T=require("../tooltip/tooltip-constants.cjs"),p={name:"dt-tooltip-directive",install(v){let r;const s=document.createElement("div");document.body.appendChild(s);const u="top",d=a.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:c.default},data(){return{tooltips:[]}},created(){r=a.getCurrentInstance()},methods:{addOrUpdateTooltip(e,t){const i=this.tooltips.findIndex(o=>o.id===e);i!==-1?this.tooltips.splice(i,1,{id:e,...t}):this.tooltips.push({id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(){return a.h("div",this.tooltips.map(({id:e,...t})=>a.h(c.default,{key:e,...t,sticky:t.sticky!==void 0?t.sticky:!0,delay:t.delay!==void 0?t.delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${e}"]`})))}});d.mount(s),v.directive("dt-tooltip",{beforeMount(e,t){n(e,t)},updated(e,t){m(t.value,t.oldValue)||n(e,t)},unmounted(e){r.ctx.removeTooltip(e.getAttribute("data-dt-tooltip-id"))}});function n(e,t){if(t.value===null||t.value===void 0){const l=e.getAttribute("data-dt-tooltip-id");l&&d.removeTooltip(l);return}const i=e.getAttribute("data-dt-tooltip-id")||f.getUniqueString();let o;if(typeof t.value=="string")o={message:t.value,placement:t.arg||u};else if(typeof t.value=="object"&&t.value!==null)o={placement:t.arg||t.value.placement||u,...t.value};else{console.error("DtTooltipDirective: binding value must be string, object, null or undefined");return}Object.keys(t.modifiers).forEach(l=>{switch(l){case"inverted":o.inverted=!0;break;case"no-delay":o.delay=!1;break;case"no-transition":o.transition=!1;break;default:T.TOOLTIP_DIRECTIONS.includes(l)&&(o.placement=l);break}}),e.setAttribute("data-dt-tooltip-id",i),r.ctx.addOrUpdateTooltip(i,o)}}};exports.DtTooltipDirective=p;exports.default=p;
2
2
  //# sourceMappingURL=tooltip.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (app) {\n let tooltipInstance;\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = createApp({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n created () {\n tooltipInstance = getCurrentInstance();\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render () {\n return h('div',\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n });\n }),\n );\n },\n });\n\n DtTooltipDirectiveApp.mount(mountPoint);\n\n app.directive('dt-tooltip', {\n beforeMount (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n updated (anchor, binding) {\n // Update tooltip on binding value change\n if (binding.value !== binding.oldValue) {\n setupTooltip(anchor, binding);\n }\n },\n unmounted (anchor) {\n tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","app","tooltipInstance","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","DtTooltip","getCurrentInstance","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"+PAIaA,EAAqB,CAChC,KAAM,uBACN,QAASC,EAAK,CACZ,IAAIC,EACJ,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/C,SAAS,KAAK,YAAYA,CAAU,EAEpC,MAAMC,EAAoB,MACpBC,EAAwBC,EAAAA,UAAU,CACtC,KAAM,wBACN,WAAY,CAAA,UAAEC,EAAAA,OAAS,EACvB,MAAQ,CACN,MAAO,CACL,SAAU,CAAA,CACpB,CACM,EAEA,SAAW,CACTL,EAAkBM,EAAAA,mBAAkB,CACtC,EAEA,QAAS,CACP,mBAAoBC,EAAIC,EAAe,CACrC,MAAMC,EAAQ,KAAK,SAAS,UAAUC,GAAWA,EAAQ,KAAOH,CAAE,EAC9DE,IAAU,GAEZ,KAAK,SAAS,OAAOA,EAAO,EAAG,CAAE,GAAAF,EAAI,GAAGC,EAAe,EAGvD,KAAK,SAAS,KAAK,CAAE,GAAAD,EAAI,GAAGC,CAAa,CAAE,CAE/C,EAEA,cAAeD,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAOG,GAAWA,EAAQ,KAAOH,CAAE,CACnE,CACR,EAEM,QAAU,CACR,OAAOI,EAAAA,EAAE,MACP,KAAK,SAAS,IAAI,CAAC,CAAE,GAAAJ,EAAI,GAAGK,KACnBD,EAAAA,EAAEN,EAAAA,QAAW,CAClB,IAAKE,EACL,GAAGK,EACH,OAAQA,EAAa,SAAW,OAAYA,EAAa,OAAS,GAIlE,MAAOA,EAAa,QAAU,OAAYA,EAAa,MAAS,QAAQ,IAAI,WAAa,OACzF,eAAgB,wBAAwBL,CAAE,IACxD,CAAa,CACF,CACX,CACM,CACN,CAAK,EAEDJ,EAAsB,MAAMF,CAAU,EAEtCF,EAAI,UAAU,aAAc,CAC1B,YAAac,EAAQC,EAAS,CAE5BC,EAAaF,EAAQC,CAAO,CAC9B,EACA,QAASD,EAAQC,EAAS,CAEpBA,EAAQ,QAAUA,EAAQ,UAC5BC,EAAaF,EAAQC,CAAO,CAEhC,EACA,UAAWD,EAAQ,CACjBb,EAAgB,IAAI,cAAca,EAAO,aAAa,oBAAoB,CAAC,CAC7E,CACN,CAAK,EAED,SAASE,EAAcF,EAAQC,EAAS,CACtC,GAAIA,EAAQ,QAAU,MAAQA,EAAQ,QAAU,OAAW,CACzD,MAAME,EAAYH,EAAO,aAAa,oBAAoB,EACtDG,GACFb,EAAsB,cAAca,CAAS,EAE/C,MACF,CACA,MAAMA,EAAYH,EAAO,aAAa,oBAAoB,GAAKI,EAAAA,gBAAe,EAE9E,IAAIT,EACJ,GAAI,OAAOM,EAAQ,OAAU,SAC3BN,EAAgB,CACd,QAASM,EAAQ,MACjB,UAAWA,EAAQ,KAAOZ,CACpC,UACiB,OAAOY,EAAQ,OAAU,UAAYA,EAAQ,QAAU,KAChEN,EAAgB,CACd,UAAWM,EAAQ,KAAOA,EAAQ,MAAM,WAAaZ,EACrD,GAAGY,EAAQ,KACrB,MACa,CACL,QAAQ,MAAM,6EAA6E,EAC3F,MACF,CAEA,OAAO,KAAKA,EAAQ,SAAS,EAAE,QAAQI,GAAY,CACjD,OAAQA,EAAQ,CACd,IAAK,WACHV,EAAc,SAAW,GACzB,MACF,IAAK,WACHA,EAAc,MAAQ,GACtB,MACF,IAAK,gBACHA,EAAc,WAAa,GAC3B,MACF,QACMW,EAAAA,mBAAmB,SAASD,CAAQ,IACtCV,EAAc,UAAYU,GAE5B,KACZ,CACM,CAAC,EAEDL,EAAO,aAAa,qBAAsBG,CAAS,EACnDhB,EAAgB,IAAI,mBAAmBgB,EAAWR,CAAa,CACjE,CACF,CACF"}
1
+ {"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (app) {\n let tooltipInstance;\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = createApp({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n created () {\n tooltipInstance = getCurrentInstance();\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render () {\n return h('div',\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n });\n }),\n );\n },\n });\n\n DtTooltipDirectiveApp.mount(mountPoint);\n\n app.directive('dt-tooltip', {\n beforeMount (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n updated (anchor, binding) {\n // Update tooltip on binding value change\n // Use deep equality check to prevent infinite loops when objects are passed\n if (!deepEqual(binding.value, binding.oldValue)) {\n setupTooltip(anchor, binding);\n }\n },\n unmounted (anchor) {\n tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","app","tooltipInstance","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","DtTooltip","getCurrentInstance","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","deepEqual","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"uRAKaA,EAAqB,CAChC,KAAM,uBACN,QAASC,EAAK,CACZ,IAAIC,EACJ,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/C,SAAS,KAAK,YAAYA,CAAU,EAEpC,MAAMC,EAAoB,MACpBC,EAAwBC,EAAAA,UAAU,CACtC,KAAM,wBACN,WAAY,CAAA,UAAEC,EAAAA,OAAS,EACvB,MAAQ,CACN,MAAO,CACL,SAAU,CAAA,CACpB,CACM,EAEA,SAAW,CACTL,EAAkBM,EAAAA,mBAAkB,CACtC,EAEA,QAAS,CACP,mBAAoBC,EAAIC,EAAe,CACrC,MAAMC,EAAQ,KAAK,SAAS,UAAUC,GAAWA,EAAQ,KAAOH,CAAE,EAC9DE,IAAU,GAEZ,KAAK,SAAS,OAAOA,EAAO,EAAG,CAAE,GAAAF,EAAI,GAAGC,EAAe,EAGvD,KAAK,SAAS,KAAK,CAAE,GAAAD,EAAI,GAAGC,CAAa,CAAE,CAE/C,EAEA,cAAeD,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAOG,GAAWA,EAAQ,KAAOH,CAAE,CACnE,CACR,EAEM,QAAU,CACR,OAAOI,EAAAA,EAAE,MACP,KAAK,SAAS,IAAI,CAAC,CAAE,GAAAJ,EAAI,GAAGK,KACnBD,EAAAA,EAAEN,EAAAA,QAAW,CAClB,IAAKE,EACL,GAAGK,EACH,OAAQA,EAAa,SAAW,OAAYA,EAAa,OAAS,GAIlE,MAAOA,EAAa,QAAU,OAAYA,EAAa,MAAS,QAAQ,IAAI,WAAa,OACzF,eAAgB,wBAAwBL,CAAE,IACxD,CAAa,CACF,CACX,CACM,CACN,CAAK,EAEDJ,EAAsB,MAAMF,CAAU,EAEtCF,EAAI,UAAU,aAAc,CAC1B,YAAac,EAAQC,EAAS,CAE5BC,EAAaF,EAAQC,CAAO,CAC9B,EACA,QAASD,EAAQC,EAAS,CAGnBE,EAAUF,EAAQ,MAAOA,EAAQ,QAAQ,GAC5CC,EAAaF,EAAQC,CAAO,CAEhC,EACA,UAAWD,EAAQ,CACjBb,EAAgB,IAAI,cAAca,EAAO,aAAa,oBAAoB,CAAC,CAC7E,CACN,CAAK,EAED,SAASE,EAAcF,EAAQC,EAAS,CACtC,GAAIA,EAAQ,QAAU,MAAQA,EAAQ,QAAU,OAAW,CACzD,MAAMG,EAAYJ,EAAO,aAAa,oBAAoB,EACtDI,GACFd,EAAsB,cAAcc,CAAS,EAE/C,MACF,CACA,MAAMA,EAAYJ,EAAO,aAAa,oBAAoB,GAAKK,EAAAA,gBAAe,EAE9E,IAAIV,EACJ,GAAI,OAAOM,EAAQ,OAAU,SAC3BN,EAAgB,CACd,QAASM,EAAQ,MACjB,UAAWA,EAAQ,KAAOZ,CACpC,UACiB,OAAOY,EAAQ,OAAU,UAAYA,EAAQ,QAAU,KAChEN,EAAgB,CACd,UAAWM,EAAQ,KAAOA,EAAQ,MAAM,WAAaZ,EACrD,GAAGY,EAAQ,KACrB,MACa,CACL,QAAQ,MAAM,6EAA6E,EAC3F,MACF,CAEA,OAAO,KAAKA,EAAQ,SAAS,EAAE,QAAQK,GAAY,CACjD,OAAQA,EAAQ,CACd,IAAK,WACHX,EAAc,SAAW,GACzB,MACF,IAAK,WACHA,EAAc,MAAQ,GACtB,MACF,IAAK,gBACHA,EAAc,WAAa,GAC3B,MACF,QACMY,EAAAA,mBAAmB,SAASD,CAAQ,IACtCX,EAAc,UAAYW,GAE5B,KACZ,CACM,CAAC,EAEDN,EAAO,aAAa,qBAAsBI,CAAS,EACnDjB,EAAgB,IAAI,mBAAmBiB,EAAWT,CAAa,CACjE,CACF,CACF"}
@@ -1,8 +1,9 @@
1
1
  import { getUniqueString as m } from "../../common/utils/index.js";
2
- import { createApp as f, h as n, getCurrentInstance as v } from "vue";
3
- import u from "../tooltip/tooltip.js";
4
- import { TOOLTIP_DIRECTIONS as T } from "../tooltip/tooltip-constants.js";
5
- const k = {
2
+ import { createApp as f, h as u, getCurrentInstance as v } from "vue";
3
+ import T from "deep-equal";
4
+ import n from "../tooltip/tooltip.js";
5
+ import { TOOLTIP_DIRECTIONS as y } from "../tooltip/tooltip-constants.js";
6
+ const I = {
6
7
  name: "dt-tooltip-directive",
7
8
  install(c) {
8
9
  let a;
@@ -10,7 +11,7 @@ const k = {
10
11
  document.body.appendChild(r);
11
12
  const s = "top", d = f({
12
13
  name: "DtTooltipDirectiveApp",
13
- components: { DtTooltip: u },
14
+ components: { DtTooltip: n },
14
15
  data() {
15
16
  return {
16
17
  tooltips: []
@@ -29,9 +30,9 @@ const k = {
29
30
  }
30
31
  },
31
32
  render() {
32
- return n(
33
+ return u(
33
34
  "div",
34
- this.tooltips.map(({ id: e, ...t }) => n(u, {
35
+ this.tooltips.map(({ id: e, ...t }) => u(n, {
35
36
  key: e,
36
37
  ...t,
37
38
  sticky: t.sticky !== void 0 ? t.sticky : !0,
@@ -49,7 +50,7 @@ const k = {
49
50
  p(e, t);
50
51
  },
51
52
  updated(e, t) {
52
- t.value !== t.oldValue && p(e, t);
53
+ T(t.value, t.oldValue) || p(e, t);
53
54
  },
54
55
  unmounted(e) {
55
56
  a.ctx.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
@@ -89,7 +90,7 @@ const k = {
89
90
  o.transition = !1;
90
91
  break;
91
92
  default:
92
- T.includes(l) && (o.placement = l);
93
+ y.includes(l) && (o.placement = l);
93
94
  break;
94
95
  }
95
96
  }), e.setAttribute("data-dt-tooltip-id", i), a.ctx.addOrUpdateTooltip(i, o);
@@ -97,7 +98,7 @@ const k = {
97
98
  }
98
99
  };
99
100
  export {
100
- k as DtTooltipDirective,
101
- k as default
101
+ I as DtTooltipDirective,
102
+ I as default
102
103
  };
103
104
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (app) {\n let tooltipInstance;\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = createApp({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n created () {\n tooltipInstance = getCurrentInstance();\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render () {\n return h('div',\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n });\n }),\n );\n },\n });\n\n DtTooltipDirectiveApp.mount(mountPoint);\n\n app.directive('dt-tooltip', {\n beforeMount (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n updated (anchor, binding) {\n // Update tooltip on binding value change\n if (binding.value !== binding.oldValue) {\n setupTooltip(anchor, binding);\n }\n },\n unmounted (anchor) {\n tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","app","tooltipInstance","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","DtTooltip","getCurrentInstance","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAASC,GAAK;AACZ,QAAIC;AACJ,UAAMC,IAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAYA,CAAU;AAEpC,UAAMC,IAAoB,OACpBC,IAAwBC,EAAU;AAAA,MACtC,MAAM;AAAA,MACN,YAAY,EAAE,WAAAC,EAAS;AAAA,MACvB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAA;AAAA,QACpB;AAAA,MACM;AAAA,MAEA,UAAW;AACT,QAAAL,IAAkBM,EAAkB;AAAA,MACtC;AAAA,MAEA,SAAS;AAAA,QACP,mBAAoBC,GAAIC,GAAe;AACrC,gBAAMC,IAAQ,KAAK,SAAS,UAAU,CAAAC,MAAWA,EAAQ,OAAOH,CAAE;AAClE,UAAIE,MAAU,KAEZ,KAAK,SAAS,OAAOA,GAAO,GAAG,EAAE,IAAAF,GAAI,GAAGC,GAAe,IAGvD,KAAK,SAAS,KAAK,EAAE,IAAAD,GAAI,GAAGC,EAAa,CAAE;AAAA,QAE/C;AAAA,QAEA,cAAeD,GAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,CAAAG,MAAWA,EAAQ,OAAOH,CAAE;AAAA,QACnE;AAAA,MACR;AAAA,MAEM,SAAU;AACR,eAAOI;AAAA,UAAE;AAAA,UACP,KAAK,SAAS,IAAI,CAAC,EAAE,IAAAJ,GAAI,GAAGK,QACnBD,EAAEN,GAAW;AAAA,YAClB,KAAKE;AAAA,YACL,GAAGK;AAAA,YACH,QAAQA,EAAa,WAAW,SAAYA,EAAa,SAAS;AAAA;AAAA;AAAA;AAAA,YAIlE,OAAOA,EAAa,UAAU,SAAYA,EAAa,QAAS,QAAQ,IAAI,aAAa;AAAA,YACzF,gBAAgB,wBAAwBL,CAAE;AAAA,UACxD,CAAa,CACF;AAAA,QACX;AAAA,MACM;AAAA,IACN,CAAK;AAED,IAAAJ,EAAsB,MAAMF,CAAU,GAEtCF,EAAI,UAAU,cAAc;AAAA,MAC1B,YAAac,GAAQC,GAAS;AAE5B,QAAAC,EAAaF,GAAQC,CAAO;AAAA,MAC9B;AAAA,MACA,QAASD,GAAQC,GAAS;AAExB,QAAIA,EAAQ,UAAUA,EAAQ,YAC5BC,EAAaF,GAAQC,CAAO;AAAA,MAEhC;AAAA,MACA,UAAWD,GAAQ;AACjB,QAAAb,EAAgB,IAAI,cAAca,EAAO,aAAa,oBAAoB,CAAC;AAAA,MAC7E;AAAA,IACN,CAAK;AAED,aAASE,EAAcF,GAAQC,GAAS;AACtC,UAAIA,EAAQ,UAAU,QAAQA,EAAQ,UAAU,QAAW;AACzD,cAAME,IAAYH,EAAO,aAAa,oBAAoB;AAC1D,QAAIG,KACFb,EAAsB,cAAca,CAAS;AAE/C;AAAA,MACF;AACA,YAAMA,IAAYH,EAAO,aAAa,oBAAoB,KAAKI,EAAe;AAE9E,UAAIT;AACJ,UAAI,OAAOM,EAAQ,SAAU;AAC3B,QAAAN,IAAgB;AAAA,UACd,SAASM,EAAQ;AAAA,UACjB,WAAWA,EAAQ,OAAOZ;AAAA,QACpC;AAAA,eACiB,OAAOY,EAAQ,SAAU,YAAYA,EAAQ,UAAU;AAChE,QAAAN,IAAgB;AAAA,UACd,WAAWM,EAAQ,OAAOA,EAAQ,MAAM,aAAaZ;AAAA,UACrD,GAAGY,EAAQ;AAAA,QACrB;AAAA,WACa;AACL,gBAAQ,MAAM,6EAA6E;AAC3F;AAAA,MACF;AAEA,aAAO,KAAKA,EAAQ,SAAS,EAAE,QAAQ,CAAAI,MAAY;AACjD,gBAAQA,GAAQ;AAAA,UACd,KAAK;AACH,YAAAV,EAAc,WAAW;AACzB;AAAA,UACF,KAAK;AACH,YAAAA,EAAc,QAAQ;AACtB;AAAA,UACF,KAAK;AACH,YAAAA,EAAc,aAAa;AAC3B;AAAA,UACF;AACE,YAAIW,EAAmB,SAASD,CAAQ,MACtCV,EAAc,YAAYU;AAE5B;AAAA,QACZ;AAAA,MACM,CAAC,GAEDL,EAAO,aAAa,sBAAsBG,CAAS,GACnDhB,EAAgB,IAAI,mBAAmBgB,GAAWR,CAAa;AAAA,IACjE;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n name: 'dt-tooltip-directive',\n install (app) {\n let tooltipInstance;\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n\n const DEFAULT_PLACEMENT = 'top';\n const DtTooltipDirectiveApp = createApp({\n name: 'DtTooltipDirectiveApp',\n components: { DtTooltip },\n data () {\n return {\n tooltips: [],\n };\n },\n\n created () {\n tooltipInstance = getCurrentInstance();\n },\n\n methods: {\n addOrUpdateTooltip (id, tooltipConfig) {\n const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n if (index !== -1) {\n // Update existing tooltip\n this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n } else {\n // Add new tooltip\n this.tooltips.push({ id, ...tooltipConfig });\n }\n },\n\n removeTooltip (id) {\n this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n },\n },\n\n render () {\n return h('div',\n this.tooltips.map(({ id, ...tooltipProps }) => {\n return h(DtTooltip, {\n key: id,\n ...tooltipProps,\n sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n /**\n * Set the delay to false when running tests only.\n */\n delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n });\n }),\n );\n },\n });\n\n DtTooltipDirectiveApp.mount(mountPoint);\n\n app.directive('dt-tooltip', {\n beforeMount (anchor, binding) {\n // Initial tooltip setup\n setupTooltip(anchor, binding);\n },\n updated (anchor, binding) {\n // Update tooltip on binding value change\n // Use deep equality check to prevent infinite loops when objects are passed\n if (!deepEqual(binding.value, binding.oldValue)) {\n setupTooltip(anchor, binding);\n }\n },\n unmounted (anchor) {\n tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n },\n });\n\n function setupTooltip (anchor, binding) {\n if (binding.value === null || binding.value === undefined) {\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n if (tooltipId) {\n DtTooltipDirectiveApp.removeTooltip(tooltipId);\n }\n return;\n }\n const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n let tooltipConfig;\n if (typeof binding.value === 'string') {\n tooltipConfig = {\n message: binding.value,\n placement: binding.arg || DEFAULT_PLACEMENT,\n };\n } else if (typeof binding.value === 'object' && binding.value !== null) {\n tooltipConfig = {\n placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n ...binding.value,\n };\n } else {\n console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n return;\n }\n\n Object.keys(binding.modifiers).forEach(modifier => {\n switch (modifier) {\n case 'inverted':\n tooltipConfig.inverted = true;\n break;\n case 'no-delay':\n tooltipConfig.delay = false;\n break;\n case 'no-transition':\n tooltipConfig.transition = false;\n break;\n default:\n if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n tooltipConfig.placement = modifier;\n }\n break;\n }\n });\n\n anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, tooltipConfig);\n }\n },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","app","tooltipInstance","mountPoint","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","DtTooltip","getCurrentInstance","id","tooltipConfig","index","tooltip","h","tooltipProps","anchor","binding","setupTooltip","deepEqual","tooltipId","getUniqueString","modifier","TOOLTIP_DIRECTIONS"],"mappings":"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"}
@@ -51,7 +51,12 @@ declare const _default: import('vue').DefineComponent<{
51
51
  lg: string;
52
52
  xl: string;
53
53
  };
54
- }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
54
+ }, {
55
+ tooltipConfig(): {
56
+ message: any;
57
+ inverted: boolean;
58
+ };
59
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
55
60
  active: {
56
61
  type: BooleanConstructor;
57
62
  default: boolean;