@dialpad/dialtone 9.24.0 → 9.26.0

package/dist/vue2/tooltip-i2wxFIIi.cjs

@@ -19,3 +19,4 @@
 
 `,`1) content: element.innerHTML
 `,"2) content: () => element.cloneNode(true)"].join(" "))}var l=o.reduce(function(a,f){var p=f&&ro(f,r);return p&&a.push(p),a},[]);return Fe(e)?l[0]:l}_e.defaultProps=H;_e.setDefaultProps=Ji;_e.currentInput=J;Object.assign({},En,{effect:function(t){var n=t.state,r={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,r.popper),n.styles=r,n.elements.arrow&&Object.assign(n.elements.arrow.style,r.arrow)}});var io={name:"sticky",defaultValue:!1,fn:function(t){var n=t.reference,r=t.popper;function o(){return t.popperInstance?t.popperInstance.state.elements.reference:n}function s(f){return t.props.sticky===!0||t.props.sticky===f}var c=null,l=null;function a(){var f=s("reference")?o().getBoundingClientRect():null,p=s("popper")?r.getBoundingClientRect():null;(f&&en(c,f)||p&&en(l,p))&&t.popperInstance&&t.popperInstance.update(),c=f,l=p,t.state.isMounted&&requestAnimationFrame(a)}return{onMount:function(){t.props.sticky&&a()}}}};function en(e,t){return e&&t?e.top!==t.top||e.right!==t.right||e.bottom!==t.bottom||e.left!==t.left:!0}_e.setDefaultProps({render:kn});const oo=e=>({name:"arrowDetected",enabled:!0,phase:"main",fn:e,requiresIfExists:["offset"]}),jn=["bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","top","top-start","top-end"],Bn=[!0,!1,"reference","popper"],Un=(e,t)=>{const{contentElement:n}={...t};return delete t.contentElement,_e(e,{...t,plugins:[io],render:()=>uo(n)})},Fn=({boundary:e="clippingParents",fallbackPlacements:t=[],onChangePlacement:n=()=>{},hasHideModifierEnabled:r=!1,tether:o=!0}={})=>({modifiers:[{name:"flip",options:{fallbackPlacements:t,boundary:e}},{name:"hide",enabled:r},{name:"preventOverflow",options:{altAxis:!o,tether:o}},oo(({state:s})=>{n(s.placement)})]}),ao=e=>{const t=document.createElement("span");return t.innerText=e.innerText||"",e.innerText="",e.appendChild(t),t},so=e=>{const t=e==null?void 0:e.children[0];return t||ao(e)},uo=e=>{const t=document.createElement("div");return t.className="tippy-box d-ps-absolute",t.appendChild(e),{popper:t}},co={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},lo={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},po=["dialog","menu","listbox","tree","grid"],fo=["","anchor"],vo=["none","dialog","first"],Hn=["parent","body"],ho=[...Bn],mo=[...jn],Wn=[...jn],zn=300,Yn={hover:"d-tooltip--hover",show:"d-tooltip--show",inverted:"d-tooltip--inverted",hide:"d-tooltip--hide"},qn=[...Bn],go=[!0,!1,"toggle"],yo={name:"DtTooltip",components:{DtLazyShow:gn},props:{id:{type:String,default(){return wt()}},fallbackPlacements:{type:Array,default:()=>["auto"]},inverted:{type:Boolean,default:!1},offset:{type:Array,default:()=>[0,-4]},placement:{type:String,default:"top",validator(e){return Wn.includes(e)}},sticky:{type:[Boolean,String],default:!1,validator:e=>qn.includes(e)},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>Hn.includes(e)||e instanceof HTMLElement},contentClass:{type:[String,Object,Array],default:""},message:{type:String,default:""},enabled:{type:Boolean,default:!0},show:{type:Boolean,default:null},transition:{type:String,default:"fade"},delay:{type:Boolean,default:!0},externalAnchor:{type:String,default:null}},emits:["shown","update:show"],data(){return{TOOLTIP_KIND_MODIFIERS:Yn,tip:null,inTimer:null,isShown:!1,currentPlacement:this.placement,isTouchDevice:!1}},computed:{isVisible(){var o,s;const e=!!((o=this.message)!=null&&o.trim()),t=!!((s=this.$slots)!=null&&s.default),n=!this.isTouchDevice;return this.isShown&&this.enabled&&(e||t)&&n},tooltipListeners(){return{...this.$listeners,"after-leave":()=>{this.onLeaveTransitionComplete()},"after-enter":()=>{this.onEnterTransitionComplete()}}},tippyProps(){return{offset:this.offset,interactive:!1,trigger:"manual",placement:this.placement,sticky:this.sticky,popperOptions:Fn({fallbackPlacements:this.fallbackPlacements,hasHideModifierEnabled:!0,onChangePlacement:this.onChangePlacement})}},anchor(){return this.externalAnchor?document.body.querySelector(this.externalAnchor):so(this.$refs.anchor)}},watch:{tippyProps:{handler:"setProps",deep:!0},show:{handler:function(e){e!==null&&(this.isShown=e)},immediate:!0},isShown(e){e?(this.setProps(),this.tip.show()):this.tip.hide()},sticky(e){this.tip.setProps({sticky:e})}},mounted(){!this.enabled&&this.show!=null&&(console.warn("Tooltip: You cannot use both the enabled and show props at the same time."),console.warn("The show prop will be ignored.")),this.externalAnchor&&this.addExternalAnchorEventListeners(),this.tip=Un(this.anchor,this.initOptions()),this.isShown&&this.tip.show()},beforeDestroy(){var e;this.externalAnchor&&this.removeExternalAnchorEventListeners(),this.tip&&((e=this.tip)==null||e.destroy())},methods:{calculateAnchorZindex(){return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||this.$el.closest(".d-zi-drawer")?651:400},hasVisibleFocus(){return this.anchor.matches(":focus-visible")},onEnterAnchor(e){this.isTouchDevice&&!e.relatedTarget||(this.delay?this.inTimer=setTimeout((function(t){this.triggerShow(t)}).bind(this,e),zn):this.triggerShow(e),this.isTouchDevice=!1)},triggerShow(e){e.type==="focusin"?this.show===null&&this.hasVisibleFocus()&&(this.isShown=!0):this.show===null&&(this.isShown=!0)},onLeaveAnchor(e){e.type==="keydown"&&e.code!=="Escape"||(clearTimeout(this.inTimer),this.triggerHide())},triggerHide(){this.show===null&&(this.isShown=!1)},onChangePlacement(e){this.currentPlacement=e},onLeaveTransitionComplete(){var e;(e=this.tip)==null||e.unmount(),this.$emit("shown",!1),this.show!==null&&this.$emit("update:show",!1)},onEnterTransitionComplete(){this.$emit("shown",!0),this.show!==null&&this.$emit("update:show",!0)},setProps(){var e,t;this.tip&&this.tip.setProps&&this.tip.setProps({...this.tippyProps,zIndex:this.calculateAnchorZindex(),appendTo:this.appendTo==="body"?(t=(e=this.anchor)==null?void 0:e.getRootNode())==null?void 0:t.querySelector("body"):this.appendTo})},onMount(){this.setProps()},initOptions(){return{contentElement:this.$refs.content.$el,allowHTML:!0,zIndex:this.calculateAnchorZindex(),onMount:this.onMount,...this.tippyProps}},addExternalAnchorEventListeners(){["focusin","mouseenter"].forEach(e=>{this.anchor.addEventListener(e,t=>this.onEnterAnchor(t))}),["focusout","mouseleave","keydown"].forEach(e=>{this.anchor.addEventListener(e,t=>this.onLeaveAnchor(t))})},removeExternalAnchorEventListeners(){["focusin","mouseenter"].forEach(e=>{this.anchor.removeEventListener(e,t=>this.onEnterAnchor(t))}),["focusout","mouseleave","keydown"].forEach(e=>{this.anchor.removeEventListener(e,t=>this.onLeaveAnchor(t))})},onTouchStart(){this.isTouchDevice=!0}}};var bo=function(){var t=this,n=t._self._c;return n("div",{attrs:{"data-qa":"dt-tooltip-container"}},[t.externalAnchor?t._e():n("span",{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"},on:{focusin:t.onEnterAnchor,focusout:t.onLeaveAnchor,mouseenter:t.onEnterAnchor,mouseleave:t.onLeaveAnchor,keydown:function(r){return!r.type.indexOf("key")&&t._k(r.keyCode,"esc",27,r.key,["Esc","Escape"])?null:t.onLeaveAnchor.apply(null,arguments)},touchstart:t.onTouchStart}},[t._t("anchor")],2),n("dt-lazy-show",t._g({ref:"content",class:["d-tooltip",`d-tooltip__arrow-tippy--${t.currentPlacement}`,{[t.TOOLTIP_KIND_MODIFIERS.inverted]:t.inverted},t.contentClass],attrs:{id:t.id,show:t.isVisible,role:"tooltip","aria-hidden":"false","data-qa":"dt-tooltip",appear:"",transition:t.transition}},t.tooltipListeners),[t._t("default",function(){return[t._v(" "+t._s(t.message)+" ")]})],2)],1)},Eo=[],wo=At(yo,bo,Eo,!1,null,null,null,null);const Oo=wo.exports;exports.DEFAULT_VALIDATION_MESSAGE_TYPE=tn;exports.DESCRIPTION_SIZE_MODIFIERS=nr;exports.DESCRIPTION_SIZE_TYPES=tr;exports.DtLazyShow=gn;exports.DtTooltip=Oo;exports.EVENT_KEYNAMES=ir;exports.LABEL_SIZE_MODIFIERS=rr;exports.POPOVER_APPEND_TO_VALUES=Hn;exports.POPOVER_CONTENT_WIDTHS=fo;exports.POPOVER_DIRECTIONS=mo;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=lo;exports.POPOVER_INITIAL_FOCUS_STRINGS=vo;exports.POPOVER_PADDING_CLASSES=co;exports.POPOVER_ROLES=po;exports.POPOVER_STICKY_VALUES=ho;exports.TOOLTIP_DELAY_MS=zn;exports.TOOLTIP_DIRECTIONS=Wn;exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=go;exports.TOOLTIP_KIND_MODIFIERS=Yn;exports.TOOLTIP_STICKY_VALUES=qn;exports.VALIDATION_MESSAGE_TYPES=le;exports.capitalizeFirstLetter=mn;exports.createTippy=Un;exports.filterFormattedMessages=an;exports.formatMessages=on;exports.getPhoneNumberRegex=Tt;exports.getPopperOptions=Fn;exports.getRandomElement=nn;exports.getUniqueString=wt;exports.getValidationState=Ot;exports.isOutOfViewPort=sn;exports.linkRegex=vn;exports.normalizeComponent=At;exports.safeConcatStrings=hn;exports.tippy=_e;exports.utils=Er;
+//# sourceMappingURL=tooltip-i2wxFIIi.cjs.map