@dialpad/dialtone-vue 3.82.2 → 3.84.0

package/dist/style.css

@@ -1 +1 @@
-.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.dt-list-item{list-style:none}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-color-surface-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--dt-color-surface-bold-opaque)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--dt-color-surface-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.dt-contact-info[data-v-965a64b5]{--contact-info-avatar-border-color: var(--dt-color-surface-primary)}.dt-contact-info[data-v-965a64b5] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-965a64b5] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start}.dt-contact-info[data-v-965a64b5] .dt-item-layout--right{min-width:0}.dt-contact-info--avatars .d-avatar[data-v-965a64b5]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-7580a758]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-7580a758]:hover,.dt-leftbar-row[data-v-7580a758]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-7580a758]:hover .d-presence,.dt-leftbar-row[data-v-7580a758]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-7580a758]:hover .d-avatar__count,.dt-leftbar-row[data-v-7580a758]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-7580a758]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-7580a758] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-7580a758]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-7580a758]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-7580a758] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-7580a758] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-7580a758]{--is-typing-size-shape: var(--dt-size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-7580a758]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-7580a758 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-7580a758]{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary[data-v-7580a758]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-7580a758]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-7580a758]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-7580a758]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label[data-v-7580a758]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-7580a758]{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-7580a758]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-7580a758]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-7580a758;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-7580a758;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-7580a758;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-7580a758]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-7580a758] .dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-7580a758] .dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-custom[data-v-7580a758]:not(:empty) .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-7580a758]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-7580a758]{-webkit-animation-name:opacity-pulsate-7580a758;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-7580a758;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-7580a758;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-7580a758{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}content-text-wrapper-class:not(img){line-height:1.6rem}.feed-item-row{transition-duration:2s!important}.dt-recipe-callbox[data-v-de9e7394]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox[data-v-de9e7394] .dt-item-layout--left{justify-content:flex-start;padding-right:0}.dt-recipe-callbox[data-v-de9e7394] .dt-item-layout--content{overflow:hidden}.dt-recipe-callbox[data-v-de9e7394] .dt-item-layout--bottom{margin-top:0}.dt-recipe-callbox[data-v-de9e7394] .dt-item-layout--right{flex-shrink:0}.dt-recipe-callbox--video[data-v-de9e7394]{border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:hidden;height:calc(var(--dt-size-760) + var(--dt-size-650));margin-bottom:var(--dt-size-300-negative)}.dt-recipe-callbox--video[data-v-de9e7394] img{object-fit:cover;width:100%;height:100%}.dt-recipe-callbox--main-content[data-v-de9e7394]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-de9e7394]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-de9e7394]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-de9e7394]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--bottom-content[data-v-de9e7394]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--title[data-v-de9e7394]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold)}.dt-recipe-callbox--subtitle[data-v-de9e7394]{padding:0;min-height:auto;font-size:var(--dt-font-size-100)}.dt-recipe-callbox--subtitle-badge[data-v-de9e7394]{padding-top:var(--dt-space-300)}.dt-recipe-callbox--subtitle-content[data-v-de9e7394] :last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-tertiary);background-color:var(--dt-color-surface-primary)}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-de9e7394]{background-color:var(--dt-color-surface-warning)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.dt-message-input-notice .d-notice__icon{margin-right:8px}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}
+.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--dt-color-surface-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.dt-contact-info[data-v-965a64b5]{--contact-info-avatar-border-color: var(--dt-color-surface-primary)}.dt-contact-info[data-v-965a64b5] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-965a64b5] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start}.dt-contact-info[data-v-965a64b5] .dt-item-layout--right{min-width:0}.dt-contact-info--avatars .d-avatar[data-v-965a64b5]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-7580a758]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-7580a758]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-7580a758]:hover,.dt-leftbar-row[data-v-7580a758]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-7580a758]:hover .d-presence,.dt-leftbar-row[data-v-7580a758]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-7580a758]:hover .d-avatar__count,.dt-leftbar-row[data-v-7580a758]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-7580a758]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-7580a758] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-7580a758]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-7580a758]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-7580a758] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-7580a758] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-7580a758]{--is-typing-size-shape: var(--dt-size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-7580a758]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-7580a758 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-7580a758]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-7580a758]{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary[data-v-7580a758]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-7580a758]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-7580a758]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-7580a758]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label[data-v-7580a758]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-7580a758]{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-7580a758]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-7580a758]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-7580a758;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-7580a758;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-7580a758;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-7580a758]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-7580a758] .dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-7580a758] .dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-custom[data-v-7580a758]:not(:empty) .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-7580a758]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-7580a758]{-webkit-animation-name:opacity-pulsate-7580a758;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-7580a758;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-7580a758;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-7580a758{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-7580a758{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}content-text-wrapper-class:not(img){line-height:1.6rem}.feed-item-row{transition-duration:2s!important}.dt-recipe-callbox[data-v-470fa483]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox[data-v-470fa483] .dt-item-layout--left{justify-content:flex-start;padding-right:0}.dt-recipe-callbox[data-v-470fa483] .dt-item-layout--content{overflow:hidden}.dt-recipe-callbox[data-v-470fa483] .dt-item-layout--bottom{margin-top:0}.dt-recipe-callbox[data-v-470fa483] .dt-item-layout--right{flex-shrink:0}.dt-recipe-callbox--video[data-v-470fa483]{border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:hidden;height:calc(var(--dt-size-760) + var(--dt-size-650));margin-bottom:var(--dt-size-300-negative)}.dt-recipe-callbox--video[data-v-470fa483] img{object-fit:cover;width:100%;height:100%}.dt-recipe-callbox--main-content[data-v-470fa483]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-470fa483]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-470fa483]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-470fa483]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--bottom-content[data-v-470fa483]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--title[data-v-470fa483]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold)}.dt-recipe-callbox--subtitle[data-v-470fa483]{padding:0;min-height:auto;font-size:var(--dt-font-size-100)}.dt-recipe-callbox--subtitle-badge[data-v-470fa483]{padding-top:var(--dt-space-300)}.dt-recipe-callbox--subtitle-content[data-v-470fa483] :last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-tertiary);background-color:var(--dt-color-surface-primary)}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-470fa483]{background-color:var(--dt-color-surface-warning)}.dt-emoji-suggestion-list{background-color:var(--dt-color-surface-secondary)!important;border-color:var(--dt-color-border-subtle)!important;max-height:var(--dt-size-875)!important;overflow:hidden!important;overflow-y:scroll!important}.dt-emoji-suggestion-list .dt-item-layout--title{display:flex}.dt-emoji-suggestion-list-item{display:flex!important;border:var(--dt-size-100) solid transparent;min-width:var(--dt-size-850);width:var(--dt-size-100-percent)!important}.dt-emoji-suggestion-list-item.is-selected{border-color:var(--bc-bold)}.dt-emoji-suggestion-list-text{margin-left:var(--dt-size-350)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.dt-message-input-notice .d-notice__icon{margin-right:8px}.dt-list-item{list-style:none}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-color-surface-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--dt-color-surface-bold-opaque)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}

package/dist/types/components/emoji/emoji.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     code: {
         type: StringConstructor;
-        default: null;
+        required: true;
     };
     /**
      * The size of the emoji. Can be any of the icon size utility classes from
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     code: {
         type: StringConstructor;
-        default: null;
+        required: true;
     };
     /**
      * The size of the emoji. Can be any of the icon size utility classes from
@@ -106,7 +106,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    code: string;
     size: string;
     ariaLabel: string;
     imgClass: string | Record<string, any> | unknown[];

package/dist/types/components/rich_text_editor/extensions/emoji/EmojiList.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    command: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}, any, {
+    selectedIndex: number;
+}, {}, {
+    onKeyDown({ event }: {
+        event: any;
+    }): boolean;
+    upHandler(): void;
+    downHandler(): void;
+    enterHandler(): void;
+    selectItem(index: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    command: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=EmojiList.vue.d.ts.map

package/dist/types/components/rich_text_editor/extensions/emoji/EmojiList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiList.vue.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/EmojiList.vue.js"],"names":[],"mappings":""}

package/dist/types/components/rich_text_editor/extensions/emoji/emoji.d.ts

@@ -1,3 +1,5 @@
+export const EmojiPluginKey: PluginKey<any>;
 export const Emoji: Node<any, any>;
+import { PluginKey } from '@tiptap/pm/state';
 import { Node } from '@tiptap/core';
 //# sourceMappingURL=emoji.d.ts.map

package/dist/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"names":[],"mappings":"AAqCA,mCAgGG;qBArIiE,cAAc"}
+{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"names":[],"mappings":"AASA,4CAAqD;AAkCrD,mCA6GG;0BApJuB,kBAAkB;qBAJwB,cAAc"}

package/dist/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    function items({ query }: {
+        query: any;
+    }): any[];
+    function command({ editor, range, props }: {
+        editor: any;
+        range: any;
+        props: any;
+    }): void;
+    function render(): {
+        onStart: (props: any) => void;
+        onUpdate(props: any): void;
+        onKeyDown(props: any): any;
+        onExit(): void;
+    };
+}
+export default _default;
+//# sourceMappingURL=suggestion.d.ts.map

package/dist/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/suggestion.js"],"names":[],"mappings":";IAQS;;cAYN;IAEQ;;;;aA0BR;IAEO;;;;;MAuDP"}

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts

@@ -73,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, {
     editor: null;
+    popoverOpened: boolean;
 }, {
     extensions(): import("@tiptap/vue-3").Node<any, any>[];
     inputAttrs(): {

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IAwBI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;IA+JH;;;OAGG;;;;;;;IAnPH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IAwBI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;IAsKH;;;OAGG;;;;;;;IA1PH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts

@@ -0,0 +1,123 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Accepts a DtIcon name to be shown in the left
+     */
+    iconName: {
+        type: StringConstructor;
+        default: () => "";
+    };
+    /**
+     * Bolded primary text
+     */
+    title: {
+        type: StringConstructor;
+        default: () => "";
+    };
+    /**
+     * Additional styling around the pill
+     */
+    wrapperClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional styling for the pill
+     */
+    buttonClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Aria label for feed pill
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)
+     */
+    toggleable: {
+        type: BooleanConstructor;
+        default: () => true;
+    };
+    /**
+     * Callbox border color
+     * @values default, ai, critical
+     */
+    borderColor: {
+        type: StringConstructor;
+        default: string;
+        validator: (color: unknown) => boolean;
+    };
+}, any, {
+    hover: boolean;
+    expanded: boolean;
+}, {
+    computedIcon(): string;
+    toggleableClass(): "" | "d-c-pointer";
+    borderClass(): any;
+}, {
+    onClick(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Accepts a DtIcon name to be shown in the left
+     */
+    iconName: {
+        type: StringConstructor;
+        default: () => "";
+    };
+    /**
+     * Bolded primary text
+     */
+    title: {
+        type: StringConstructor;
+        default: () => "";
+    };
+    /**
+     * Additional styling around the pill
+     */
+    wrapperClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional styling for the pill
+     */
+    buttonClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Aria label for feed pill
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)
+     */
+    toggleable: {
+        type: BooleanConstructor;
+        default: () => true;
+    };
+    /**
+     * Callbox border color
+     * @values default, ai, critical
+     */
+    borderColor: {
+        type: StringConstructor;
+        default: string;
+        validator: (color: unknown) => boolean;
+    };
+}>>, {
+    title: string;
+    iconName: string;
+    buttonClass: string | Record<string, any> | unknown[];
+    borderColor: string;
+    wrapperClass: string | Record<string, any> | unknown[];
+    toggleable: boolean;
+}, {}>;
+export default _default;
+//# sourceMappingURL=feed_item_pill.vue.d.ts.map

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed_item_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/feed_item_pill.vue.js"],"names":[],"mappings":";IAWI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;IAnDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG"}

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill_constants.d.ts

@@ -0,0 +1,11 @@
+export namespace FEED_ITEM_PILL_BORDER_COLORS {
+    const _default: string;
+    export { _default as default };
+    export const ai: string;
+    export const critical: string;
+}
+declare namespace _default {
+    export { FEED_ITEM_PILL_BORDER_COLORS };
+}
+export default _default;
+//# sourceMappingURL=feed_item_pill_constants.d.ts.map

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed_item_pill_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/feed_item_pill_constants.js"],"names":[],"mappings":""}

package/dist/types/recipes/conversation_view/feed_pill/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtRecipeFeedItemPill } from "./feed_item_pill.vue";
+export { FEED_ITEM_PILL_BORDER_COLORS } from "./feed_item_pill_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/conversation_view/feed_pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/index.js"],"names":[],"mappings":""}

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts

@@ -209,6 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     toggleEmojiPicker(): void;
     onSend(): void;
     noticeClose(): void;
+    focus(): void;
 }, never, import("vue").ComponentOptionsMixin, ("submit" | "select-media" | "add-media" | "notice-close")[], "submit" | "select-media" | "add-media" | "notice-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Value of the input. The object format should match TipTap's JSON

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAoCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvOH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAoCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvOH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG"}

package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts

@@ -117,10 +117,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     title: string;
     avatarSeed: string;
-    badgeText: string;
-    badgeColor: string;
     avatarSrc: string;
     avatarFullName: string;
+    badgeText: string;
+    badgeColor: string;
     borderColor: string;
 }, {}>;
 export default _default;

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts

@@ -28,6 +28,7 @@ export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: {
     'purple-100': string;
     'magenta-400': string;
     'magenta-100': string;
+    'black-300': string;
 };
 export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: string;
 export const LEFTBAR_GENERAL_ROW_ICON_SIZES: string[];

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;EAaE;AAEF;;;;;;;;;;;EAWE;AAEF,yEAC4F;AAE5F,sDAGE"}
+{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;EAaE;AAEF;;;;;;;;;;;;EAYE;AAEF,yEAC4F;AAE5F,sDAGE"}

package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts

@@ -171,9 +171,9 @@ declare const _default: import("vue").DefineComponent<{
     id: string;
     role: string;
     avatarSeed: string;
+    showAvatar: boolean;
     avatarSrc: string;
     avatarFullName: string;
-    showAvatar: boolean;
     avatarIcon: string;
     avatarSize: string;
     avatarList: unknown[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.82.2",
+  "version": "3.84.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "run-s clean build:main build:typescript build:documentation",
@@ -42,11 +42,13 @@
     "@tiptap/extension-placeholder": "^2.0.3",
     "@tiptap/extension-text": "^2.0.3",
     "@tiptap/pm": "^2.0.3",
+    "@tiptap/suggestion": "^2.1.4",
     "@tiptap/vue-3": "^2.0.3",
     "date-fns": "^2.30.0",
     "emoji-regex": "^10.2.1",
     "emoji-toolkit": "^6.6.0",
     "fnv-plus": "^1.3.1",
+    "tippy": "^0.0.0",
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {

package/dist/notice-87d36255.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("./emoji-fa330d0d.cjs"),t=require("vue"),f=["base","error","info","success","warning"],w=["alert","alertdialog","status"],k=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),B={name:"DtNoticeIcon",components:{DtIcon:r.DtIcon},props:{kind:{type:String,default:"base",validate(e){return f.includes(e)}}},data(){return{hasSlotContent:r.hasSlotContent}},computed:{defaultIcon(){return k.get(this.kind)}}},I={key:0,"aria-hidden":"true",class:"d-notice__icon"};function N(e,o,n,l,i,s){const c=t.resolveComponent("dt-icon");return s.defaultIcon||i.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(e.$slots,"default",{},()=>[t.createVNode(c,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):t.createCommentVNode("",!0)}const y=r._export_sfc(B,[["render",N]]),D={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:r.hasSlotContent}}},L={class:"d-notice__content","data-qa":"notice-content"},T=["id"],A=["id"];function V(e,o,n,l,i,s){return t.openBlock(),t.createElementBlock("div",L,[n.title||i.hasSlotContent(e.$slots.titleOverride)?(t.openBlock(),t.createElementBlock("p",{key:0,id:n.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[t.renderSlot(e.$slots,"titleOverride",{},()=>[t.createTextVNode(t.toDisplayString(n.title),1)])],8,T)):t.createCommentVNode("",!0),t.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[t.renderSlot(e.$slots,"default")],8,A)])}const _=r._export_sfc(D,[["render",V]]),p={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
-           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},x={name:"SrOnlyCloseButton",components:{DtIcon:r.DtIcon,DtButton:r.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function F(e,o,n,l,i,s){const c=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button");return t.openBlock(),t.createBlock(d,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":n.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:t.withKeys(t.withModifiers(s.close,["prevent","stop"]),["space"])},{default:t.withCtx(()=>[t.createVNode(c,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const m=r._export_sfc(x,[["render",F]]),H={name:"DtNoticeAction",components:{DtIcon:r.DtIcon,DtButton:r.DtButton,SrOnlyCloseButton:m},mixins:[p],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],created(){!this.hideClose&&!this.closeButtonProps.ariaLabel&&console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.")},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){var e;(e=this.lastFocusedElement)==null||e.focus()},methods:{close(){this.$emit("close")}}},R={class:"d-notice__actions","data-qa":"notice-content-actions"};function K(e,o,n,l,i,s){const c=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button"),u=t.resolveComponent("sr-only-close-button");return t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"default"),n.hideClose?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(d,t.mergeProps({key:0,ref:"closeButton","data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":n.closeButtonProps.ariaLabel?n.closeButtonProps.ariaLabel:"Close"},n.closeButtonProps,{onClick:s.close}),{icon:t.withCtx(()=>[t.createVNode(c,{name:"close",size:"200"})]),_:1},16,["aria-label","onClick"])),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(u,{key:1,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.close},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)])}const v=r._export_sfc(H,[["render",K]]),C=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',q=`${C}:not([tabindex="-1"])`,z="button,[href],input,select,textarea,details,[tabindex]",b={methods:{async getFirstFocusableElement(e){await this.$nextTick();const o=this._getFocusableElements(e,!0);return this._getFirstFocusElement(o)},async focusFirstElement(e){const o=await this.getFirstFocusableElement(e);o==null||o.focus({preventScroll:!0})},_getFirstFocusElement(e){if(!e.length)return;let o=e[0];return o.matches('[type="radio"]:not(:checked)')&&(o=e.find(n=>n.checked&&n.name===o.name)||o),o},_getFocusableElements(e=this.$el,o=!1){return e?[...e.querySelectorAll(z)].filter(l=>{const i=window.getComputedStyle(l);return i.getPropertyValue("display")!=="none"&&i.getPropertyValue("visibility")!=="hidden"&&l.matches(o?C:q)}):[]},focusTrappedTabPress(e,o){if(!(e.key==="Tab"))return;const l=this._getFocusableElements(o);if(!l.length){e.preventDefault();return}const i=this._getFirstFocusElement(l),s=l[l.length-1];e.shiftKey?document.activeElement===i&&(s.focus(),e.preventDefault()):document.activeElement===s&&(i.focus(),e.preventDefault())}}},h={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},E={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},S=["dialog","menu","listbox","tree","grid"],g=["","anchor"],O=["none","dialog","first"],P=["parent","body"],$=[...r.TIPPY_STICKY_VALUES],M={name:"PopoverHeaderFooter",components:{DtButton:r.DtButton,DtIcon:r.DtIcon},props:{type:{type:String,validator:function(e){return["header","footer"].includes(e)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],data(){return{hasSlotContent:r.hasSlotContent}},methods:{focusCloseButton(){var o;const e=(o=this.$refs["popover__close-button"])==null?void 0:o.$el;e==null||e.focus()}}};function W(e,o,n,l,i,s){const c=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:t.normalizeClass({"d-popover__header":n.type==="header","d-popover__footer":n.type==="footer"})},[i.hasSlotContent(e.$slots.content)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:t.normalizeClass(["d-to-ellipsis","d-w100p",n.contentClass])},[t.renderSlot(e.$slots,"content")],2)):t.createCommentVNode("",!0),n.showCloseButton?(t.openBlock(),t.createBlock(d,t.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:"d-p6 d-mr6 d-bc-transparent",importance:"outlined",kind:"muted",circle:""},n.closeButtonProps,{onClick:o[0]||(o[0]=u=>e.$emit("close"))}),{icon:t.withCtx(()=>[t.createVNode(c,{name:"close",size:"300"})]),_:1},16)):t.createCommentVNode("",!0)],2)}const j=r._export_sfc(M,[["render",W]]);const U={name:"DtPopover",components:{SrOnlyCloseButton:m,DtLazyShow:r.DtLazyShow,PopoverHeaderFooter:j},mixins:[b,p],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:"div"},transition:{type:String,default:"fade"},role:{type:String,default:"dialog",validator:e=>S.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:e=>Object.keys(h).some(o=>o===e)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:e=>g.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return r.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},hideOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom-end"},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>$.includes(e)},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},showCloseButton:{type:Boolean,default:!1},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>O.includes(e)||e instanceof HTMLElement||e.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>P.includes(e)||e instanceof HTMLElement}},emits:["keydown","update:open","opened"],data(){return{POPOVER_PADDING_CLASSES:h,POPOVER_HEADER_FOOTER_PADDING_CLASSES:E,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:r.hasSlotContent}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":e=>{this.onLeaveTransitionComplete()},"after-enter":e=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&r.getUniqueString("DtPopover__anchor")}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){var o;(o=this.tip)==null||o.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){var o;(o=this.tip)==null||o.setProps({offset:e})},sticky(e){var o;(o=this.tip)==null||o.setProps({sticky:e})},fallbackPlacements(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},tether(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},placement(e){var o;(o=this.tip)==null||o.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,o){e?(this.initTippyInstance(),this.tip.show()):!e&&o!==e&&(this.removeEventListeners(),this.tip.hide())}},mounted(){const e=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=e??this.$refs.anchor.children[0],this.popoverContentEl=this.$refs.content.$el,this.isOpen&&(this.initTippyInstance(),this.tip.show()),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){var e;(e=this.tip)==null||e.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(e){var l;const o=(l=e==null?void 0:e[0])==null?void 0:l.target;if(!o)return;const n=r.isOutOfViewPort(o);this.isOutsideViewport=n.bottom||n.top},popperOptions(){return r.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement==="none"&&console.error('If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement')},calculateAnchorZindex(){var e;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(e=this.anchorEl)!=null&&e.closest(".d-zi-drawer")?650:300},defaultToggleOpen(e){var o,n,l;if(!this.openOnContext&&(this.open===null||this.open===void 0)){if(!((o=this.anchorEl)!=null&&o.contains(e.target))&&!((n=this.anchorEl)!=null&&n.isEqualNode(e.target))||(l=this.anchorEl)!=null&&l.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){var o;this.open===null&&(this.openWithArrowKeys&&((o=this.anchorEl)!=null&&o.contains(e.target))&&(this.isOpen||(this.isOpen=!0)),this.$emit("keydown",e))},addEventListeners(){window.addEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.addEventListener("resize",this.onResize)},removeEventListeners(){window.removeEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.removeEventListener("resize",this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){var e;if(this.modal){const o=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");o.tagName.toLowerCase()==="body"?(o.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):o.classList.add("d-zi-popover")}},enableScrolling(){var o,n;const e=(o=this.anchorEl)==null?void 0:o.closest("body, .tippy-box");e&&(((n=e.tagName)==null?void 0:n.toLowerCase())==="body"?(e.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.remove("d-zi-popover"))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth==="anchor"&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width="auto"),this.addEventListeners()},async onLeaveTransitionComplete(){var e;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(e=this.tip)==null||e.unmount(),this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},async onEnterTransitionComplete(){this.focusInitialElement(),await this.$nextTick(),this.preventScrolling(),this.$emit("opened",!0,this.$refs.popover__content),this.open!==null&&this.$emit("update:open",!0)},focusInitialElement(){this.initialFocusElement==="dialog"&&this.$refs.content.$el.focus(),this.initialFocusElement.startsWith("#")&&this.focusInitialElementById(),this.initialFocusElement==="first"&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){var o,n,l;const e=(n=(o=this.$refs.content)==null?void 0:o.$el)==null?void 0:n.querySelector(this.initialFocusElement);e?e.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),e?e.focus():(l=this.$refs.content)==null||l.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(e){e.key==="Tab"&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key==="Escape"&&this.closePopover(),this.$emit("keydown",e)},async setPopoverContentAnchorWidth(){var e;await this.$nextTick(),this.popoverContentEl.style.width=`${(e=this.anchorEl)==null?void 0:e.clientWidth}px`},focusFirstElementIfNeeded(e){var n,l;this._getFocusableElements(e,!0).length!==0?this.focusFirstElement(e):this.showCloseButton?(n=this.$refs.popover__header)==null||n.focusCloseButton():(l=this.$refs.content)==null||l.$el.focus()},initTippyInstance(){var e,o;this.tip=r.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(o=(e=this.anchorEl)==null?void 0:e.getRootNode())==null?void 0:o.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})}}},G=["aria-hidden"],Y=["id","tabindex"];function Z(e,o,n,l,i,s){const c=t.resolveComponent("popover-header-footer"),d=t.resolveComponent("sr-only-close-button"),u=t.resolveComponent("dt-lazy-show");return t.openBlock(),t.createElementBlock("div",null,[n.modal&&i.isOpen?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{class:"d-modal--transparent","aria-hidden":n.modal&&i.isOpen?"false":"true",onClick:o[0]||(o[0]=t.withModifiers(()=>{},["prevent","stop"]))},null,8,G)])):t.createCommentVNode("",!0),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.elementType),{ref:"popover",class:t.normalizeClass(["d-popover",{"d-popover__anchor--opened":i.isOpen}]),"data-qa":"dt-popover-container"},{default:t.withCtx(()=>[t.createElementVNode("div",{id:!n.ariaLabelledby&&s.labelledBy,ref:"anchor","data-qa":"dt-popover-anchor",tabindex:n.openOnContext?0:void 0,onClickCapture:o[1]||(o[1]=(...a)=>s.defaultToggleOpen&&s.defaultToggleOpen(...a)),onContextmenu:o[2]||(o[2]=(...a)=>s.onContext&&s.onContext(...a)),onKeydown:[o[3]||(o[3]=t.withKeys(t.withModifiers((...a)=>s.onArrowKeyPress&&s.onArrowKeyPress(...a),["prevent"]),["up"])),o[4]||(o[4]=t.withKeys(t.withModifiers((...a)=>s.onArrowKeyPress&&s.onArrowKeyPress(...a),["prevent"]),["down"])),o[6]||(o[6]=t.withKeys(a=>e.$emit("keydown",a),["enter"])),o[7]||(o[7]=t.withKeys(a=>e.$emit("keydown",a),["space"]))],onKeydownCapture:o[5]||(o[5]=t.withKeys((...a)=>s.closePopover&&s.closePopover(...a),["escape"]))},[t.renderSlot(e.$slots,"anchor",{attrs:{"aria-expanded":i.isOpen.toString(),"aria-controls":n.id,"aria-haspopup":n.role}})],40,Y),t.createVNode(u,t.mergeProps({id:n.id,ref:"content",role:n.role,"data-qa":"dt-popover","aria-hidden":`${!i.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":n.ariaLabel,"aria-modal":`${!n.modal}`,transition:n.transition,show:i.isOpen,appear:i.toAppear,class:["d-popover__dialog",{"d-popover__dialog--modal":n.modal},n.dialogClass],style:{"max-height":s.calculatedMaxHeight,"max-width":n.maxWidth},css:e.$attrs.css,tabindex:n.contentTabindex},t.toHandlers(s.popoverListeners)),{default:t.withCtx(()=>[i.hasSlotContent(e.$slots.headerContent)||n.showCloseButton?(t.openBlock(),t.createBlock(c,{key:0,ref:"popover__header",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.headerClass,type:"header","show-close-button":n.showCloseButton,"close-button-props":n.closeButtonProps,onClose:s.closePopover},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent",{close:s.closePopover})]),_:3},8,["class","content-class","show-close-button","close-button-props","onClose"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popover__content","data-qa":"dt-popover-content",class:t.normalizeClass(["d-popover__content",i.POPOVER_PADDING_CLASSES[n.padding],n.contentClass])},[t.renderSlot(e.$slots,"content",{close:s.closePopover})],2),i.hasSlotContent(e.$slots.footerContent)?(t.openBlock(),t.createBlock(c,{key:1,ref:"popover__footer",type:"footer",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.footerClass},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent",{close:s.closePopover})]),_:3},8,["class","content-class"])):t.createCommentVNode("",!0),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(d,{key:2,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.closePopover},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)]),_:3},16,["id","role","aria-hidden","aria-labelledby","aria-label","aria-modal","transition","show","appear","class","style","css","tabindex"])]),_:3},8,["class"]))])}const X=r._export_sfc(U,[["render",Z]]),J={name:"DtNotice",components:{DtNoticeIcon:y,DtNoticeContent:_,DtNoticeAction:v},mixins:[p],props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(e){return w.includes(e)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(e){return f.includes(e)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important}]}}};function Q(e,o,n,l,i,s){const c=t.resolveComponent("dt-notice-icon"),d=t.resolveComponent("dt-notice-content"),u=t.resolveComponent("dt-notice-action");return t.openBlock(),t.createElementBlock("aside",{class:t.normalizeClass(s.noticeClass),"data-qa":"notice"},[t.createVNode(c,{kind:n.kind},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),_:3},8,["kind"]),t.createVNode(d,{"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},{titleOverride:t.withCtx(()=>[t.renderSlot(e.$slots,"titleOverride")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),t.createVNode(u,{"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=a=>e.$emit("close"))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],2)}const ee=r._export_sfc(J,[["render",Q]]);exports.DtNotice=ee;exports.DtNoticeAction=v;exports.DtNoticeContent=_;exports.DtNoticeIcon=y;exports.DtPopover=X;exports.Modal=b;exports.NOTICE_KINDS=f;exports.POPOVER_APPEND_TO_VALUES=P;exports.POPOVER_CONTENT_WIDTHS=g;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=E;exports.POPOVER_INITIAL_FOCUS_STRINGS=O;exports.POPOVER_PADDING_CLASSES=h;exports.POPOVER_ROLES=S;exports.SrOnlyCloseButton=m;exports.SrOnlyCloseButtonMixin=p;