@dialpad/dialtone 9.147.0 → 9.149.0

package/dist/vue2/component-documentation.json

@@ -1 +1 @@
-[{"displayName":"DtAvatar","description":"An avatar is a visual representation of a user or object.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/avatar.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the avatar content wrapper element","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"seed","description":"Pass in a seed to get the random color generation based on that string. For example if you pass in a\nuser ID as the string it will return the same randomly generated colors every time for that user.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"color","description":"Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic\nif the seed prop is set.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"size","description":"The size of the avatar","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"avatarClass","description":"Used to customize the avatar container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"canvasClass","description":"Set classes on the avatar canvas. Wrapper around the core avatar image.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"iconClass","description":"Pass through classes. Used to customize the avatar icon","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"presence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"AVATAR_PRESENCE_STATES.NONE"}},{"name":"presenceProps","description":"A set of props to be passed into the presence component.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"group","description":"Determines whether to show a group avatar.\nLimit to 2 digits max, more than 99 will be rendered as “99+”.\nif the number is 1 or less it would just show the regular avatar as if group had not been set.","type":{"name":"number"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"overlayText","description":"The text that overlays the avatar","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"overlayClass","description":"Used to customize the avatar overlay","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"imageSrc","description":"Source of the image","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"imageAlt","description":"Alt attribute of the image, required if imageSrc is provided.\nCan be set to '' (empty string) if the image is described\nin text nearby","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"iconSize","description":"Icon size to be displayed on the avatar","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"fullName","description":"Full name used to extract initials.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"clickable","description":"Makes the avatar focusable and clickable,\nemits a click event when clicked.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconAriaLabel","description":"Descriptive label for the icon.\nTo avoid a11y issues, set this prop if clickable and iconName are set.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"click","description":"Avatar click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"icon","scoped":true,"description":"Slot for avatar icon. It will display if no imageSrc is provided","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"overlayIcon","description":"Slot for overlay icon."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/avatar/avatar.vue"]},{"displayName":"DtBadge","description":"A badge is a compact UI element that provides brief, descriptive information about an element.\nIt is terse, ideally one word.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/badge.html","title":"see"}]},"exportName":"default","props":[{"name":"text","description":"Text for the badge content","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"kind","description":"The kind of badge which determines the styling","tags":{},"values":["label","count"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'label'"}},{"name":"type","description":"Color for the badge background","tags":{},"values":["default","info","success","warning","critical","bulletin","ai"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"decoration","description":"Decoration for the badge. This can be only used with kind: label and type: default\nwith no left and right icons","tags":{},"values":["default","black-400","black-500","black-900","red-200","red-300","red-400","purple-200","purple-300","purple-400","purple-500","blue-200","blue-300","blue-400","green-300","green-400","green-500","gold-300","gold-400","gold-500","magenta-200","magenta-300","magenta-400"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"subtle","description":"Shows a subtle appearance for the badge\nCurrently only affects the badge when type is bulletin.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"outlined","description":"Outlines the badge with a border","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"slots":[{"name":"leftIcon","scoped":true,"description":"Slot for left icon, icon-size slot prop defaults to '200'","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"default","description":"Slot for badge content, defaults to text prop"},{"name":"rightIcon","scoped":true,"description":"Slot for right icon, icon-size slot prop defaults to '200'","bindings":[{"name":"icon-size","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/badge/badge.vue"]},{"description":"Banners are a type of notice, delivering system and engagement messaging.\nThese are highly intrusive notices and should be used sparingly and appropriately.","displayName":"DtBanner","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/banner.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.\nThis will also change the aria role from status to alertdialog.\nand will modally trap the keyboard focus in the dialog as soon as it displays.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"pinned","description":"Pins the banner to the top of the window and pushes all app content down.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"Severity level of the notice, sets the icon and background","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}},{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dialogClass","description":"Inner dialog class","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"backgroundImage","description":"Banner background image","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"backgroundSize","description":"Background image size, follows the background-size CSS property values\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/background-size\" target=\"_blank\">\n  CSS background-sizes\n</a>","type":{"name":"string"},"defaultValue":{"func":false,"value":"'cover'"}}],"events":[{"name":"close","description":"Close button click event"}],"slots":[{"name":"icon","description":"Slot for custom icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need to override with something other than text. Otherwise use the \"title\" prop."},{"name":"default","description":"the main textual content of the banner"},{"name":"action","description":"Enter a possible action for the user to take, such as a link to another page"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/banner/banner.vue"]},{"displayName":"DtBreadcrumbs","description":"Breadcrumbs are links used to provide context for the currently-viewed page\nand where it is located within the overall site structure.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/breadcrumbs.html","title":"see"}]},"exportName":"default","props":[{"name":"breadcrumbs","description":"A provided list of breadcrumbs. Overridden by default slot","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"inverted","description":"Passed through to link. If true, applies inverted styles to the link.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Descriptive label for the navigation content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"default slot for breadcrumbs content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/breadcrumbs/breadcrumbs.vue"]},{"displayName":"DtButton","description":"A button is a UI element which allows users to take an action throughout the app.\nIt is important a button is identifiable, consistent, and communicates its actions clearly,\nand is appropriately sized to its action.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button.html","title":"see"}]},"exportName":"default","props":[{"name":"circle","description":"Whether the button is a circle or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconPosition","description":"The position of the icon slot within the button.","tags":{},"values":["left","right","top","bottom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'primary'"}},{"name":"link","description":"Whether the button should be styled as a link or not.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"linkKind","description":"The color of the link and button if the button is styled as a link.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["default","warning","danger","success","muted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"linkInverted","description":"Determines whether the link should have inverted styling if the button is styled as a link.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"HTML button disabled attribute\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"type","description":"HTML button type attribute\n<a\n  class=\"d-link\"\n  href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n  target=\"_blank\"\n>\n  (Reference)\n</a>","tags":{},"values":["button","submit","reset"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'button'"}},{"name":"width","description":"Button width, accepts\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n  CSS width attribute\n</a>\nvalues","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"size","description":"The size of the button.","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"loading","description":"Whether the button should display a loading animation or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"The color of the button.","tags":{},"values":["default","unstyled","muted","danger","positive","inverted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"assertiveOnFocus","description":"Determines whether a screenreader reads live updates of\nthe button content to the user while the button\nis in focus. default is to not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native button click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"focusin","description":"Native button focus in event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native button focus out event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"icon","scoped":true,"description":"Button icon","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"default","description":"Content within button"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/button/button.vue"]},{"displayName":"DtButtonGroup","exportName":"default","description":"","tags":{},"props":[{"name":"alignment","description":"Alignment of the buttons inside the container","type":{"name":"string"},"defaultValue":{"func":false,"value":"'start'"}}],"slots":[{"name":"default","description":"Default slot for button items"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/button_group/button_group.vue"]},{"displayName":"DtCard","description":"A card contains summary content and actions about a single subject.\nIt can be used by itself or within a list, and is generally interactive.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/card.html","title":"see"}]},"exportName":"default","props":[{"name":"maxHeight","description":"The maximum height of the card content.\nIf given, makes content area scrollable.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"containerClass","description":"class for card container.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"class for card content.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"headerClass","description":"class for card header.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"class for card footer.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"header","description":"slot for header content"},{"name":"content","description":"slot for main content"},{"name":"footer","description":"slot for footer content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/card/card.vue"]},{"description":"Checkboxes are control elements that allow the user to make a selection.They are typically used in a\nCheckbox Group which allows the user to make one or more selections from a list of options.","displayName":"DtCheckbox","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/checkbox.html","title":"see"}]},"exportName":"default","props":[{"name":"label","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A provided label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The name of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"v-model","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to set the state of the checkable input","tags":{"model":[{"description":"checked","title":"model"}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"description","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Describes the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Disables the input","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validationState","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The validation state of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the input element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"indeterminate","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"Indeterminate State, toggling indeterminate checkbox will uncheck","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"value","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"The value of the input","type":{"name":"string|number|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["Boolean"]}},{"name":"focusin","description":"Native input focusin event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native input focusout event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"default","description":"slot for Checkbox Label"},{"name":"description","description":"slot for Checkbox Description"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/checkbox/checkbox.vue"]},{"description":"Checkbox Groups are convenience components for a grouping of related Checkboxes.\nWhile each Checkbox within the group is independent, the `v-model` on the group provides\na convenient interface for determining which Checkboxes within the group are checked.","displayName":"DtCheckboxGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/checkbox_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Not supported by this component, please use selectedValues","type":{"name":""},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the radio group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the radio group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the radio group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group-messages'"}},{"name":"v-model","description":"A provided list of selected values(s) for the checkbox group","tags":{"model":[{"description":"selectedValues","title":"model"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["Array"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/checkbox_group/checkbox_group.vue","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue"]},{"displayName":"DtChip","description":"A chip is a compact UI element that provides brief, descriptive information about an element.\nIt is terse, ideally one word. It is important a button is identifiable, consistent, and\ncommunicates its actions clearly, and is appropriately sized to its action.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/chip.html","title":"see"}]},"exportName":"default","props":[{"name":"hideClose","description":"Hides the close button on the chip","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"size","description":"The size of the chip.","tags":{},"values":["xs","sm","md"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"interactive","description":"The interactivity of the chip.\nMakes chip clickable, apply hover/focus/active style, emit keyboard events etc.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"id","description":"Id to use for the dialog's aria-labelledby.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function () { return getUniqueString(); }"}},{"name":"ariaLabel","description":"Descriptive label for the chip content.\nIf this prop is unset the content in the default slot will be used as an aria-label.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the chip element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","description":"Additional class name for the span element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"click","description":"Native chip click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"keyup","description":"Native chip key up event","type":{"names":["KeyboardEvent"]}},{"name":"keydown","description":"Native chip key down event","type":{"names":["KeyboardEvent"]}}],"slots":[{"name":"icon","description":"slot for Chip icon"},{"name":"avatar","description":"slot for Chip avatar"},{"name":"default","description":"slot for Content within chip"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/chip/chip.vue"]},{"displayName":"DtCodeblock","exportName":"default","description":"","tags":{},"props":[{"name":"text","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/codeblock/codeblock.vue"]},{"displayName":"DtCollapsible","description":"A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/collapsible.html","title":"see"}]},"exportName":"default","props":[{"name":"anchorText","description":"Text that is displayed on the anchor if nothing is passed in the slot.\nIgnored if the anchor slot is used.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"open","description":"Controls whether the collapsible is shown. Leaving this null will have the collapsible start\nexpanded and trigger on click by default. If you set this value, the default trigger\nbehavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"id","description":"The id of the content wrapper.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"elementType","description":"HTML element type (tag name) of the root element of the component.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"contentElementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"anchorClass","description":"Additional class name for the anchor wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxWidth","description":"The maximum width of the anchor and collapsible element.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"The maximum height of the collapsible element.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabel","description":"Label on the collapsible content. Should provide this or ariaLabelledBy but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabelledBy","description":"Id of the element that labels the collapsible content. Defaults to the anchor element.\nShould provide this or ariaLabel but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"update:open","description":"Event fired to sync the open prop with the parent component","type":{"names":["undefined"]}},{"name":"opened","description":"Event fired when the content is shown or hidden","type":{"names":["Boolean"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]}],"slots":[{"name":"anchor","scoped":true,"description":"Slot for the anchor element that toggles the collapsible content","bindings":[{"name":"attrs","title":"binding"}]},{"name":"content","description":"Slot for the collapsible element that is expanded by the anchor"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/collapsible/collapsible.vue"]},{"displayName":"DtCollapsibleLazyShow","exportName":"default","description":"","tags":{},"props":[{"name":"show","description":"Whether the child slot is shown.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"appear","description":"Enable/Disable transition animation","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"elementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}}],"slots":[{"name":"default","description":"slot for Content within collapsible"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/collapsible/collapsible_lazy_show.vue"]},{"exportName":"default","displayName":"DtCombobox","description":"A combobox is a semantic component that displays an input element combined with a listbox,\nwhich enables the user to select items from the list.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/combobox.html","title":"see"}]},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["null","xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"listRenderedOutside","description":"If the list is rendered outside the component, like when using popover as the list wrapper.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"loading","description":"Determines when to show the skeletons and also controls aria-busy attribute.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyList","description":"Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyStateMessage","description":"Message to show when the list is empty","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"emptyStateClass","description":"Additional class name for the empty list element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"clickOnSelect","description":"Programmatically click on the active list item element when a selection\ncomes from keyboard navigation, i.e. pressing the \"Enter\" key.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"escape","description":"Event fired when pressing escape"},{"name":"highlight","description":"Event fired when the highlight changes","type":{"names":["Number"]}},{"name":"opened","description":"Event fired when list is shown or hidden","type":{"names":["Boolean"]}}],"slots":[{"name":"input","scoped":true,"description":"Slot for the combobox input element","bindings":[{"name":"input-props","title":"binding"}]},{"name":"emptyListItem"},{"name":"list","scoped":true,"description":"Slot for the combobox list element","bindings":[{"name":"list-props","title":"binding"},{"name":"opened","title":"binding"},{"name":"clear-highlight-index","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/dom.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/keyboard_list_navigation.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/combobox/combobox.vue"]},{"displayName":"DtDatepicker","exportName":"default","description":"","tags":{},"props":[{"name":"selectedDate","description":"Selected date","tags":{"type":[{"title":"type","type":{"name":"Date"}}]},"type":{"name":"Date"},"defaultValue":{"func":true,"value":"() => (new Date())"}}],"events":[{"name":"close-datepicker","description":"Event fired when user presses the esc key"},{"name":"selected-date","description":"Event fired when a date is selected","type":{"names":["Date"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/datepicker/datepicker.vue"]},{"displayName":"DtDescriptionList","exportName":"default","description":"","tags":{},"props":[{"name":"direction","description":"The direction for the list","tags":{},"values":["row","column"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'row'"}},{"name":"items","description":"A list of items that represent the term and the description","type":{"name":"array"},"required":true,"defaultValue":{"func":false,"value":"[]"}},{"name":"gap","description":"Set the space between the elements","tags":{},"values":["0","100","200","300","400","500","600"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'400'"}},{"name":"termClass","description":"Used to customize the term element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","description":"Used to customize the description element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/description_list/description_list.vue"]},{"exportName":"default","displayName":"DtDropdown","description":"Usage: `mixins: [keyboardNavigationMixin(options)]`\n\nThis mixin provides some common data and methods to navigate a list of items\n(such as a dropdown or select menu) by keyboard.\n\nTo be effective, you must bind the onUpKey and onDownKey events, usually to\nthe root element of the component.","tags":{"params":[{"title":"param","type":{"name":"mixed"},"name":"listItemRole"},{"title":"param","type":{"name":"mixed"},"name":"indexKey"},{"title":"param","type":{"name":"mixed"},"name":"idKey"},{"title":"param","type":{"name":"mixed"},"name":"listElementKey"},{"title":"param","type":{"name":"mixed"},"name":"activeItemKey"},{"title":"param","type":{"name":"mixed"},"name":"openMethod"},{"title":"param","type":{"name":"mixed"},"name":"afterHighlightMethod"},{"title":"param","type":{"name":"mixed"},"name":"beginningOfListMethod"},{"title":"param","type":{"name":"mixed"},"name":"endOfListMethod"},{"title":"param","type":{"name":"mixed"},"name":"scrollToOnHighlight"},{"title":"param","type":{"name":"mixed"},"name":"focusOnKeyboardNavigation"}]},"props":[{"name":"open","description":"Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\nIf you set this value, the default trigger behavior will be disabled and you can control it as you need.\nSupports .sync modifier","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"openOnContext","description":"Opens the dropdown on right click (context menu). If you set this value to `true`,\nthe default trigger behavior will be disabled.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"padding","description":"Vertical padding size around the list element.","tags":{},"values":["none","small","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'small'"}},{"name":"modal","description":"Determines modal state, dropdown has a modal overlay preventing interaction with elements\nbelow it, but it is invisible.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","tags":{},"values":["null","anchor"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"navigationType","description":"The type of navigation that this component should support.\n- \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n- \"tab\" for items that are navigated using the TAB key.\n- \"none\" for static items that are not interactive.","tags":{},"values":["arrow-keys","tab","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS"}},{"name":"fallbackPlacements","description":"If the dropdown does not fit in the direction described by \"placement\",\nit will attempt to change it's direction to the \"fallbackPlacements\".","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the dropdown displays relative to the anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom'"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"tether","description":"If set to false the dialog will display over top of the anchor when there is insufficient space.\nIf set to true it will never move from its position relative to the anchor and will clip instead.\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}}],"events":[{"name":"highlight","description":"Event fired when the highlight changes","type":{"names":["Number"]}},{"name":"opened","description":"Event fired when dropdown is shown or hidden","type":{"names":["Boolean | Array"]}},{"name":"update:open","description":"Event fired to sync the open prop with the parent component"},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","scoped":true,"description":"Anchor element that activates the dropdown","bindings":[{"name":"ref","title":"binding"}]},{"name":"list","scoped":true,"description":"Slot for the list component","bindings":[{"name":"close","title":"binding"}]},{"name":"footer","scoped":true,"description":"Slot for the footer content","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/dom.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/keyboard_list_navigation.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown.vue"]},{"displayName":"DtDropdownList","exportName":"default","description":"","tags":{},"props":[{"name":"heading","description":"List's heading.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"Slot for the list component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown_list.vue"]},{"displayName":"DtDropdownSeparator","exportName":"default","description":"","tags":{},"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown_separator.vue"]},{"displayName":"DtEmoji","description":"Renders an emoji from a shortcode such as :smile: or unicode character such as 😄","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/emoji.html","title":"see"}]},"exportName":"default","props":[{"name":"code","description":"Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n<a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\nfor all supported shortcode/unicode or the docs for setting up custom emojis.","type":{"name":"string"},"required":true},{"name":"size","description":"The size of the emoji. Can be any of the icon size utility classes from\n<a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}},{"name":"imgClass","description":"Additional class name for the emoji img element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"ariaLabel","description":"Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\nCompatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\nbe set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\ngetEmojiData() function","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"showSkeleton","description":"Shows a skeleton loader while the emoji asset is loading.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji/emoji.vue"]},{"displayName":"DtEmojiPicker","exportName":"default","description":"","tags":{},"props":[{"name":"recentlyUsedEmojis","description":"The array with recently used  emoji object\nThis list is necessary to fill the recently used tab","tags":{"type":[{"title":"type","type":{"name":"Array"}}],"default":[{"description":"[]","title":"default"}],"example":[{"description":"<dt-emoji-picker :recentlyUsedEmojis=\"[emojiObject, emojiObject]\" />","title":"example"}]},"type":{"name":"Array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"customEmojis","description":"The array with custom emojis object\nThis list is necessary to fill the custom tab","tags":{"type":[{"title":"type","type":{"name":"Array"}}],"default":[{"description":"[]","title":"default"}],"example":[{"description":"<dt-emoji-picker :customEmojis=\"[emojiObject, emojiObject]\" />","title":"example"}]},"type":{"name":"Array"}},{"name":"skinTone","description":"The skin tone to show the emojis\nThis prop gives the possibility to use the skin tone selected by the user previously","tags":{"type":[{"title":"type","type":{"name":"String"}}],"default":[{"description":"'Default'","title":"default"}],"example":[{"description":"<dt-emoji-picker :skinTone=\"'Default'\" />","title":"example"}]},"values":["'Default'","'Light'","'MediumLight'","'Medium'","'MediumDark'","'Dark'"],"type":{"name":"String"},"defaultValue":{"func":false,"value":"'Default'"}},{"name":"searchQuery","description":"Sets the search query that filters emojis.","tags":{"type":[{"title":"type","type":{"name":"String"}}],"example":[{"description":"<dt-emoji-picker search-query=\"smile\" />","title":"example"}]},"type":{"name":"String"},"defaultValue":{"func":false,"value":"''"}},{"name":"showSearch","description":"Shows the search input","tags":{"type":[{"title":"type","type":{"name":"Boolean"}}],"example":[{"description":"<dt-emoji-picker :show-search=\"false\" />","title":"example"}]},"type":{"name":"Boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAddEmojiButton","description":"Shows the add emoji button in the footer when no emoji is highlighted","tags":{"type":[{"title":"type","type":{"name":"Boolean"}}],"example":[{"description":"<dt-emoji-picker :show-add-emoji-button=\"true\" />","title":"example"}]},"type":{"name":"Boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close"},{"name":"selected-emoji"},{"name":"scroll-bottom-reached"},{"name":"add-emoji"},{"name":"skin-tone"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji_picker/emoji_picker.vue"]},{"displayName":"DtEmojiTextWrapper","description":"Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/emoji_text_wrapper.html","title":"see"}]},"exportName":"default","props":[{"name":"elementType","description":"Element type (tag name) to use for the wrapper.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"size","description":"The icon size to render the emojis at: 100 to 800","type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji_text_wrapper/emoji_text_wrapper.vue"]},{"displayName":"DtEmptyState","exportName":"default","description":"","tags":{},"props":[{"name":"size","description":"The empty state size.","tags":{},"values":["'sm'","'md'","'lg'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'lg'"}},{"name":"headerText","description":"Header text","tags":{"type":[{"title":"type","type":{"name":"String"}}]},"type":{"name":"String"},"required":true},{"name":"bodyText","description":"Body text","tags":{"type":[{"title":"type","type":{"name":"String"}}]},"type":{"name":"String"},"defaultValue":{"func":false,"value":"null"}}],"slots":[{"name":"illustration","description":"Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon."},{"name":"icon","scoped":true,"description":"Slot for the icon. Displayed if illustration is not provided.","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"body"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/empty_state/empty_state.vue"]},{"displayName":"DtHovercard","exportName":"default","description":"","tags":{},"props":[{"name":"open","description":"Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\nIf you set this value, the default trigger behavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"transition","description":"Fade transition when the content display is toggled.","tags":{"type":[{"title":"type","description":"boolean"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\".","tags":{"see":[{"description":"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"","title":"see"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.","tags":{"see":[{"description":"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"","title":"see"}]},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top-start'"}},{"name":"padding","description":"Padding size class for the popover content.","tags":{},"values":["none","small","medium","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'large'"}},{"name":"offset","description":"Displaces the content box from its anchor element\nby the specified number of pixels.","tags":{"see":[{"description":"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"","title":"see"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 16]"}},{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"headerClass","description":"Additional class name for the header content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"Additional class name for the footer content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"enterDelay","description":"The enter delay in milliseconds before the hovercard is shown.","tags":{"type":[{"title":"type","description":"number"}]},"type":{"name":"number"},"defaultValue":{"func":false,"value":"TOOLTIP_DELAY_MS"}},{"name":"leaveDelay","description":"The leave delay in milliseconds before the hovercard is hidden.","tags":{"type":[{"title":"type","description":"number"}]},"type":{"name":"number"},"defaultValue":{"func":false,"value":"TOOLTIP_DELAY_MS"}}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean | Array"]}}],"slots":[{"name":"anchor","scoped":true,"bindings":[]},{"name":"content","description":"Slot for the content that is displayed in the hovercard."},{"name":"headerContent"},{"name":"footerContent"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/hovercard/hovercard.vue"]},{"displayName":"DtIcon","description":"The Icon component provides a set of glyphs and sizes to provide context your application.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/icon.html","title":"see"}]},"exportName":"default","props":[{"name":"size","description":"The size of the icon.","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}},{"name":"name","description":"The icon name in kebab-case","type":{"name":"string"},"required":true},{"name":"ariaLabel","description":"The label of the icon as read out by a screen-reader. Leave this unset if your icon is purely presentational","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/icon/icon.vue"],"metadata":{"deprecated":true,"reason":"Replaced by Dialtone Vue component","replacement":"Individual tree-shakable icon components from @dialpad/dialtone-icons/vue3 (e.g., DtIconBell, DtIconAlertCircle)","docs":"https://dialtone.dialpad.com/components/icon.html"}},{"displayName":"DtIllustration","exportName":"default","description":"","tags":{},"props":[{"name":"name","description":"The illustration name in kebab-case","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/illustration/illustration.vue"]},{"description":"This mixin provides the methods to automatically trap tab focus within\nthe component this mixin is on, meaning it is not possible to tab out\nof the component without dismissing it.\n\nUseful for accessibility reasons on things like important actionable alerts.\n\nUse focusFirstElement to focus on the first tabbable element within your component, and call\nfocusTrappedTabPress every time tab is pressed to trap tab within this\ncomponent.\n\nNote that focusFirstElement WILL focus elements with tabindex=\"-1\",\nhowever focusTrappedTabPress will not.","displayName":"DtImageViewer","tags":{},"exportName":"default","props":[{"name":"appendTo","description":"By default the portal appends to the body of the root parent. We can modify\nthis behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.\nThe appendTo prop expects a CSS selector string or an actual DOM node.\ntype: string | HTMLElement, default: 'body'","type":{"name":"string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"open","description":"Controls whether the image modal is shown. Leaving this null will have the image modal\ntrigger on click by default.\nIf you set this value, the default trigger behavior will be disabled and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"imageSrc","description":"URL of the image to be shown","type":{"name":"string"},"required":true},{"name":"imageAlt","description":"Alt text of image","type":{"name":"string"},"required":true},{"name":"imageButtonClass","description":"Image Class","type":{"name":"string"},"required":false,"defaultValue":{"func":false,"value":"''"}},{"name":"ariaLabel","description":"Aria label","type":{"name":"string"},"required":true}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean"]}},{"name":"update:open","description":"Event fired to sync the open prop with the parent component","type":{"names":["undefined"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/image_viewer/image_viewer.vue"]},{"description":"An input field is an input control that allows users to enter alphanumeric information.\nIt can have a range of options and supports single line and multi-line lengths,\nas well as varying formats, including numbers, masked passwords, etc.","displayName":"DtInput","tags":{"property":[{"title":"property","type":{"name":"Boolean"},"name":"placeholder","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/input.html","title":"see"}]},"exportName":"default","props":[{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"name","description":"Name property of the input element","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"type","description":"Type of the input.\nWhen `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.","tags":{"default":[{"description":"'text'","title":"default"}]},"values":["text","password","email","number","textarea","date","time","file","tel","search"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"INPUT_TYPES.TEXT"}},{"name":"value","description":"Value of the input","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","description":"Disables the input","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"label","description":"Label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"inputClass","description":"Additional class name for the input element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputWrapperClass","description":"Additional class name for the input wrapper element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"rootClass","description":"Additional class name for the root element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"currentLength","description":"The current character length that the user has entered into the input.\nThis will only need to be used if you are using `validate.length` and\nthe string contains abnormal characters.\nFor example, an emoji could take up many characters in the input, but should only count as 1 character.\nIf no number is provided, a built-in length calculation will be used for the length validation.","type":{"name":"number"},"defaultValue":{"func":false,"value":"null"}},{"name":"retainWarning","description":"Whether the input will continue to display a warning validation message even if the input has lost focus.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validate","description":"Validation for the input. Supports maximum length validation with the structure:\n`{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n\"limitMaxLength\": boolean }}`","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"hidden","description":"hidden allows to use input without the element visually present in DOM","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String"]}},{"name":"blur","description":"Native input blur event","type":{"names":["FocusEvent"]}},{"name":"clear","description":"Input clear event"},{"name":"focus","description":"Native input focus event","type":{"names":["FocusEvent"]}},{"name":"focusin","description":"Native input focusin event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native input focusout event","type":{"names":["FocusEvent"]}},{"name":"update:length","description":"Length of the input when currentLength prop is not passed","type":{"names":["Number"]}},{"name":"update:invalid","description":"Result of the input validation","type":{"names":["Boolean"]}},{"name":"update:modelValue","type":{"names":["undefined"]}}],"slots":[{"name":"labelSlot","description":"Slot for label, defaults to label prop"},{"name":"description","description":"Slot for description, defaults to description prop"},{"name":"leftIcon","scoped":true,"description":"Slot for left icon","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"rightIcon","scoped":true,"description":"Slot for right icon","bindings":[{"name":"icon-size","title":"binding"},{"name":"clear","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input/input.vue"]},{"description":"Input Groups are convenience components for a grouping of related inputs.\nWhile each input within the group could be independent, the `v-model` on the group\nprovides a convenient interface for determining the current state of the group.","displayName":"DtInputGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/input_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The value of the input group","type":{"name":"string|number|boolean|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the input group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the input group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group-messages'"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["undefined"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue"]},{"displayName":"DtItemLayout","exportName":"default","description":"","tags":{},"props":[{"name":"as","description":"Set this prop to render layout as a specific HTML element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"unstyled","description":"Set this prop to remove the default styling.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"leftClass","description":"Set the class for the left section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Set the class for the content section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"titleClass","description":"Set the class for the title section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"subtitleClass","description":"Set the class for the subtitle section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"bottomClass","description":"Set the class for the bottom section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"rightClass","description":"Set the class for the right section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selectedClass","description":"Set the class for the selected section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"left","description":"Slot for left content"},{"name":"default","description":"Slot for main content"},{"name":"subtitle","description":"Slot for content below main content"},{"name":"bottom","description":"Slot for content below subtitle"},{"name":"right","description":"Slot for right content"},{"name":"selected","description":"Slot for selected icon"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/item_layout/item_layout.vue"]},{"displayName":"DtKeyboardShortcut","description":"This component displays a visual representation of a keyboard shortcut to the user.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/keyboard_shortcut.html","title":"see"}]},"exportName":"default","props":[{"name":"inverted","description":"If true, applies inverted styles.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"shortcut","description":"Include any of these tokens in your string to render the corresponding symbol:\n{cmd} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}","type":{"name":"string"},"required":true},{"name":"screenReaderText","description":"Text entered here will be read by assistive technology. If null this component will be ignored by AT.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/keyboard_shortcut/keyboard_shortcut.vue"]},{"displayName":"DtLazyShow","description":"Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/lazy_show.html","title":"see"}]},"exportName":"default","props":[{"name":"show","description":"Whether the child slot is shown.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"transition","description":"A valid Vue enter/leave CSS transition name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"appear","description":"Enable/Disable transition animation","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/lazy_show/lazy_show.vue"]},{"displayName":"DtLink","description":"A link is a navigational element that can be found on its own, within other text, or directly following content.","tags":{"property":[{"title":"property","type":{"name":"String"},"name":"href","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"rel","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/link.html","title":"see"}]},"exportName":"default","props":[{"name":"kind","description":"Applies the link variant styles","tags":{},"values":["null","danger","warning","success","muted","mention"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inverted","description":"Determines whether the link should have inverted styling\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"focusin","description":"Native focus in event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native focus out event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/link/link.vue"]},{"displayName":"DtListItem","description":"A list item is an element that can be used to represent individual items in a list.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/list_item.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"role","description":"String to use for the item's role.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'listitem'"},"values":["listitem","menuitem","option"]},{"name":"elementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'li'"}},{"name":"type","description":"The type of child list item to use.","tags":{},"values":["default","custom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_TYPES.DEFAULT"}},{"name":"navigationType","description":"The type of navigation that this component should support.\n- \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n- \"tab\" for items that are navigated using the TAB key.\n- \"none\" for static items that are not interactive.","tags":{},"values":["arrow-keys","tab","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_NAVIGATION_TYPES.NONE"}},{"name":"selected","description":"Applies selected styles to the list item","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"wrapperClass","description":"Additional Classes to apply to the wrapper element,\nnote: it only applies on \"default\" type\nCan accept all of: String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"keydown","description":"Key down event","type":{"names":["KeyboardEvent"]}},{"name":"mousemove","description":"Native mouse move event","type":{"names":["MouseEvent"]}},{"name":"mouseleave","description":"Native mouse leave event","type":{"names":["MouseEvent"]}}],"slots":[{"name":"slotName","scoped":true,"description":"named slots for custom list items","bindings":[{"name":"name","title":"binding"}]},{"name":"default","description":"slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/list_item/list_item.vue"]},{"displayName":"DtListItemGroup","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id of the List Item Group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"heading","description":"List's heading.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"headingClass","description":"Additional class to style the heading","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"headingSlot","description":"Slot for heading, will override heading prop."},{"name":"default","description":"Slot for the list component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/list_item_group/list_item_group.vue"]},{"displayName":"DtLoader","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","description":"The label of the loader as read out by a screen reader.\nDefault is \"loading\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","description":"The size of the icon.","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/loader/loader.vue"]},{"description":"Modals focus the user’s attention exclusively on one task or piece of information\nvia a window that sits on top of the page content.","displayName":"DtModal","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/modal.html","title":"see"}]},"exportName":"default","props":[{"name":"copy","description":"Body text to display as the modal's main content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"describedById","description":"Id to use for the dialog's aria-describedby.\nRecommended only if the dialog content itself isn't enough to give full context,\nas screen readers should recite the dialog contents by default before any aria-description.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelledById","description":"Id to use for the dialog's aria-labelledby.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function () { return getUniqueString(); }"}},{"name":"show","description":"Whether the modal should be shown.\nParent component can sync on this value to control the modal's visibility.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"title","description":"Title text to display in the modal header.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"bannerTitle","description":"Title text to display in the modal banner.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"kind","description":"The theme of the modal. kind - default or danger,","tags":{},"values":["default","danger"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"size","description":"The size of the modal. size - default or full,","tags":{},"values":["default","full"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"modalClass","description":"Additional class name for the root modal element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the content element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"bannerKind","description":"Sets the color of the banner.","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'warning'"}},{"name":"bannerClass","description":"Additional class name for the banner element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"hideClose","description":"Hides the close button on the modal","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"closeOnClick","description":"Whether the modal will close when you click outside of the dialog on the overlay.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"fixedHeaderFooter","description":"Scrollable modal that allows scroll the modal content keeping the header and footer fixed","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"initialFocusElement","description":"The element that is focused when the modal is opened. This can be an\nHTMLElement within the modal, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","type":{"name":"string|HTMLElement"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"appendTo","description":"A CSS selector string for the element to portal the modal to. If not provided, the modal will be rendered in its default location.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"update:show","description":"The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\nParent components can sync on this value to create a 2-way binding to control modal visibility.","type":{"names":["Boolean"]}},{"name":"click","type":{"names":["undefined"]}},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"banner","description":"Slot for the banner, defaults to bannerTitle prop"},{"name":"header","description":"Slot for dialog header section, taking the place of any \"title\" text prop"},{"name":"default","description":"Default slot for dialog body section, taking the place of any \"copy\" text prop"},{"name":"footer","description":"Slot for dialog footer content, often containing cancel and confirm buttons."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/modal/modal.vue"]},{"displayName":"DtNotice","description":"A notice is an informational and assistive message that appears inline with content.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/notice.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"role","description":"Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\nimportant message that does not contain any interactive elements. 'alertdialog' is used to communicate an\nimportant message that does contain interactive elements.","tags":{},"values":["alert","alertdialog","status"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'status'"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.\nThis will also change the aria role from status to alert.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"Severity level of the notice, sets the icon and background","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}},{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"truncateText","description":"Truncates the content instead of wrapping.\nUsed when the notice needs to have a fixed height.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Close button click event"}],"slots":[{"name":"icon","description":"Slot for custom icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need"},{"name":"default","description":"the main textual content of the notice"},{"name":"action","description":"Enter a possible action for the user to take, such as a link to another page"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice.vue"]},{"displayName":"DtNoticeAction","exportName":"default","description":"","tags":{},"props":[{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"click","type":{"names":["undefined"]}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_action.vue"]},{"displayName":"DtNoticeContent","exportName":"default","description":"","tags":{},"props":[{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"titleId","description":"ID for the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"ID for the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"slots":[{"name":"titleOverride","description":"Slot for the title"},{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_content.vue"]},{"displayName":"DtNoticeIcon","exportName":"default","description":"","tags":{},"props":[{"name":"kind","description":"Kind of icon","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}}],"slots":[{"name":"default","description":"Slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_icon.vue"]},{"displayName":"DtPagination","description":"Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/pagination.html","title":"see"}]},"exportName":"default","props":[{"name":"ariaLabel","description":"Descriptive label for the pagination content.","type":{"name":"string"},"required":true},{"name":"totalPages","description":"The total number of the pages","type":{"name":"number"},"required":true},{"name":"activePage","description":"The active current page in the list of pages, defaults to the first page","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"maxVisible","description":"Determines the max pages to be shown in the list. Using an odd number is recommended.\nIf an even number is given, then it will be rounded down to the nearest odd number to always\nkeep current page in the middle when current page is in the mid-range.","type":{"name":"number"},"defaultValue":{"func":false,"value":"5"}},{"name":"hideEdges","description":"Sometimes you may need to hide start and end page number buttons when moving in between.\nThis prop will be used to hide the first and last page buttons when not near the edges.\nThis is useful when your backend does not support offset and you can only use cursor based pagination.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"change","description":"Page change event","type":{"names":["Number"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/pagination/pagination.vue"]},{"description":"A Popover displays a content overlay when its anchor element is activated.","displayName":"DtPopover","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/popover.html","title":"see"}]},"exportName":"default","props":[{"name":"open","description":"Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.\nIf you set this value, the default trigger behavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"openOnContext","description":"Opens the popover on right click (context menu). If you set this value to `true`,\nthe default trigger behavior will be disabled.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"elementType","description":"Element type (tag name) of the root element of the component.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}},{"name":"role","description":"ARIA role for the content of the popover. Defaults to \"dialog\".\n<a class=\"d-link\" href=\"https://www.w3.org/TR/wai-aria/#aria-haspopup\" target=\"_blank\">aria-haspopup</a>","type":{"name":"string"},"defaultValue":{"func":false,"value":"'dialog'"}},{"name":"ariaLabelledby","description":"ID of the element that serves as the label for the popover content.\nDefaults to the \"anchor\" element; this exists to provide a different\nID of the label element if, for example, the anchor slot contains\nother items that do not serve as a label. You should provide this\nor ariaLabel, but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabel","description":"Descriptive label for the popover content. You should provide this\nor ariaLabelledby, but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"padding","description":"Padding size class for the popover content.","tags":{},"values":["none","small","medium","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'large'"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","tags":{},"values":["null","anchor"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentTabindex","description":"Tabindex value for the content. Passing null, no tabindex attribute will be set.","type":{"name":"Number || null"},"defaultValue":{"func":false,"value":"-1"}},{"name":"externalAnchor","description":"External anchor id to use in those cases the anchor can't be provided via the slot.\nFor instance, using the combobox's input as the anchor for the popover.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"offset","description":"Displaces the content box from its anchor element\n by the specified number of pixels.\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 4]"}},{"name":"hideOnClick","description":"Determines if the popover hides upon clicking the\nanchor or outside the content box.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"modal","description":"Determines modal state. If enabled popover has a modal overlay\npreventing interaction with elements below it, but it is invisible.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\".\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom-end'"}},{"name":"tether","description":"If set to false the dialog will display over top of the anchor when there is insufficient space.\nIf set to true it will never move from its position relative to the anchor and will clip instead.\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"sticky","description":"If the popover sticks to the anchor. This is usually not needed, but can be needed\nif the reference element's position is animating, or to automatically update the popover\nposition in those cases the DOM layout changes the reference element's position.\n`true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\nchecks the \"popper\" rect for changes.\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["true","false","reference","popper"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showCloseButton","description":"Determines visibility for close button","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"headerClass","description":"Additional class name for the header content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"Additional class name for the footer content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"initialFocusElement","description":"The element that is focused when the popover is opened. This can be an\nHTMLElement within the popover, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","tags":{},"values":["none","dialog","first"],"type":{"name":"string|HTMLElement"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"openWithArrowKeys","description":"If the popover should open pressing up or down arrow key on the anchor element.\nThis can be set when not passing open prop.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).\n'root' will try append to the iFrame's parent body if it is contained in an iFrame\nand has permissions to access it, else, it'd default to 'parent'.","tags":{},"values":["'body'","'parent'","'root'","HTMLElement"],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean | Array"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]},{"name":"update:open","description":"Emitted to sync value with parent","type":{"names":["Boolean | Array"]}},{"name":"mouseenter-popover","description":"Emitted when the mouse enters the popover"},{"name":"mouseleave-popover","description":"Emitted when the mouse leaves the popover"},{"name":"mouseenter-popover-anchor","description":"Emitted when the mouse enters the popover anchor"},{"name":"mouseleave-popover-anchor","description":"Emitted when the mouse leaves the popover anchor"},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","scoped":true,"description":"Anchor element that activates the popover. Usually a button.","bindings":[{"name":"attrs","title":"binding"}]},{"name":"headerContent","scoped":true,"description":"Slot for popover header content","bindings":[{"name":"close","title":"binding"}]},{"name":"content","scoped":true,"description":"Slot for the content that is displayed in the popover when it is open.","bindings":[{"name":"close","title":"binding"}]},{"name":"footerContent","scoped":true,"description":"Slot for the footer content.","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/popover/popover.vue"]},{"displayName":"PopoverHeaderFooter","exportName":"default","description":"","tags":{},"props":[{"name":"type","type":{"name":"string"},"values":["header","footer"]},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"showCloseButton","description":"Determines visibility for close button","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Emitted when popover is closed","type":{"names":[" Boolean "]}}],"slots":[{"name":"content","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/popover/popover_header_footer.vue"]},{"displayName":"DtPresence","description":"Presence is a user status visual indicator element.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/presence.html","title":"see"}]},"exportName":"default","props":[{"name":"presence","description":"Determines the color of the inner presence circle, indicating status.\nAccepts one of 4 values: 'busy', 'away', 'active', 'offline'","tags":{},"values":["busy","away","active","offline"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"PRESENCE_STATES.ACTIVE"}},{"name":"srText","description":"Since Presence is a visual element, we need SRs to read out any state changes\nthat occur.\nText entered here will be read by assistive technology. If null this component will be ignored by AT.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/presence/presence.vue"]},{"description":"Radios are control elements that allow the user to make a single selection.\nThey are typically used in a Radio Group which allows the user to make a selection from a list of options.","displayName":"DtRadio","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/radio.html","title":"see"}]},"exportName":"default","props":[{"name":"label","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A provided label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The name of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"v-model","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to set the state of the checkable input","tags":{"model":[{"description":"checked","title":"model"}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"description","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Describes the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Disables the input","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validationState","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The validation state of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the input element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"indeterminate","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"Indeterminate State, toggling indeterminate checkbox will uncheck","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"value","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"A provided value for the radio","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String | Number"]}},{"name":"focusin","description":"Native input focusin event","properties":[{"type":{"names":["FocusEvent"]}}]},{"name":"focusout","description":"Native input focusout event","properties":[{"type":{"names":["FocusEvent"]}}]}],"slots":[{"name":"default","description":"slot for Radio Label"},{"name":"description","description":"slot for Radio Description"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/radio/radio.vue"]},{"description":"Radio Groups are control elements that allow the user to make a single selection from a list of options.","displayName":"DtRadioGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/radio_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The value of the input group","type":{"name":"string|number|boolean|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the radio group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the radio group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the radio group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group-messages'"}},{"name":"v-model","description":"A provided value for the radio group","tags":{"model":[{"description":"value","title":"model"}]},"type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["String | Number"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/radio_group/radio_group.vue"]},{"displayName":"DtRichTextEditor","exportName":"default","description":"","tags":{},"props":[{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"preventTyping","description":"Prevents the user from typing any further. Deleting text will still work.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"pasteRichText","description":"When this option is false the editor will only ever paste plain text, no rich text formatting will be applied,\nand any HTML will be rendered as text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowLineBreaks","description":"Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,\nline breaks can still be entered by pressing shift+enter.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"outputFormat","description":"The output format that the editor uses when emitting the \"@input\" event.\nOne of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for\nexamples.","tags":{},"values":["text","json","html","markdown"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'html'"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"link","description":"Enables the TipTap Link extension and optionally passes configurations to it\n\nIt is not recommended to use this and the custom link extension at the same time.","type":{"name":"boolean|object"},"defaultValue":{"func":false,"value":"false"}},{"name":"customLink","description":"Enables the Custom Link extension and optionally passes configurations to it\n\nIt is not recommended to use this and the built in TipTap link extension at the same time.\n\nThe custom link does some additional things on top of the built in TipTap link\nextension such as styling phone numbers and IP adresses as links, and allows you\nto linkify text without having to type a space after the link. Currently it is missing some\nfunctionality such as editing links and will likely require more work to be fully usable,\nso it is recommended to use the built in TipTap link for now.","type":{"name":"boolean|object"},"defaultValue":{"func":false,"value":"false"}},{"name":"mentionSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the contacts for suggestion.\nitems({ query }) => { return [ContactObject]; }\nContactObject format:\n{ name: string, avatarSrc: string, id: string }\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the channels for suggestion.\nitems({ query }) => { return [ChannelObject]; }\nChannelObject format:\n{ name: string, id: string, locked: boolean }\n\nWhen null, it does not add the plugin. Setting locked to true will display a lock rather than hash.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"slashCommandSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the slash commands for suggestion.\nitems({ query }) => { return [SlashCommandObject]; }\nSlashCommandObject format:\n{ command: string, description: string, parametersExample?: string }\nThe \"parametersExample\" parameter is optional, and describes an example\nof the parameters that command can take.\n\nWhen null, it does not add the plugin.\nNote that slash commands only work when they are the first word in the input.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"allowBlockquote","description":"Whether the input allows for block quote.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowBold","description":"Whether the input allows for bold to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowBulletList","description":"Whether the input allows for bullet list to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowItalic","description":"Whether the input allows for italic to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowStrike","description":"Whether the input allows for strike to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowUnderline","description":"Whether the input allows for underline to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowCode","description":"Whether the input allows inline code (wrapped in backticks).","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowCodeblock","description":"Whether the input allows codeblock to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowInlineImages","description":"Whether the input allows inline images to be rendered.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"allowFontColor","description":"Whether the input allows color to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"allowFontFamily","description":"Whether the input allows different font-families to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"additionalExtensions","description":"Additional TipTap extensions to be added to the editor.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"hideLinkBubbleMenu","description":"Manually hide the link bubble menu. The link bubble menu is shown when a link is selected via the cursor.\nThere are some cases when you may want the link to remain selected but hide the bubble menu such as when You\nare showing a custom link editor popup.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"useDivTags","description":"Show text in HTML div tags instead of paragraph tags","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Editor input event","type":{"names":["union"]}},{"name":"json-input","description":"Input event always in JSON format.","type":{"names":["JSON"]}},{"name":"html-input","description":"Input event always in HTML format.","type":{"names":["HTML"]}},{"name":"text-input","description":"Input event always in text format.","type":{"names":["String"]}},{"name":"markdown-input","description":"Input event always in markdown format.","type":{"names":["String"]}},{"name":"update:value","description":"Event to sync the value with the parent","type":{"names":["union"]}},{"name":"blur","description":"Editor blur event","type":{"names":["FocusEvent"]}},{"name":"focus","description":"Editor focus event","type":{"names":["FocusEvent"]}},{"name":"enter","description":"Enter was pressed. Note that shift enter must be pressed to line break the input.","type":{"names":["String"]}},{"name":"edit-link","description":"\"Edit link\" button was clicked. Fires an event for the consuming component to handle the editing of the link.\nevent contains the link object with two properties href and text.","type":{"names":["Object"]}},{"name":"selected","description":"\"Selected\" event is fired when the user selects text in the editor. returns the currently selected text.\nIf the selected text is partially a link, the full link text is returned.","type":{"names":["String"]}},{"name":"selected-command","description":"Event fired when a slash command is selected","type":{"names":["String"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/rich_text_editor/rich_text_editor.vue"]},{"displayName":"DtRootLayout","description":"A root layout provides a standardized group of containers to display content at the root level.","tags":{},"exportName":"default","props":[{"name":"fixed","description":"When true, the header, footer and sidebar will be locked in position and the content will\nbe scrollable. When false the header, footer and sidebar  will scroll out of view.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"headerClass","description":"Additional class name for the header element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"headerHeight","description":"DEPRECATED: set the height of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'64px'"}},{"name":"headerSticky","description":"Scroll the header with the page","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"contentClass","description":"Additional class name for the content element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"sidebarClass","description":"Additional class name for the sidebar element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"sidebarWidth","description":"DEPRECATED: set the width of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'256px'"}},{"name":"sidebarPosition","description":"Whether the sidebar is on the left or right side\nPossible options: 'left', 'right'","tags":{},"values":["left","right"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"footerClass","description":"Additional class name for the footer element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerHeight","description":"DEPRECATED: set the height of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'64px'"}},{"name":"responsiveBreakpoint","description":"Defines the breakpoint when the root layout will change to responsive version","tags":{},"values":["'sm'","'md'","'lg'","null"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"slots":[{"name":"header","description":"Slot for header content, be sure to set a height on the element inside this"},{"name":"sidebar","description":"Slot for sidebar content, be sure to set a width on the element within this."},{"name":"default","description":"Slot for the main content"},{"name":"footer","description":"Slot for footer content, be sure to set a height on the element inside this"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/root_layout/root_layout.vue"]},{"description":"A select menu is an input control that allows users to choose one option from a list.","displayName":"DtSelectMenu","tags":{"property":[{"title":"property","type":{"name":"Boolean"},"name":"disabled","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"name","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"value","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/select.html","title":"see"}]},"exportName":"default","props":[{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"label","description":"Label for the select","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Description for the select","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"options","description":"Select Menu Options, overridden by default slot. Each option has the following structure:\n`{ value: number || string (required), label: string (required) }`","tags":{"params":[{"title":"param","type":{"name":"Object[]"},"name":"options","description":"Optional - A list that can be used to create a list of select menu options"},{"title":"param","type":{"name":"union","elements":[{"name":"number"},{"name":"string"}]},"name":"options","description":"[].value - Required - The option value"},{"title":"param","type":{"name":"string"},"name":"options","description":"[].label - Required - The option Label"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"value","description":"Sets the selected value of the select menu. If it does not match a value in the options array, then it will be\n'unselected'.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"size","description":"Controls the size of the select","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"selectClass","description":"Used to customize the select","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"optionClass","description":"Used to customize each option, should options be provided via prop","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"optionChildProps","description":"A set of props that are passed into each option, should options be provided via prop","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"disabled","description":"Disabled state of the select","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String | Number"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]},{"name":"change","description":"Native change event","type":{"names":["String | Number"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]}],"slots":[{"name":"label","description":"Slot for label, defaults to label prop"},{"name":"description","description":"Slot for description, defaults to description prop"},{"name":"default","description":"Slot for select menu options, defaults to options prop"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/select_menu/select_menu.vue"]},{"displayName":"DtSkeleton","description":"Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\nthat content is in the process of loading. Skeleton is used to provide a low fidelity\nrepresentation of the user interface (UI) before content appears on the page.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/skeleton.html","title":"see"}]},"exportName":"default","props":[{"name":"paragraphOption","description":"Set this prop to have the skeleton render as multiple lines of text.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listItemOption","description":"Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"textOption","description":"Set this prop to have the skeleton render as a single line of text.\nSet only one option prop at a time.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"shapeOption","description":"Set this prop to have the skeleton render as a specific shape.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"animationDuration","description":"Duration time of the animation (ms), set -1 for an infinite animation.","type":{"name":"number"},"defaultValue":{"func":false,"value":"-1"}},{"name":"ariaLabel","description":"Descriptive label for the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"animate","description":"This property has higher priority than \"option.animate\"","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"offset","description":"RippleDuration controls how long the delay is for the animation of a\nplaceholder 1000 pixels from the top of the page. Each placeholder\nfrom the top down will have a delay duration from 0 to this offset.\nThe delay of each placeholder animation is based on how far down the page\nthe placeholder is rendered. This is a linear relationship. The unit\nis milliseconds.","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/skeleton/skeleton.vue"]},{"displayName":"DtSplitButton","exportName":"default","description":"","tags":{},"props":[{"name":"alphaActive","description":"Determines whether the alpha button should have active styling","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"alphaAriaLabel","description":"Descriptive label for the alpha button","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"alphaIconPosition","description":"The position of the icon slot within the alpha button.","tags":{},"values":["left","right","top","bottom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"alphaLabelClass","description":"Used to customize the alpha label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"alphaLoading","description":"Whether the alpha button should display a loading animation or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"alphaTooltipText","description":"Text shown in tooltip when you hover the alpha button,\nrequired if no content is passed to default slot","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"assertiveOnFocus","description":"Determines whether a screenreader reads live updates of\nthe button content to the user while the button\nis in focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"HTML button disabled attribute\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n (Reference)\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dropdownPlacement","description":"The direction the dropdown displays relative to the anchor.","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom-end'"}},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'primary'"}},{"name":"kind","description":"The color of the button.","tags":{},"values":["default","muted","danger","inverted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"omegaActive","description":"Determines whether the omega button should have active styling","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"omegaAriaLabel","description":"Descriptive label for the omega button","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"omegaId","description":"Element ID, useful in case you need to reference the button\nas an external anchor for popover","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"omegaTooltipText","description":"Text shown in tooltip when you hover the omega button,\nrequired as it is an icon only button","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"size","description":"The size of the button.","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"width","description":"Button width, accepts\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n  CSS width attribute\n</a>\nvalues","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"alpha-clicked","description":"Native alpha button click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"omega-clicked","description":"Native omega button click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"alphaIcon","scoped":true,"description":"Alpha (left) button icon slot","bindings":[{"name":"size","title":"binding"}]},{"name":"default","description":"Default content slot"},{"name":"omega","description":"Omega (right) content slot, overrides omega button styling and functionality completely"},{"name":"omegaIcon","scoped":true,"description":"Omega (right) button icon slot","bindings":[{"name":"size","title":"binding"}]},{"name":"dropdownList","scoped":true,"description":"Built-in dropdown content slot, use of dt-list-item is highly recommended here.","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/split_button/split_button.vue"]},{"displayName":"DtStack","exportName":"default","description":"","tags":{},"props":[{"name":"direction","description":"Set this prop to the direction to stack the items.\nYou can override the default direction with 'default' key.\nAll the undefined breakpoints will have 'default' value.\nBy default, for the column direction it will have `justify-content: flex-start`\nand for the row direction `align-items: center`. This can be overriden\nby utility classes.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'column'"}},{"name":"as","description":"Set this prop to render stack as a specific HTML element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"gap","description":"The gap property controls the spacing between items in the stack.\nThe gap can be set to a string, or object with breakpoints.\nAll the undefined breakpoints will have the 'default' value.\nYou can override the default gap with 'default' key.\nIn case of string, it will be applied to all the breakpoints.\nValid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'0'"}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/stack/stack.vue"]},{"displayName":"DtTab","description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the tab","type":{"name":"string"},"required":true},{"name":"panelId","description":"Id of the associated content panel","type":{"name":"string"},"required":true},{"name":"label","description":"Describes the tab","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selected","description":"Controls the state of the tab","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"If true, disables the tab","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"tabClass","description":"Used to customize the tab element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"click","type":{"names":["undefined"]}},{"name":"focus","type":{"names":["undefined"]}}],"slots":[{"name":"default","description":"default slot, defaults contains dt-button"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab.vue"]},{"displayName":"DtTabGroup","description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"label","description":"Identifies the tab group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selected","description":"The id of the selected tab panel which should be displayed","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","description":"If true, disables the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inverted","description":"If true, applies inverted styles to the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"borderless","description":"If true, applies borderless styles to the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"size","description":"If provided, applies size styles to the tab group","tags":{},"values":["default","sm"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"tabListClass","description":"Pass through classes, used to customize the tab list","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"tabListChildProps","description":"Pass through props, used to customize the tab list","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}}],"events":[{"name":"change","description":"Change tab event with the arguments: selected id of the current tab and disabled value","type":{"names":["Object"]}},{"name":"before-change","description":"Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.","type":{"names":["Event"]}}],"slots":[{"name":"tabs","description":"Slot for Tabs"},{"name":"default","description":"Default slot for Panel"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab_group.vue"]},{"description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","displayName":"DtTabPanel","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the panel","type":{"name":"string"},"required":true},{"name":"tabId","description":"Id of the associated tab","type":{"name":"string"},"required":true},{"name":"hidden","description":"If true, hides the tab content","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"tabPanelClass","description":"Used to customize the tab element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"Default slot for Tab Panel"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab_panel.vue"]},{"displayName":"DtToast","description":"A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\nIt contains at-a-glance information about outcomes and can be paired with actions.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/toast.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"title","description":"Title header of the toast. This can be left blank to remove the title from the toast entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"message","description":"Message of the toast. Overridden by default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"role","description":"Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\ncommunicate an important message like an error that does not contain any interactive elements.","tags":{},"values":["status","alert"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'status'"}},{"name":"kind","description":"Severity level of the toast, could be different depending on which toast layout is used.","tags":{},"values":["base","error","info","success","warning","gradient"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"show","description":"Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\nafter reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update\nthe data in your component.\nSupports .sync modifier","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideClose","description":"Hides the close button from the toast","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"duration","description":"The duration in ms the toast will display before disappearing.\nThe toast won't disappear if the duration is not provided.\nIf it's provided, it should be equal to or greater than 6000.","type":{"name":"number"},"defaultValue":{"func":false,"value":"null"}},{"name":"layout","description":"The layout / styling you wish to use for the toast.","tags":{},"values":["default","alternate"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"update:show","description":"Sync show value","type":{"names":["undefined"]}}],"slots":[{"name":"icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need to override"},{"name":"default","description":"the main textual content of the toast"},{"name":"action"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/toast/toast.vue"]},{"displayName":"DtToggle","description":"A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/toggle.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the toggle","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"disabled","description":"Disables the toggle interactions","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"v-model","description":"Value of the toggle","tags":{"model":[{"description":"checked","title":"model"}]},"values":["true","false","'mixed'"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"toggleOnClick","description":"Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\nvia the checked prop or v-model. Change events will still be triggered.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"The size of the toggle.","tags":{},"values":["sm","md"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"showIcon","description":"Shows the icon","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}}],"events":[{"name":"change","description":"Toggle change event","type":{"names":["Boolean"]}}],"slots":[{"name":"default","description":"Slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/toggle/toggle.vue"]},{"displayName":"DtTooltip","description":"A tooltip is a floating label that briefly explains an action, function, or an element.\nIts content is exclusively text and shouldn't be vital information for users.\nIf richer media is desired, consider using a popover instead.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tooltip.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\"\nif defined, otherwise it will automatically position to a new location\nas it sees best fit. See\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"inverted","description":"If true, applies inverted styles to the tooltip","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"offset","description":"Displaces the tooltip from its reference element\n by the specified number of pixels. See\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 12]"}},{"name":"placement","description":"The direction the popover displays relative to the anchor. See\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"sticky","description":"If the tooltip sticks to the anchor. This is usually not needed, but can be needed\nif the reference element's position is animating, or to automatically update the popover\nposition in those cases the DOM layout changes the reference element's position.\n`true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\nchecks the \"popper\" rect for changes. See\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["true","false","reference","popper"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"true"}},{"name":"appendTo","description":"Sets the element to which the tooltip is going to append to.\n'body' will append to the nearest body (supports shadow DOM).\nThis prop is not reactive, must be set on initial render.","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"contentClass","description":"Additional css classes for the tooltip content element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"message","description":"A provided message for the tooltip content","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"enabled","description":"Controls whether hover/focus causes the tooltip to appear.\nCannot be combined with the show prop. show value will be ignored.\nby default this is true, if you override with false, the tooltip will never show up.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"show","description":"Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\nIf you set this value, the default mouseover behavior will be disabled and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"transition","description":"Whether the tooltip should have a transition effect (fade).","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"delay","description":"Whether the tooltip will have a delay when being focused or moused over.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"theme","description":"Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"externalAnchor","description":"External anchor id to use in those cases the anchor can't be provided via the slot.\nFor instance, using the combobox's input as the anchor for the popover.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"shown","description":"Emitted when tooltip is shown or hidden","type":{"names":["Boolean"]}},{"name":"update:show","description":"Sync show value","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","description":"Slot for the anchor element"},{"name":"default","description":"Slot for the content, defaults to message prop"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tooltip/tooltip.vue"]},{"displayName":"DtValidationMessages","description":"Validation messages are used to convey information to the user about the current state of the input element.\nThese messages can have an error, warning or success type.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/validation_messages.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the validation message","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"validationMessages","description":"Array of validation messages. Each message has the following structure:\n`{ message: \"Some informative message\", type: \"error|warning|success\"}`","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","description":"Show Validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/validation_messages/validation_messages.vue"]},{"displayName":"DtRecipeCallbarButton","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"circle","description":"Whether the button is a circle or not.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"},{"name":"icon"},{"name":"tooltip"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button/callbar_button.vue"]},{"displayName":"DtRecipeCallbarButtonWithDropdown","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"placement","description":"The direction the dropdown displays relative to the anchor.","tags":{"default":[{"description":"'top'","title":"default"}]},"values":["'bottom'","'bottom-start'","'bottom-end'","'right'","'right-start'","'right-end'","'left'","'left-start'","'left-end'","'top'","'top-start'","'top-end'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"fallbackPlacements","description":"If the dropdown does not fit in the direction described by \"placement\",\nit will attempt to change it's direction to the \"fallbackPlacements\".","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"forceShowArrow","description":"Forces showing the arrow, even if the button is disabled.\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"arrow-click","description":"Emitted when the arrow is clicked","type":{"names":["undefined"]}},{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"opened","description":"Emitted when modal dropdown is opened or closed.","type":{"names":["undefined"]}}],"slots":[{"name":"icon"},{"name":"tooltip"},{"name":"default"},{"name":"list","scoped":true,"bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue"]},{"displayName":"DtRecipeCallbarButtonWithPopover","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.","tags":{"default":[{"description":"'top'","title":"default"}]},"values":["'bottom'","'bottom-start'","'bottom-end'","'right'","'right-start'","'right-end'","'left'","'left-start'","'left-end'","'top'","'top-start'","'top-end'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"offset","description":"Displaces the content box from its anchor element\n by the specified number of pixels.\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 16]"}},{"name":"initialFocusElement","description":"The element that is focused when the popover is opened. This can be an\nHTMLElement within the popover, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"showCloseButton","description":"Determines visibility for close button","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"forceShowArrow","description":"Forces showing the arrow, even if the button is disabled.\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"contentClass","description":"Additional class name for the popover content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"openPopover","description":"To auto open the modal popover.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"arrow-click","description":"Emitted when the arrow is clicked","type":{"names":["undefined"]}},{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"opened","description":"Emitted when modal popover is opened or closed.","type":{"names":["undefined"]}}],"slots":[{"name":"icon","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"tooltip","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"default"},{"name":"content","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"headerContent","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"footerContent","scoped":true,"bindings":[{"name":"slot","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue"]},{"displayName":"DtRecipeIvrNode","exportName":"default","description":"","tags":{},"props":[{"name":"nodeType","description":"type of IVR Node.","type":{"name":"string"},"required":true},{"name":"nodeLabel","description":"Descriptive label for the node name.","type":{"name":"string"},"required":true},{"name":"isSelected","description":"Selected state of the node","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dtmfKey","description":"DTMF input","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"click","description":"Add node click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"connector"},{"name":"menuItems","scoped":true,"bindings":[{"name":"close","title":"binding"}]},{"name":"content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/cards/ivr_node/ivr_node.vue"]},{"displayName":"DtRecipeGroupedChip","exportName":"default","description":"","tags":{},"slots":[{"name":"leftIcon"},{"name":"leftContent","description":"Slot for left chip content information"},{"name":"rightIcon","description":"Slot for right chip content information"},{"name":"rightContent","description":"Slot for right chip content information"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/chips/grouped_chip/grouped_chip.vue"]},{"displayName":"DtRecipeComboboxMultiSelect","exportName":"default","description":"","tags":{},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"placeholder","description":"Input placeholder","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Select one or start typing'"}},{"name":"inputMessages","description":"Input validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showInputMessages","description":"Show input validation message","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loading","description":"Determines if the list is loading","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"loadingMessage","description":"The message when the list is loading","type":{"name":"string"},"defaultValue":{"func":false,"value":"'loading...'"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.\nLeaving this null will have the combobox trigger on input focus by default.\nIf you set this value, the default trigger behavior will be disabled and you can\ncontrol it as you need.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listMaxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"'300px'"}},{"name":"selectedItems","description":"The selected items","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"maxSelected","description":"Would be the maximum number of selections you can make. 0 is unlimited","type":{"name":"number"},"defaultValue":{"func":false,"value":"0"}},{"name":"maxSelectedMessage","description":"Max select message when the max selections is exceeded with the structure:\n`[{\"message\": string, \"type\": VALIDATION_MESSAGE_TYPES }]`","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"hasSuggestionList","description":"Displays the list when the combobox is focused, before the user has typed anything.\nWhen this is enabled the list will not close after selection.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the chip, one of `xs`, `sm`, `md`","type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}},{"name":"collapseOnFocusOut","description":"Determines whether the combobox should collapse to a single when losing focus.","tags":{"type":[{"title":"type","type":{"name":"boolean"}}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"listMaxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"reservedRightSpace","description":"Amount of reserved space (in px) on the right side of the input\nbefore the chips and the input caret jump to the next line.\ndefault is 64","type":{"name":"number"},"defaultValue":{"func":false,"value":"64"}},{"name":"chipMaxWidth","description":"Determines the maximum width of a single chip. If the text within this chip exceeds the value\nit will be truncated with ellipses.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","description":"Additional class name for the input element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputWrapperClass","description":"Additional class name for the input wrapper element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String "]}},{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"remove","description":"Event fired when item removed","type":{"names":["String"]}},{"name":"max-selected","description":"Event fired when max selected items limit is reached","type":{"names":["Object"]}},{"name":"keyup","description":"Native keyup event","type":{"names":["KeyboardEvent"]}},{"name":"keydown","description":"Native keydown event","type":{"names":["KeyboardEvent"]}},{"name":"combobox-highlight","description":"Event fired when combobox item is highlighted","type":{"names":["Object"]}}],"slots":[{"name":"header"},{"name":"list"},{"name":"footer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue"]},{"displayName":"DtRecipeComboboxWithPopover","exportName":"default","description":"","tags":{},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["null","xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.\nLeaving this null will have the combobox trigger on input focus by default.\nIf you set this value, the default trigger behavior will be disabled and you can\ncontrol it as you need.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"padding","description":"Vertical padding size around the list element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'small'"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"},"values":["anchor"]},{"name":"openWithArrowKeys","description":"If the list should be shown by pressing up or down arrow key on the input element.\nThis can be set when not passing showList prop.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"popoverOffset","description":"Displaces the popover content box from its anchor element\n by the specified number of pixels.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 4]"}},{"name":"popoverSticky","description":"If the popover sticks to the input.","type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"hasSuggestionList","description":"Displays the list when the combobox is focused, before the user has typed anything.\nWhen this is enabled the list will not close after selection.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loading","description":"Determines when to show the skeletons and also controls aria-busy attribute.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyList","description":"Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyStateMessage","description":"Message to show when the list is empty","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}}],"events":[{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"escape","description":"Event fired when 'escape' key is pressed"},{"name":"highlight","description":"Event fired when an item is highlighted","type":{"names":["Number"]}},{"name":"opened","description":"Emitted when items are shown or hidden","type":{"names":["Boolean | Array"]}}],"slots":[{"name":"input","scoped":true,"bindings":[{"name":"input-props","title":"binding"},{"name":"on-input","title":"binding"}]},{"name":"header"},{"name":"list","scoped":true,"bindings":[{"name":"list-props","title":"binding"}]},{"name":"footer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue"]},{"displayName":"DtRecipeAttachmentCarousel","exportName":"default","description":"","tags":{},"props":[{"name":"mediaList","description":"media - object array of media objects","tags":{"type":[{"title":"type","type":{"name":"Array"}}]},"type":{"name":"Array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"remove-media","description":"Emitted when popover is shown or hidden","type":{"names":["Number"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/attachment_carousel/attachment_carousel.vue"]},{"displayName":"DtRecipeEditor","exportName":"default","description":"","tags":{},"props":[{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true,"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxHeight","description":"Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%","type":{"name":"string"},"defaultValue":{"func":false,"value":"'unset'"}},{"name":"setLinkPlaceholder","description":"Placeholder text for the set link input field","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showBoldButton","description":"Show button to render text as bold","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showItalicsButton","description":"Show button to render text in italics","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showUnderlineButton","description":"Show button to underline text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showStrikeButton","description":"Show button to strike text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showListItemsButton","description":"Show button to render list items","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showOrderedListButton","description":"Show button to render ordered list items","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignLeftButton","description":"Show button to align text to the left","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignCenterButton","description":"Show button to align text to the center","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignRightButton","description":"Show button to align text to the right","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignJustifyButton","description":"Show button to justify text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showQuoteButton","description":"Show button to add quote format to text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showCodeBlockButton","description":"Show button to add code block","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showQuickRepliesButton","description":"Show button to handle quick replies","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showInlineImageButton","description":"Show button to add an inline image","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showAddLink","description":"Show add link default config.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  showAddLinkButton: true\n}"}},{"name":"useDivTags","description":"Use div tags instead of paragraph tags to show text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"focus","description":"Native focus event","type":{"names":["union"]}},{"name":"blur","description":"Native blur event","type":{"names":["union"]}},{"name":"input","description":"Native input event","type":{"names":["union"]}},{"name":"quick-replies-click","description":"Quick replies button\npressed event"},{"name":"inline-image-click","description":"Emit when inline image button is clicked"},{"name":"text-input","description":"Emit when text content changes (not raw html)","type":{"names":["undefined"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue"]},{"displayName":"DtRecipeEmojiRow","exportName":"default","description":"","tags":{},"props":[{"name":"reactions","description":"Provide an array of reaction objects to be shown.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"emoji-clicked","type":{"names":["undefined"]}},{"name":"emoji-hovered","type":{"names":["undefined"]}}],"slots":[{"name":"picker","description":"Slot for emoji picker component, including the anchor."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/emoji_row/emoji_row.vue"]},{"displayName":"DtRecipeFeedItemPill","exportName":"default","description":"","tags":{},"props":[{"name":"title","description":"Bolded primary text","type":{"name":"string"},"defaultValue":{"func":true,"value":"() => ''"}},{"name":"wrapperClass","description":"Additional styling around the pill","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonClass","description":"Additional styling for the pill","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"toggleable","description":"Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)","type":{"name":"boolean"},"defaultValue":{"func":true,"value":"() => true"}},{"name":"defaultToggled","type":{"name":"boolean"},"defaultValue":{"func":true,"value":"() => false"}},{"name":"borderColor","description":"Callbox border color","tags":{},"values":["default","ai","critical"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}}],"slots":[{"name":"title"},{"name":"leftIcon","scoped":true,"description":"Slot for left icon, icon-size slot prop defaults to '300'","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"subtitle"},{"name":"bottom"},{"name":"right"},{"name":"content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/feed_item_pill/feed_item_pill.vue"]},{"description":"This mixin provides the methods to automatically trap tab focus within\nthe component this mixin is on, meaning it is not possible to tab out\nof the component without dismissing it.\n\nUseful for accessibility reasons on things like important actionable alerts.\n\nUse focusFirstElement to focus on the first tabbable element within your component, and call\nfocusTrappedTabPress every time tab is pressed to trap tab within this\ncomponent.\n\nNote that focusFirstElement WILL focus elements with tabindex=\"-1\",\nhowever focusTrappedTabPress will not.","displayName":"DtRecipeFeedItemRow","tags":{},"exportName":"default","props":[{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"showHeader","description":"Show avatar, show header text or dont show left time and vice versa","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"avatarImageUrl","description":"Optional avatar image url.\nIf not provided it will use extracted initials from displayName.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"displayName","description":"The display name of the sender","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"noInitials","description":"Initials will never be shown. Instead it will show a \"User\" icon.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"time","description":"time string displayed as is.\nShown on the header when showHeader is true","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"shortTime","description":"short time string without AM/PM displayed as is.\nShown on the left of feed item when showHeader is false and isActive is true","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelText","description":"A label displayed next to the displayName. Will not show if empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"isActive","description":"displays a darkened background on the row.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"state","description":"state for the feed item row. Can be normal, searched & error","type":{"name":"string"},"defaultValue":{"func":false,"value":"DEFAULT_FEED_ROW_STATE"}}],"events":[{"name":"hover","description":"Fires when hovered over feed row","type":{"names":["Boolean"]}},{"name":"focus","description":"Fires when focused over feed row","type":{"names":["Boolean"]}},{"name":"keydown","description":"Key down event","type":{"names":["KeyboardEvent"]}}],"slots":[{"name":"avatar","description":"Slot to contain the avatar, overrides avatar props."},{"name":"displayName","description":"Slot for display name"},{"name":"default"},{"name":"attachment"},{"name":"reactions","description":"Slot for reactions row component"},{"name":"threading","description":"Slot for threading row component"},{"name":"menu","description":"Slot for actions hover menu component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/feed_item_row/feed_item_row.vue"]},{"displayName":"DtRecipeMessageInput","exportName":"default","description":"","tags":{},"props":[{"name":"richText","description":"Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\nRich text formatting for the purposes of this component is defined as:\n\nbold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n\nIf you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true,"defaultValue":{"func":false,"value":"''"}},{"name":"preventTyping","description":"Prevents the user from typing any further. Deleting text will still work.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"outputFormat","description":"The output format that the editor uses when emitting the \"@input\" event.\nOne of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for\nexamples.","tags":{},"values":["text","json","html","markdown"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'json'"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disableSend","description":"Disable Send Button","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"maxHeight","description":"Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%","type":{"name":"string"},"defaultValue":{"func":false,"value":"'unset'"}},{"name":"showEmojiPicker","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"emojiPickerProps","description":"Props to pass into the emoji picker.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showCharacterLimit","description":"Enable character Limit warning","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({ count: 1500, warning: 500, message: '' })"}},{"name":"showImagePicker","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"showSend","description":"Send button defaults.\nTODO (Dialtone 10):\n- Change to `showSendButton`, boolean only.","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"showCancel","description":"Cancel button defaults.\nTODO (Dialtone 10): Change to `showCancelButton`, boolean only.","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"mentionSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the contacts for suggestion.\nitems({ query }) => { return [ContactObject]; }\nContactObject format:\n{ name: string, avatarSrc: string, id: string }\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the channels for suggestion.\nitems({ query }) => { return [ChannelObject]; }\nChannelObject format:\n{ name: string, id: string, locked: boolean }\n\nWhen null, it does not add the plugin. Setting locked to true will display a lock rather than hash.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"slashCommandSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the slash commands for suggestion.\nitems({ query }) => { return [SlashCommandObject]; }\nSlashCommandObject format:\n{ command: string, description: string, parametersExample?: string }\nThe \"parametersExample\" parameter is optional, and describes an example\nof the parameters that command can take.\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"boldButtonOptions","description":"descriptive text fields for the bold button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + B'\n}"}},{"name":"italicButtonOptions","description":"descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + I'\n}"}},{"name":"strikeButtonOptions","description":"descriptive text fields for the strikethrough button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + S'\n}"}},{"name":"linkButtonOptions","description":"descriptive text fields for the link button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  // TODO: implement mod k\n  keyboardShortcutText: 'Mod + K',\n\n  linkPlaceholder: 'e.g. https://www.dialpad.com'\n}"}},{"name":"bulletListButtonOptions","description":"descriptive text fields for the bullet list button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + 8'\n}"}},{"name":"orderedListButtonOptions","description":"descriptive text fields for the ordered list button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + 7'\n}"}},{"name":"blockQuoteButtonOptions","description":"descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + B'\n}"}},{"name":"codeButtonOptions","description":"descriptive text fields for the code button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + E'\n}"}},{"name":"codeBlockButtonOptions","description":"descriptive text fields for the code block button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Alt + C'\n}"}}],"events":[{"name":"selected-command","description":"Fires when a slash command is selected","type":{"names":["String"]}},{"name":"add-emoji","description":"Emitted when the 'Add emoji' button is clicked","type":{"names":["Boolean"]}},{"name":"emoji-scroll-bottom-reached","description":"Emitted when the emoji picker scroll reaches the bottom"},{"name":"submit","description":"Fires when send button is clicked","type":{"names":["String"]}},{"name":"select-media","description":"Fires when media is selected from image button","type":{"names":["Array"]}},{"name":"add-media","description":"Fires when media is dropped into the message input","type":{"names":["Array"]}},{"name":"paste-media","description":"Fires when media is pasted into the message input","type":{"names":["Array"]}},{"name":"cancel","description":"Fires when cancel button is pressed (only on edit mode)","type":{"names":["Boolean"]}},{"name":"skin-tone","description":"Fires when skin tone is selected from the emoji picker","type":{"names":["String"]}},{"name":"selected-emoji","description":"Fires when emoji is selected from the emoji picker","type":{"names":["String"]}},{"name":"meeting-pill-close","description":"Fires when meeting pill is closed","type":{"names":["String"]}},{"name":"update:value","description":"Event to sync the value with the parent","type":{"names":["union"]}},{"name":"text-input","description":"Emitted when input changes, returns text content only","type":{"names":["String"]}},{"name":"markdown-input","description":"Emitted when input changes, returns markdown content only","type":{"names":["String"]}}],"slots":[{"name":"top","description":"Renders above the input, but still within the borders."},{"name":"middle","description":"Slot for attachment carousel"},{"name":"emojiGiphyPicker","description":"Slot for emojiGiphy picker"},{"name":"customActionIcons","description":"Slot to add extra action icons next to default ones"},{"name":"scheduleMessage"},{"name":"smsCount"},{"name":"sendButton","description":"Slot for sendButton picker"},{"name":"sendIcon","scoped":true,"description":"Slot for send button icon","bindings":[{"name":"icon-size","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue"]},{"displayName":"DtRecipeMessageInputButton","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","type":{"name":"string"},"required":true},{"name":"tooltipText","type":{"name":"string"},"required":true},{"name":"keyboardShortcutText","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"isActive","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dataQa","type":{"name":"string"},"required":true}],"events":[{"name":"click"}],"slots":[{"name":"icon"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_button.vue"]},{"displayName":"MessageInputLink","exportName":"default","description":"","tags":{},"props":[{"name":"open","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"linkButtonOptions","type":{"name":"object"},"required":true},{"name":"isSelectionActive","type":{"name":"func"},"defaultValue":{"func":true,"value":"() => {}"}}],"events":[{"name":"opened"},{"name":"set-link"},{"name":"remove-link"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_link.vue"]},{"displayName":"DtRecipeMessageInputTopbar","exportName":"default","description":"","tags":{},"props":[{"name":"boldButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"italicButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"strikeButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"bulletListButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"orderedListButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"blockQuoteButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"codeButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"codeBlockButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"isSelectionActive","type":{"name":"func"},"defaultValue":{"func":true,"value":"() => {}"}}],"events":[{"name":"click"}],"slots":[{"name":"link","description":"special slot for link button, since links require a custom dialog"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_topbar.vue"]},{"displayName":"DtRecipeTimePill","exportName":"default","description":"","tags":{},"props":[{"name":"dateTimeDisplay","description":"Date time display value","type":{"name":"string"},"required":true},{"name":"dateTime","description":"Machine-readable attribute\nAccepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/time_pill/time_pill.vue"]},{"displayName":"DtRecipeSettingsMenuButton","exportName":"default","description":"","tags":{},"props":[{"name":"updateAvailable","description":"Determines whether the button should display the update state\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Aria label","type":{"name":"string"},"required":true}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/header/settings_menu_button/settings_menu_button.vue"]},{"displayName":"DtRecipeContactInfo","exportName":"default","description":"","tags":{},"props":[{"name":"role","description":"String to use for the item's role.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showAvatar","description":"Display avatar if `showAvatar` property is true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"avatarSrc","description":"Optional avatar image url.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarFullName","description":"Avatar's full name, used to extract initials\nto display in avatar if `avatarSrc` and `avatarIcon` are empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSize","description":"The size of the avatar","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'lg'"}},{"name":"avatarLabelledBy","description":"The aria-labelledby of the button containing avatars","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarColor","description":"Avatar color to display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"presence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarList","description":"Showing multiple avatars in contact info.\nThe props of array items are: <br>\n`src` - avatar image url (optional) <br>\n`fullName` - full name, used to extract initials to display in avatar<br>\n if `avatarSrc` and `avatarIcon` are empty<br>\n`seed` - determines uniqueness of avatar background <br>\n`text` - text that overlays the avatar (optional) <br>\n`icon` - icon that overlays the avatar (optional) <br>\n`halo` - halo highlight around the avatar. boolean true/false","type":{"name":"array"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"avatar-click"}],"slots":[{"name":"avatarIcon","scoped":true,"description":"Slot for avatar icon in a list","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"header","description":"Slot for header information"},{"name":"subtitle","description":"Slot for subtitle information"},{"name":"bottom","description":"Slot for information at the bottom"},{"name":"right","description":"Slot for the right content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/item_layout/contact_info/contact_info.vue"]},{"displayName":"DtRecipeCallbox","exportName":"default","description":"","tags":{},"props":[{"name":"badgeText","description":"Text for the badge element","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"badgeColor","description":"Color for the badge element","tags":{},"values":["null","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarSrc","description":"Optional avatar image url.\nIf not provided it will use the initial of the name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarFullName","description":"Avatar's full name, used to extract initials\nto display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"title","description":"Callbox title","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"borderColor","description":"Callbox border color","tags":{},"values":["default","ai","critical"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"clickable","description":"Makes the callbox avatar and title clickable,\nemits a click event when clicked.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isOnHold","description":"Controls the avatars overlay icon","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Callbox click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"video","description":"Slot for video stream"},{"name":"badge","description":"Slot for call center badge"},{"name":"subtitle","description":"Slot for subtitle"},{"name":"right","description":"Slot for right icons"},{"name":"bottom"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/callbox/callbox.vue"]},{"displayName":"DtRecipeContactCentersRow","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","description":"Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Text displayed next to the icon. Required.","type":{"name":"string"},"required":true},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideActions","description":"Making this true will hide the unread count badge, the chevron button, and the right slot","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages, could be a string to support '99+'","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"click-menu","description":"Menu button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"right"},{"name":"timer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/contact_centers_row/contact_centers_row.vue"]},{"displayName":"DtRecipeContactRow","exportName":"default","description":"","tags":{},"props":[{"name":"avatarSrc","description":"Optional avatar image url.\nIf not provided it will use the initial of the name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarPresence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.\ndefer validation to avatar component.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarColor","description":"Avatar color to display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"presenceText","description":"Text describing the user's presence, such as \"in a meeting\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","description":"Name of the contact","type":{"name":"string"},"required":true},{"name":"userStatus","description":"Status as set by the user.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"muted","description":"Gives a faded style to be used when muted","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"noInitials","description":"Initials will never be shown. Instead it will show a \"User\" icon.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hasCallButton","description":"Whether the contact row should display a call button when hovered.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"events":[{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"call","description":"Call button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/contact_row/contact_row.vue"]},{"displayName":"DtRecipeGeneralRow","exportName":"default","description":"","tags":{},"props":[{"name":"type","description":"Determines the icon to show.\nIf type is contact center, the color prop must be provided and will determine the color of the icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"'inbox'"}},{"name":"ariaLabel","description":"Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\nyou still must input this as it will be displayed as the \"title\" attribute for the row.","type":{"name":"string"},"required":true},{"name":"color","description":"Determines the color of the contact center icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSetting","description":"The channel setting, either 'mention' or 'always'.","tags":{},"values":["'mention'","'always'","null."],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"unreadMentionCount","description":"Number of unread mention messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"muted","description":"Gives a faded style to be used when muted","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"activeVoiceChat","description":"Shows styling to represent an active voice chat. This will display over unreadCount.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dndText","description":"Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\nunreadCount.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"hasCallButton","description":"Whether the row should have a call button. Usually only applicable to individual contact rows.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconSize","description":"Sets the size of the icon.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'300'"}}],"events":[{"name":"call","description":"Call button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"left"},{"name":"label"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/general_row/general_row.vue"]},{"displayName":"DtRecipeGroupRow","exportName":"default","description":"","tags":{},"props":[{"name":"names","description":"Names of the group members","type":{"name":"string"},"required":true},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"unreadMentionCount","description":"Number of unread mention messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/group_row/group_row.vue"]},{"displayName":"DtRecipeUnreadPill","exportName":"default","description":"","tags":{},"props":[{"name":"kind","description":"The kind of unread pill which determines the styling","tags":{},"values":["'mentions'","'messages'"],"type":{"name":"string"},"required":true},{"name":"direction","description":"The direction of the arrow icon","tags":{},"values":["'up'","'down'"],"type":{"name":"string"},"required":true}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/unread_pill/unread_pill.vue"]},{"displayName":"DtRecipeMotionText","exportName":"default","description":"","tags":{},"props":[{"name":"text","description":"The text content to animate.","tags":{"type":[{"title":"type","type":{"name":"string"}}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"animationMode","description":"The animation mode to use for the text reveal.","tags":{},"values":["gradient-in","fade-in","slide-in","gradient-sweep","shimmer","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'gradient-in'"}},{"name":"speed","description":"Animation speed using t-shirt sizing.","tags":{},"values":["sm","md","lg"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"autoStart","description":"Whether to start animation automatically when component is mounted.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loop","description":"Whether to loop the animation continuously.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"respectsReducedMotion","description":"Whether to respect the user's prefers-reduced-motion system setting.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"screenReaderText","description":"Alternative text for screen readers. If provided, this will be announced\ninstead of the animated text.","tags":{"type":[{"title":"type","type":{"name":"string"}}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"start","description":"Emitted when the animation starts."},{"name":"complete","description":"Emitted when the animation completes."},{"name":"progress","description":"Emitted during animation progress.","type":{"names":["{ wordsComplete: number, totalWords: number, progress: number }"]}},{"name":"pause","description":"Emitted when the animation is paused."},{"name":"resume","description":"Emitted when the animation resumes."}],"methods":[{"name":"start","description":"Start the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"pause","description":"Pause the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"resume","description":"Resume the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"reset","description":"Reset the animation to initial state","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"skipToEnd","description":"Skip to the end of the animation","tags":{"access":[{"description":"public","title":"access"}]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/motion/motion_text/motion_text.vue"]},{"displayName":"DtRecipeTopBannerInfo","exportName":"default","description":"","tags":{},"props":[{"name":"colorCode","description":"color of the banner background","type":{"name":"string"},"defaultValue":{"func":false,"value":"'green300'"},"values":["green300","green100","red200","red100","gold100","gold200","black100","white"]}],"slots":[{"name":"left"},{"name":"default"},{"name":"right"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue"]}]
+[{"displayName":"DtAvatar","description":"An avatar is a visual representation of a user or object.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/avatar.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the avatar content wrapper element","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"seed","description":"Pass in a seed to get the random color generation based on that string. For example if you pass in a\nuser ID as the string it will return the same randomly generated colors every time for that user.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"color","description":"Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic\nif the seed prop is set.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"size","description":"The size of the avatar","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"avatarClass","description":"Used to customize the avatar container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"canvasClass","description":"Set classes on the avatar canvas. Wrapper around the core avatar image.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"iconClass","description":"Pass through classes. Used to customize the avatar icon","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"presence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"AVATAR_PRESENCE_STATES.NONE"}},{"name":"presenceProps","description":"A set of props to be passed into the presence component.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"group","description":"Determines whether to show a group avatar.\nLimit to 2 digits max, more than 99 will be rendered as “99+”.\nif the number is 1 or less it would just show the regular avatar as if group had not been set.","type":{"name":"number"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"overlayText","description":"The text that overlays the avatar","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"overlayClass","description":"Used to customize the avatar overlay","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"imageSrc","description":"Source of the image","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"imageAlt","description":"Alt attribute of the image, required if imageSrc is provided.\nCan be set to '' (empty string) if the image is described\nin text nearby","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"iconSize","description":"Icon size to be displayed on the avatar","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"fullName","description":"Full name used to extract initials.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"clickable","description":"Makes the avatar focusable and clickable,\nemits a click event when clicked.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconAriaLabel","description":"Descriptive label for the icon.\nTo avoid a11y issues, set this prop if clickable and iconName are set.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"click","description":"Avatar click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"icon","scoped":true,"description":"Slot for avatar icon. It will display if no imageSrc is provided","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"overlayIcon","description":"Slot for overlay icon."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/avatar/avatar.vue"]},{"displayName":"DtBadge","description":"A badge is a compact UI element that provides brief, descriptive information about an element.\nIt is terse, ideally one word.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/badge.html","title":"see"}]},"exportName":"default","props":[{"name":"text","description":"Text for the badge content","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"kind","description":"The kind of badge which determines the styling","tags":{},"values":["label","count"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'label'"}},{"name":"type","description":"Color for the badge background","tags":{},"values":["default","info","success","warning","critical","bulletin","ai"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"decoration","description":"Decoration for the badge. This can be only used with kind: label and type: default\nwith no left and right icons","tags":{},"values":["default","black-400","black-500","black-900","red-200","red-300","red-400","purple-200","purple-300","purple-400","purple-500","blue-200","blue-300","blue-400","green-300","green-400","green-500","gold-300","gold-400","gold-500","magenta-200","magenta-300","magenta-400"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"subtle","description":"Shows a subtle appearance for the badge\nCurrently only affects the badge when type is bulletin.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"outlined","description":"Outlines the badge with a border","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"slots":[{"name":"leftIcon","scoped":true,"description":"Slot for left icon, icon-size slot prop defaults to '200'","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"default","description":"Slot for badge content, defaults to text prop"},{"name":"rightIcon","scoped":true,"description":"Slot for right icon, icon-size slot prop defaults to '200'","bindings":[{"name":"icon-size","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/badge/badge.vue"]},{"description":"Banners are a type of notice, delivering system and engagement messaging.\nThese are highly intrusive notices and should be used sparingly and appropriately.","displayName":"DtBanner","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/banner.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.\nThis will also change the aria role from status to alertdialog.\nand will modally trap the keyboard focus in the dialog as soon as it displays.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"pinned","description":"Pins the banner to the top of the window and pushes all app content down.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"Severity level of the notice, sets the icon and background","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}},{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dialogClass","description":"Inner dialog class","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"backgroundImage","description":"Banner background image","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"backgroundSize","description":"Background image size, follows the background-size CSS property values\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/background-size\" target=\"_blank\">\n  CSS background-sizes\n</a>","type":{"name":"string"},"defaultValue":{"func":false,"value":"'cover'"}}],"events":[{"name":"close","description":"Close button click event"}],"slots":[{"name":"icon","description":"Slot for custom icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need to override with something other than text. Otherwise use the \"title\" prop."},{"name":"default","description":"the main textual content of the banner"},{"name":"action","description":"Enter a possible action for the user to take, such as a link to another page"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/banner/banner.vue"]},{"displayName":"DtBreadcrumbs","description":"Breadcrumbs are links used to provide context for the currently-viewed page\nand where it is located within the overall site structure.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/breadcrumbs.html","title":"see"}]},"exportName":"default","props":[{"name":"breadcrumbs","description":"A provided list of breadcrumbs. Overridden by default slot","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"inverted","description":"Passed through to link. If true, applies inverted styles to the link.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Descriptive label for the navigation content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"default slot for breadcrumbs content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/breadcrumbs/breadcrumbs.vue"]},{"displayName":"DtButton","description":"A button is a UI element which allows users to take an action throughout the app.\nIt is important a button is identifiable, consistent, and communicates its actions clearly,\nand is appropriately sized to its action.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button.html","title":"see"}]},"exportName":"default","props":[{"name":"circle","description":"Whether the button is a circle or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconPosition","description":"The position of the icon slot within the button.","tags":{},"values":["left","right","top","bottom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'primary'"}},{"name":"link","description":"Whether the button should be styled as a link or not.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"linkKind","description":"The color of the link and button if the button is styled as a link.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["default","warning","danger","success","muted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"linkInverted","description":"Determines whether the link should have inverted styling if the button is styled as a link.","tags":{"see":[{"description":"DtLink","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"HTML button disabled attribute\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"type","description":"HTML button type attribute\n<a\n  class=\"d-link\"\n  href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n  target=\"_blank\"\n>\n  (Reference)\n</a>","tags":{},"values":["button","submit","reset"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'button'"}},{"name":"width","description":"Button width, accepts\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n  CSS width attribute\n</a>\nvalues","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"size","description":"The size of the button.","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"loading","description":"Whether the button should display a loading animation or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"The color of the button.","tags":{},"values":["default","unstyled","muted","danger","positive","inverted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"assertiveOnFocus","description":"Determines whether a screenreader reads live updates of\nthe button content to the user while the button\nis in focus. default is to not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native button click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"focusin","description":"Native button focus in event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native button focus out event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"icon","scoped":true,"description":"Button icon","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"default","description":"Content within button"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/button/button.vue"]},{"displayName":"DtButtonGroup","exportName":"default","description":"","tags":{},"props":[{"name":"alignment","description":"Alignment of the buttons inside the container","type":{"name":"string"},"defaultValue":{"func":false,"value":"'start'"}}],"slots":[{"name":"default","description":"Default slot for button items"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/button_group/button_group.vue"]},{"displayName":"DtCard","description":"A card contains summary content and actions about a single subject.\nIt can be used by itself or within a list, and is generally interactive.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/card.html","title":"see"}]},"exportName":"default","props":[{"name":"maxHeight","description":"The maximum height of the card content.\nIf given, makes content area scrollable.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"containerClass","description":"class for card container.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"class for card content.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"headerClass","description":"class for card header.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"class for card footer.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"header","description":"slot for header content"},{"name":"content","description":"slot for main content"},{"name":"footer","description":"slot for footer content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/card/card.vue"]},{"description":"Checkboxes are control elements that allow the user to make a selection.They are typically used in a\nCheckbox Group which allows the user to make one or more selections from a list of options.","displayName":"DtCheckbox","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/checkbox.html","title":"see"}]},"exportName":"default","props":[{"name":"label","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A provided label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The name of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"v-model","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to set the state of the checkable input","tags":{"model":[{"description":"checked","title":"model"}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"description","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Describes the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Disables the input","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validationState","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The validation state of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the input element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"indeterminate","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"Indeterminate State, toggling indeterminate checkbox will uncheck","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"value","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"The value of the input","type":{"name":"string|number|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["Boolean"]}},{"name":"focusin","description":"Native input focusin event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native input focusout event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"default","description":"slot for Checkbox Label"},{"name":"description","description":"slot for Checkbox Description"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/checkbox/checkbox.vue"]},{"description":"Checkbox Groups are convenience components for a grouping of related Checkboxes.\nWhile each Checkbox within the group is independent, the `v-model` on the group provides\na convenient interface for determining which Checkboxes within the group are checked.","displayName":"DtCheckboxGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/checkbox_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Not supported by this component, please use selectedValues","type":{"name":""},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the radio group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the radio group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the radio group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'checkbox-group-messages'"}},{"name":"v-model","description":"A provided list of selected values(s) for the checkbox group","tags":{"model":[{"description":"selectedValues","title":"model"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["Array"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/checkbox_group/checkbox_group.vue","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue"]},{"displayName":"DtChip","description":"A chip is a compact UI element that provides brief, descriptive information about an element.\nIt is terse, ideally one word. It is important a button is identifiable, consistent, and\ncommunicates its actions clearly, and is appropriately sized to its action.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/chip.html","title":"see"}]},"exportName":"default","props":[{"name":"hideClose","description":"Hides the close button on the chip","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"size","description":"The size of the chip.","tags":{},"values":["xs","sm","md"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"interactive","description":"The interactivity of the chip.\nMakes chip clickable, apply hover/focus/active style, emit keyboard events etc.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"id","description":"Id to use for the dialog's aria-labelledby.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function () { return getUniqueString(); }"}},{"name":"ariaLabel","description":"Descriptive label for the chip content.\nIf this prop is unset the content in the default slot will be used as an aria-label.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the chip element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","description":"Additional class name for the span element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"click","description":"Native chip click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"keyup","description":"Native chip key up event","type":{"names":["KeyboardEvent"]}},{"name":"keydown","description":"Native chip key down event","type":{"names":["KeyboardEvent"]}}],"slots":[{"name":"icon","description":"slot for Chip icon"},{"name":"avatar","description":"slot for Chip avatar"},{"name":"default","description":"slot for Content within chip"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/chip/chip.vue"]},{"displayName":"DtCodeblock","exportName":"default","description":"","tags":{},"props":[{"name":"text","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/codeblock/codeblock.vue"]},{"displayName":"DtCollapsible","description":"A collapsible is a component consisting of an interactive anchor that toggled the expandable/collapsible element.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/collapsible.html","title":"see"}]},"exportName":"default","props":[{"name":"anchorText","description":"Text that is displayed on the anchor if nothing is passed in the slot.\nIgnored if the anchor slot is used.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"open","description":"Controls whether the collapsible is shown. Leaving this null will have the collapsible start\nexpanded and trigger on click by default. If you set this value, the default trigger\nbehavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"id","description":"The id of the content wrapper.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"elementType","description":"HTML element type (tag name) of the root element of the component.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"contentElementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"anchorClass","description":"Additional class name for the anchor wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxWidth","description":"The maximum width of the anchor and collapsible element.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"The maximum height of the collapsible element.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabel","description":"Label on the collapsible content. Should provide this or ariaLabelledBy but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabelledBy","description":"Id of the element that labels the collapsible content. Defaults to the anchor element.\nShould provide this or ariaLabel but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"update:open","description":"Event fired to sync the open prop with the parent component","type":{"names":["undefined"]}},{"name":"opened","description":"Event fired when the content is shown or hidden","type":{"names":["Boolean"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]}],"slots":[{"name":"anchor","scoped":true,"description":"Slot for the anchor element that toggles the collapsible content","bindings":[{"name":"attrs","title":"binding"}]},{"name":"content","description":"Slot for the collapsible element that is expanded by the anchor"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/collapsible/collapsible.vue"]},{"displayName":"DtCollapsibleLazyShow","exportName":"default","description":"","tags":{},"props":[{"name":"show","description":"Whether the child slot is shown.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"appear","description":"Enable/Disable transition animation","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"elementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}}],"slots":[{"name":"default","description":"slot for Content within collapsible"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/collapsible/collapsible_lazy_show.vue"]},{"exportName":"default","displayName":"DtCombobox","description":"A combobox is a semantic component that displays an input element combined with a listbox,\nwhich enables the user to select items from the list.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/combobox.html","title":"see"}]},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["null","xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"listRenderedOutside","description":"If the list is rendered outside the component, like when using popover as the list wrapper.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"loading","description":"Determines when to show the skeletons and also controls aria-busy attribute.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyList","description":"Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyStateMessage","description":"Message to show when the list is empty","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"emptyStateClass","description":"Additional class name for the empty list element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"clickOnSelect","description":"Programmatically click on the active list item element when a selection\ncomes from keyboard navigation, i.e. pressing the \"Enter\" key.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"escape","description":"Event fired when pressing escape"},{"name":"highlight","description":"Event fired when the highlight changes","type":{"names":["Number"]}},{"name":"opened","description":"Event fired when list is shown or hidden","type":{"names":["Boolean"]}}],"slots":[{"name":"input","scoped":true,"description":"Slot for the combobox input element","bindings":[{"name":"input-props","title":"binding"}]},{"name":"emptyListItem"},{"name":"list","scoped":true,"description":"Slot for the combobox list element","bindings":[{"name":"list-props","title":"binding"},{"name":"opened","title":"binding"},{"name":"clear-highlight-index","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/dom.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/keyboard_list_navigation.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/combobox/combobox.vue"]},{"displayName":"DtDatepicker","exportName":"default","description":"","tags":{},"props":[{"name":"selectedDate","description":"Selected date","tags":{"type":[{"title":"type","type":{"name":"Date"}}]},"type":{"name":"Date"},"defaultValue":{"func":true,"value":"() => (new Date())"}}],"events":[{"name":"close-datepicker","description":"Event fired when user presses the esc key"},{"name":"selected-date","description":"Event fired when a date is selected","type":{"names":["Date"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/datepicker/datepicker.vue"]},{"displayName":"DtDescriptionList","exportName":"default","description":"","tags":{},"props":[{"name":"direction","description":"The direction for the list","tags":{},"values":["row","column"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'row'"}},{"name":"items","description":"A list of items that represent the term and the description","type":{"name":"array"},"required":true,"defaultValue":{"func":false,"value":"[]"}},{"name":"gap","description":"Set the space between the elements","tags":{},"values":["0","100","200","300","400","500","600"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'400'"}},{"name":"termClass","description":"Used to customize the term element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","description":"Used to customize the description element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/description_list/description_list.vue"]},{"exportName":"default","displayName":"DtDropdown","description":"Usage: `mixins: [keyboardNavigationMixin(options)]`\n\nThis mixin provides some common data and methods to navigate a list of items\n(such as a dropdown or select menu) by keyboard.\n\nTo be effective, you must bind the onUpKey and onDownKey events, usually to\nthe root element of the component.","tags":{"params":[{"title":"param","type":{"name":"mixed"},"name":"listItemRole"},{"title":"param","type":{"name":"mixed"},"name":"indexKey"},{"title":"param","type":{"name":"mixed"},"name":"idKey"},{"title":"param","type":{"name":"mixed"},"name":"listElementKey"},{"title":"param","type":{"name":"mixed"},"name":"activeItemKey"},{"title":"param","type":{"name":"mixed"},"name":"openMethod"},{"title":"param","type":{"name":"mixed"},"name":"afterHighlightMethod"},{"title":"param","type":{"name":"mixed"},"name":"beginningOfListMethod"},{"title":"param","type":{"name":"mixed"},"name":"endOfListMethod"},{"title":"param","type":{"name":"mixed"},"name":"scrollToOnHighlight"},{"title":"param","type":{"name":"mixed"},"name":"focusOnKeyboardNavigation"}]},"props":[{"name":"open","description":"Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\nIf you set this value, the default trigger behavior will be disabled and you can control it as you need.\nSupports .sync modifier","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"openOnContext","description":"Opens the dropdown on right click (context menu). If you set this value to `true`,\nthe default trigger behavior will be disabled.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"padding","description":"Vertical padding size around the list element.","tags":{},"values":["none","small","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'small'"}},{"name":"modal","description":"Determines modal state, dropdown has a modal overlay preventing interaction with elements\nbelow it, but it is invisible.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","tags":{},"values":["null","anchor"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"navigationType","description":"The type of navigation that this component should support.\n- \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n- \"tab\" for items that are navigated using the TAB key.\n- \"none\" for static items that are not interactive.","tags":{},"values":["arrow-keys","tab","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS"}},{"name":"fallbackPlacements","description":"If the dropdown does not fit in the direction described by \"placement\",\nit will attempt to change it's direction to the \"fallbackPlacements\".","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the dropdown displays relative to the anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom'"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"tether","description":"If set to false the dialog will display over top of the anchor when there is insufficient space.\nIf set to true it will never move from its position relative to the anchor and will clip instead.\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}}],"events":[{"name":"highlight","description":"Event fired when the highlight changes","type":{"names":["Number"]}},{"name":"opened","description":"Event fired when dropdown is shown or hidden","type":{"names":["Boolean | Array"]}},{"name":"update:open","description":"Event fired to sync the open prop with the parent component"},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","scoped":true,"description":"Anchor element that activates the dropdown","bindings":[{"name":"ref","title":"binding"}]},{"name":"list","scoped":true,"description":"Slot for the list component","bindings":[{"name":"close","title":"binding"}]},{"name":"footer","scoped":true,"description":"Slot for the footer content","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/dom.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/keyboard_list_navigation.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown.vue"]},{"displayName":"DtDropdownList","exportName":"default","description":"","tags":{},"props":[{"name":"heading","description":"List's heading.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"Slot for the list component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown_list.vue"]},{"displayName":"DtDropdownSeparator","exportName":"default","description":"","tags":{},"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/dropdown/dropdown_separator.vue"]},{"displayName":"DtEmoji","description":"Renders an emoji from a shortcode such as :smile: or unicode character such as 😄","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/emoji.html","title":"see"}]},"exportName":"default","props":[{"name":"code","description":"Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n<a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\nfor all supported shortcode/unicode or the docs for setting up custom emojis.","type":{"name":"string"},"required":true},{"name":"size","description":"The size of the emoji. Can be any of the icon size utility classes from\n<a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}},{"name":"imgClass","description":"Additional class name for the emoji img element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"ariaLabel","description":"Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\nCompatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\nbe set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\ngetEmojiData() function","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"showSkeleton","description":"Shows a skeleton loader while the emoji asset is loading.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji/emoji.vue"]},{"displayName":"DtEmojiPicker","exportName":"default","description":"","tags":{},"props":[{"name":"recentlyUsedEmojis","description":"The array with recently used  emoji object\nThis list is necessary to fill the recently used tab","tags":{"type":[{"title":"type","type":{"name":"Array"}}],"default":[{"description":"[]","title":"default"}],"example":[{"description":"<dt-emoji-picker :recentlyUsedEmojis=\"[emojiObject, emojiObject]\" />","title":"example"}]},"type":{"name":"Array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"customEmojis","description":"The array with custom emojis object\nThis list is necessary to fill the custom tab","tags":{"type":[{"title":"type","type":{"name":"Array"}}],"default":[{"description":"[]","title":"default"}],"example":[{"description":"<dt-emoji-picker :customEmojis=\"[emojiObject, emojiObject]\" />","title":"example"}]},"type":{"name":"Array"}},{"name":"skinTone","description":"The skin tone to show the emojis\nThis prop gives the possibility to use the skin tone selected by the user previously","tags":{"type":[{"title":"type","type":{"name":"String"}}],"default":[{"description":"'Default'","title":"default"}],"example":[{"description":"<dt-emoji-picker :skinTone=\"'Default'\" />","title":"example"}]},"values":["'Default'","'Light'","'MediumLight'","'Medium'","'MediumDark'","'Dark'"],"type":{"name":"String"},"defaultValue":{"func":false,"value":"'Default'"}},{"name":"searchQuery","description":"Sets the search query that filters emojis.","tags":{"type":[{"title":"type","type":{"name":"String"}}],"example":[{"description":"<dt-emoji-picker search-query=\"smile\" />","title":"example"}]},"type":{"name":"String"},"defaultValue":{"func":false,"value":"''"}},{"name":"showSearch","description":"Shows the search input","tags":{"type":[{"title":"type","type":{"name":"Boolean"}}],"example":[{"description":"<dt-emoji-picker :show-search=\"false\" />","title":"example"}]},"type":{"name":"Boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAddEmojiButton","description":"Shows the add emoji button in the footer when no emoji is highlighted","tags":{"type":[{"title":"type","type":{"name":"Boolean"}}],"example":[{"description":"<dt-emoji-picker :show-add-emoji-button=\"true\" />","title":"example"}]},"type":{"name":"Boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close"},{"name":"selected-emoji"},{"name":"scroll-bottom-reached"},{"name":"add-emoji"},{"name":"skin-tone"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji_picker/emoji_picker.vue"]},{"displayName":"DtEmojiTextWrapper","description":"Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/emoji_text_wrapper.html","title":"see"}]},"exportName":"default","props":[{"name":"elementType","description":"Element type (tag name) to use for the wrapper.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"size","description":"The icon size to render the emojis at: 100 to 800","type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/emoji_text_wrapper/emoji_text_wrapper.vue"]},{"displayName":"DtEmptyState","exportName":"default","description":"","tags":{},"props":[{"name":"size","description":"The empty state size.","tags":{},"values":["'sm'","'md'","'lg'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'lg'"}},{"name":"headerText","description":"Header text","tags":{"type":[{"title":"type","type":{"name":"String"}}]},"type":{"name":"String"},"required":true},{"name":"bodyText","description":"Body text","tags":{"type":[{"title":"type","type":{"name":"String"}}]},"type":{"name":"String"},"defaultValue":{"func":false,"value":"null"}}],"slots":[{"name":"illustration","description":"Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon."},{"name":"icon","scoped":true,"description":"Slot for the icon. Displayed if illustration is not provided.","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"body"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/empty_state/empty_state.vue"]},{"displayName":"DtHovercard","exportName":"default","description":"","tags":{},"props":[{"name":"open","description":"Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\nIf you set this value, the default trigger behavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"transition","description":"Fade transition when the content display is toggled.","tags":{"type":[{"title":"type","description":"boolean"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\".","tags":{"see":[{"description":"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"","title":"see"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.","tags":{"see":[{"description":"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"","title":"see"}]},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top-start'"}},{"name":"padding","description":"Padding size class for the popover content.","tags":{},"values":["none","small","medium","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'large'"}},{"name":"offset","description":"Displaces the content box from its anchor element\nby the specified number of pixels.","tags":{"see":[{"description":"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"","title":"see"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 16]"}},{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"headerClass","description":"Additional class name for the header content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"Additional class name for the footer content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"enterDelay","description":"The enter delay in milliseconds before the hovercard is shown.","tags":{"type":[{"title":"type","description":"number"}]},"type":{"name":"number"},"defaultValue":{"func":false,"value":"TOOLTIP_DELAY_MS"}},{"name":"leaveDelay","description":"The leave delay in milliseconds before the hovercard is hidden.","tags":{"type":[{"title":"type","description":"number"}]},"type":{"name":"number"},"defaultValue":{"func":false,"value":"TOOLTIP_DELAY_MS"}}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean | Array"]}}],"slots":[{"name":"anchor","scoped":true,"bindings":[]},{"name":"content","description":"Slot for the content that is displayed in the hovercard."},{"name":"headerContent"},{"name":"footerContent"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/hovercard/hovercard.vue"]},{"displayName":"DtIcon","description":"The Icon component provides a set of glyphs and sizes to provide context your application.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/icon.html","title":"see"}]},"exportName":"default","props":[{"name":"size","description":"The size of the icon.","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}},{"name":"name","description":"The icon name in kebab-case","type":{"name":"string"},"required":true},{"name":"ariaLabel","description":"The label of the icon as read out by a screen-reader. Leave this unset if your icon is purely presentational","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/icon/icon.vue"],"metadata":{"deprecated":true,"reason":"Replaced by Dialtone Vue component","replacement":"Individual tree-shakable icon components from @dialpad/dialtone-icons/vue3 (e.g., DtIconBell, DtIconAlertCircle)","docs":"https://dialtone.dialpad.com/components/icon.html"}},{"displayName":"DtIllustration","exportName":"default","description":"","tags":{},"props":[{"name":"name","description":"The illustration name in kebab-case","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/illustration/illustration.vue"]},{"description":"This mixin provides the methods to automatically trap tab focus within\nthe component this mixin is on, meaning it is not possible to tab out\nof the component without dismissing it.\n\nUseful for accessibility reasons on things like important actionable alerts.\n\nUse focusFirstElement to focus on the first tabbable element within your component, and call\nfocusTrappedTabPress every time tab is pressed to trap tab within this\ncomponent.\n\nNote that focusFirstElement WILL focus elements with tabindex=\"-1\",\nhowever focusTrappedTabPress will not.","displayName":"DtImageViewer","tags":{},"exportName":"default","props":[{"name":"appendTo","description":"By default the portal appends to the body of the root parent. We can modify\nthis behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.\nThe appendTo prop expects a CSS selector string or an actual DOM node.\ntype: string | HTMLElement, default: 'body'","type":{"name":"string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"open","description":"Controls whether the image modal is shown. Leaving this null will have the image modal\ntrigger on click by default.\nIf you set this value, the default trigger behavior will be disabled and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"imageSrc","description":"URL of the image to be shown","type":{"name":"string"},"required":true},{"name":"imageAlt","description":"Alt text of image","type":{"name":"string"},"required":true},{"name":"imageButtonClass","description":"Image Class","type":{"name":"string"},"required":false,"defaultValue":{"func":false,"value":"''"}},{"name":"ariaLabel","description":"Aria label","type":{"name":"string"},"required":true}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean"]}},{"name":"update:open","description":"Event fired to sync the open prop with the parent component","type":{"names":["undefined"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/image_viewer/image_viewer.vue"]},{"description":"An input field is an input control that allows users to enter alphanumeric information.\nIt can have a range of options and supports single line and multi-line lengths,\nas well as varying formats, including numbers, masked passwords, etc.","displayName":"DtInput","tags":{"property":[{"title":"property","type":{"name":"Boolean"},"name":"placeholder","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/input.html","title":"see"}]},"exportName":"default","props":[{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"name","description":"Name property of the input element","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"type","description":"Type of the input.\nWhen `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.","tags":{"default":[{"description":"'text'","title":"default"}]},"values":["text","password","email","number","textarea","date","time","file","tel","search"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"INPUT_TYPES.TEXT"}},{"name":"value","description":"Value of the input","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","description":"Disables the input","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"label","description":"Label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"inputClass","description":"Additional class name for the input element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputWrapperClass","description":"Additional class name for the input wrapper element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"rootClass","description":"Additional class name for the root element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"currentLength","description":"The current character length that the user has entered into the input.\nThis will only need to be used if you are using `validate.length` and\nthe string contains abnormal characters.\nFor example, an emoji could take up many characters in the input, but should only count as 1 character.\nIf no number is provided, a built-in length calculation will be used for the length validation.","type":{"name":"number"},"defaultValue":{"func":false,"value":"null"}},{"name":"retainWarning","description":"Whether the input will continue to display a warning validation message even if the input has lost focus.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validate","description":"Validation for the input. Supports maximum length validation with the structure:\n`{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n\"limitMaxLength\": boolean }}`","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"hidden","description":"hidden allows to use input without the element visually present in DOM","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String"]}},{"name":"blur","description":"Native input blur event","type":{"names":["FocusEvent"]}},{"name":"clear","description":"Input clear event"},{"name":"focus","description":"Native input focus event","type":{"names":["FocusEvent"]}},{"name":"focusin","description":"Native input focusin event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native input focusout event","type":{"names":["FocusEvent"]}},{"name":"update:length","description":"Length of the input when currentLength prop is not passed","type":{"names":["Number"]}},{"name":"update:invalid","description":"Result of the input validation","type":{"names":["Boolean"]}},{"name":"update:modelValue","type":{"names":["undefined"]}}],"slots":[{"name":"labelSlot","description":"Slot for label, defaults to label prop"},{"name":"description","description":"Slot for description, defaults to description prop"},{"name":"leftIcon","scoped":true,"description":"Slot for left icon","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"rightIcon","scoped":true,"description":"Slot for right icon","bindings":[{"name":"icon-size","title":"binding"},{"name":"clear","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input/input.vue"]},{"description":"Input Groups are convenience components for a grouping of related inputs.\nWhile each input within the group could be independent, the `v-model` on the group\nprovides a convenient interface for determining the current state of the group.","displayName":"DtInputGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/input_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The value of the input group","type":{"name":"string|number|boolean|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the input group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the input group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'input-group-messages'"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["undefined"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue"]},{"displayName":"DtItemLayout","exportName":"default","description":"","tags":{},"props":[{"name":"as","description":"Set this prop to render layout as a specific HTML element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"unstyled","description":"Set this prop to remove the default styling.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"leftClass","description":"Set the class for the left section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Set the class for the content section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"titleClass","description":"Set the class for the title section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"subtitleClass","description":"Set the class for the subtitle section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"bottomClass","description":"Set the class for the bottom section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"rightClass","description":"Set the class for the right section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selectedClass","description":"Set the class for the selected section.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"left","description":"Slot for left content"},{"name":"default","description":"Slot for main content"},{"name":"subtitle","description":"Slot for content below main content"},{"name":"bottom","description":"Slot for content below subtitle"},{"name":"right","description":"Slot for right content"},{"name":"selected","description":"Slot for selected icon"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/item_layout/item_layout.vue"]},{"displayName":"DtKeyboardShortcut","description":"This component displays a visual representation of a keyboard shortcut to the user.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/keyboard_shortcut.html","title":"see"}]},"exportName":"default","props":[{"name":"inverted","description":"If true, applies inverted styles.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"shortcut","description":"Include any of these tokens in your string to render the corresponding symbol:\n{cmd} {opt} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}","type":{"name":"string"},"required":true},{"name":"screenReaderText","description":"Optional text to override the auto-generated accessible text for assistive technology.\nIf not provided, accessible text will be automatically generated from the shortcut.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/keyboard_shortcut/keyboard_shortcut.vue"]},{"displayName":"DtLazyShow","description":"Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/lazy_show.html","title":"see"}]},"exportName":"default","props":[{"name":"show","description":"Whether the child slot is shown.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"transition","description":"A valid Vue enter/leave CSS transition name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"appear","description":"Enable/Disable transition animation","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/lazy_show/lazy_show.vue"]},{"displayName":"DtLink","description":"A link is a navigational element that can be found on its own, within other text, or directly following content.","tags":{"property":[{"title":"property","type":{"name":"String"},"name":"href","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"rel","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/link.html","title":"see"}]},"exportName":"default","props":[{"name":"kind","description":"Applies the link variant styles","tags":{},"values":["null","danger","warning","success","muted","mention"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inverted","description":"Determines whether the link should have inverted styling\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"focusin","description":"Native focus in event","type":{"names":["FocusEvent"]}},{"name":"focusout","description":"Native focus out event","type":{"names":["FocusEvent"]}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/link/link.vue"]},{"displayName":"DtListItem","description":"A list item is an element that can be used to represent individual items in a list.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/list_item.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"role","description":"String to use for the item's role.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'listitem'"},"values":["listitem","menuitem","option"]},{"name":"elementType","description":"HTML element type (tag name) of the content wrapper element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'li'"}},{"name":"type","description":"The type of child list item to use.","tags":{},"values":["default","custom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_TYPES.DEFAULT"}},{"name":"navigationType","description":"The type of navigation that this component should support.\n- \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n- \"tab\" for items that are navigated using the TAB key.\n- \"none\" for static items that are not interactive.","tags":{},"values":["arrow-keys","tab","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"LIST_ITEM_NAVIGATION_TYPES.NONE"}},{"name":"selected","description":"Applies selected styles to the list item","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"wrapperClass","description":"Additional Classes to apply to the wrapper element,\nnote: it only applies on \"default\" type\nCan accept all of: String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"keydown","description":"Key down event","type":{"names":["KeyboardEvent"]}},{"name":"mousemove","description":"Native mouse move event","type":{"names":["MouseEvent"]}},{"name":"mouseleave","description":"Native mouse leave event","type":{"names":["MouseEvent"]}}],"slots":[{"name":"slotName","scoped":true,"description":"named slots for custom list items","bindings":[{"name":"name","title":"binding"}]},{"name":"default","description":"slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/list_item/list_item.vue"]},{"displayName":"DtListItemGroup","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id of the List Item Group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"heading","description":"List's heading.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"headingClass","description":"Additional class to style the heading","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"headingSlot","description":"Slot for heading, will override heading prop."},{"name":"default","description":"Slot for the list component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/list_item_group/list_item_group.vue"]},{"displayName":"DtLoader","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","description":"The label of the loader as read out by a screen reader.\nDefault is \"loading\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","description":"The size of the icon.","tags":{},"values":["100","200","300","400","500","600","700","800"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'500'"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/loader/loader.vue"]},{"description":"Modals focus the user’s attention exclusively on one task or piece of information\nvia a window that sits on top of the page content.","displayName":"DtModal","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/modal.html","title":"see"}]},"exportName":"default","props":[{"name":"copy","description":"Body text to display as the modal's main content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"describedById","description":"Id to use for the dialog's aria-describedby.\nRecommended only if the dialog content itself isn't enough to give full context,\nas screen readers should recite the dialog contents by default before any aria-description.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelledById","description":"Id to use for the dialog's aria-labelledby.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function () { return getUniqueString(); }"}},{"name":"show","description":"Whether the modal should be shown.\nParent component can sync on this value to control the modal's visibility.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"title","description":"Title text to display in the modal header.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"bannerTitle","description":"Title text to display in the modal banner.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"kind","description":"The theme of the modal. kind - default or danger,","tags":{},"values":["default","danger"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"size","description":"The size of the modal. size - default or full,","tags":{},"values":["default","full"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"modalClass","description":"Additional class name for the root modal element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentClass","description":"Additional class name for the content element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"bannerKind","description":"Sets the color of the banner.","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'warning'"}},{"name":"bannerClass","description":"Additional class name for the banner element within the modal.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"hideClose","description":"Hides the close button on the modal","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"closeOnClick","description":"Whether the modal will close when you click outside of the dialog on the overlay.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"fixedHeaderFooter","description":"Scrollable modal that allows scroll the modal content keeping the header and footer fixed","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"initialFocusElement","description":"The element that is focused when the modal is opened. This can be an\nHTMLElement within the modal, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","type":{"name":"string|HTMLElement"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"appendTo","description":"A CSS selector string for the element to portal the modal to. If not provided, the modal will be rendered in its default location.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"update:show","description":"The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\nParent components can sync on this value to create a 2-way binding to control modal visibility.","type":{"names":["Boolean"]}},{"name":"click","type":{"names":["undefined"]}},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"banner","description":"Slot for the banner, defaults to bannerTitle prop"},{"name":"header","description":"Slot for dialog header section, taking the place of any \"title\" text prop"},{"name":"default","description":"Default slot for dialog body section, taking the place of any \"copy\" text prop"},{"name":"footer","description":"Slot for dialog footer content, often containing cancel and confirm buttons."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/modal/modal.vue"]},{"displayName":"DtNotice","description":"A notice is an informational and assistive message that appears inline with content.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/notice.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"role","description":"Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\nimportant message that does not contain any interactive elements. 'alertdialog' is used to communicate an\nimportant message that does contain interactive elements.","tags":{},"values":["alert","alertdialog","status"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'status'"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.\nThis will also change the aria role from status to alert.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"kind","description":"Severity level of the notice, sets the icon and background","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}},{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"truncateText","description":"Truncates the content instead of wrapping.\nUsed when the notice needs to have a fixed height.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Close button click event"}],"slots":[{"name":"icon","description":"Slot for custom icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need"},{"name":"default","description":"the main textual content of the notice"},{"name":"action","description":"Enter a possible action for the user to take, such as a link to another page"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice.vue"]},{"displayName":"DtNoticeAction","exportName":"default","description":"","tags":{},"props":[{"name":"hideClose","description":"Hides the close button from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"click","type":{"names":["undefined"]}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_action.vue"]},{"displayName":"DtNoticeContent","exportName":"default","description":"","tags":{},"props":[{"name":"title","description":"Title header of the notice. This can be left blank to remove the title from the notice entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"titleId","description":"ID for the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"ID for the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}}],"slots":[{"name":"titleOverride","description":"Slot for the title"},{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_content.vue"]},{"displayName":"DtNoticeIcon","exportName":"default","description":"","tags":{},"props":[{"name":"kind","description":"Kind of icon","tags":{},"values":["base","error","info","success","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'base'"}}],"slots":[{"name":"default","description":"Slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/notice/notice_icon.vue"]},{"displayName":"DtPagination","description":"Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/pagination.html","title":"see"}]},"exportName":"default","props":[{"name":"ariaLabel","description":"Descriptive label for the pagination content.","type":{"name":"string"},"required":true},{"name":"totalPages","description":"The total number of the pages","type":{"name":"number"},"required":true},{"name":"activePage","description":"The active current page in the list of pages, defaults to the first page","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"maxVisible","description":"Determines the max pages to be shown in the list. Using an odd number is recommended.\nIf an even number is given, then it will be rounded down to the nearest odd number to always\nkeep current page in the middle when current page is in the mid-range.","type":{"name":"number"},"defaultValue":{"func":false,"value":"5"}},{"name":"hideEdges","description":"Sometimes you may need to hide start and end page number buttons when moving in between.\nThis prop will be used to hide the first and last page buttons when not near the edges.\nThis is useful when your backend does not support offset and you can only use cursor based pagination.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"change","description":"Page change event","type":{"names":["Number"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/pagination/pagination.vue"]},{"description":"A Popover displays a content overlay when its anchor element is activated.","displayName":"DtPopover","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/popover.html","title":"see"}]},"exportName":"default","props":[{"name":"open","description":"Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.\nIf you set this value, the default trigger behavior will be disabled, and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"openOnContext","description":"Opens the popover on right click (context menu). If you set this value to `true`,\nthe default trigger behavior will be disabled.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"elementType","description":"Element type (tag name) of the root element of the component.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}},{"name":"role","description":"ARIA role for the content of the popover. Defaults to \"dialog\".\n<a class=\"d-link\" href=\"https://www.w3.org/TR/wai-aria/#aria-haspopup\" target=\"_blank\">aria-haspopup</a>","type":{"name":"string"},"defaultValue":{"func":false,"value":"'dialog'"}},{"name":"ariaLabelledby","description":"ID of the element that serves as the label for the popover content.\nDefaults to the \"anchor\" element; this exists to provide a different\nID of the label element if, for example, the anchor slot contains\nother items that do not serve as a label. You should provide this\nor ariaLabel, but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"ariaLabel","description":"Descriptive label for the popover content. You should provide this\nor ariaLabelledby, but not both.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"padding","description":"Padding size class for the popover content.","tags":{},"values":["none","small","medium","large"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'large'"}},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","tags":{},"values":["null","anchor"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"contentTabindex","description":"Tabindex value for the content. Passing null, no tabindex attribute will be set.","type":{"name":"Number || null"},"defaultValue":{"func":false,"value":"-1"}},{"name":"externalAnchor","description":"External anchor id to use in those cases the anchor can't be provided via the slot.\nFor instance, using the combobox's input as the anchor for the popover.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"offset","description":"Displaces the content box from its anchor element\n by the specified number of pixels.\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 4]"}},{"name":"hideOnClick","description":"Determines if the popover hides upon clicking the\nanchor or outside the content box.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"modal","description":"Determines modal state. If enabled popover has a modal overlay\npreventing interaction with elements below it, but it is invisible.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\".\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom-end'"}},{"name":"tether","description":"If set to false the dialog will display over top of the anchor when there is insufficient space.\nIf set to true it will never move from its position relative to the anchor and will clip instead.\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"sticky","description":"If the popover sticks to the anchor. This is usually not needed, but can be needed\nif the reference element's position is animating, or to automatically update the popover\nposition in those cases the DOM layout changes the reference element's position.\n`true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\nchecks the \"popper\" rect for changes.\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["true","false","reference","popper"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showCloseButton","description":"Determines visibility for close button","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"headerClass","description":"Additional class name for the header content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerClass","description":"Additional class name for the footer content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"dialogClass","description":"Additional class name for the dialog element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"initialFocusElement","description":"The element that is focused when the popover is opened. This can be an\nHTMLElement within the popover, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","tags":{},"values":["none","dialog","first"],"type":{"name":"string|HTMLElement"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"openWithArrowKeys","description":"If the popover should open pressing up or down arrow key on the anchor element.\nThis can be set when not passing open prop.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).\n'root' will try append to the iFrame's parent body if it is contained in an iFrame\nand has permissions to access it, else, it'd default to 'parent'.","tags":{},"values":["'body'","'parent'","'root'","HTMLElement"],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}}],"events":[{"name":"opened","description":"Emitted when popover is shown or hidden","type":{"names":["Boolean | Array"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]},{"name":"update:open","description":"Emitted to sync value with parent","type":{"names":["Boolean | Array"]}},{"name":"mouseenter-popover","description":"Emitted when the mouse enters the popover"},{"name":"mouseleave-popover","description":"Emitted when the mouse leaves the popover"},{"name":"mouseenter-popover-anchor","description":"Emitted when the mouse enters the popover anchor"},{"name":"mouseleave-popover-anchor","description":"Emitted when the mouse leaves the popover anchor"},{"name":"keydown","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","scoped":true,"description":"Anchor element that activates the popover. Usually a button.","bindings":[{"name":"attrs","title":"binding"}]},{"name":"headerContent","scoped":true,"description":"Slot for popover header content","bindings":[{"name":"close","title":"binding"}]},{"name":"content","scoped":true,"description":"Slot for the content that is displayed in the popover when it is open.","bindings":[{"name":"close","title":"binding"}]},{"name":"footerContent","scoped":true,"description":"Slot for the footer content.","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/popover/popover.vue"]},{"displayName":"PopoverHeaderFooter","exportName":"default","description":"","tags":{},"props":[{"name":"type","type":{"name":"string"},"values":["header","footer"]},{"name":"contentClass","description":"Additional class name for the content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"showCloseButton","description":"Determines visibility for close button","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"close","description":"Emitted when popover is closed","type":{"names":[" Boolean "]}}],"slots":[{"name":"content","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/popover/popover_header_footer.vue"]},{"displayName":"DtPresence","description":"Presence is a user status visual indicator element.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/presence.html","title":"see"}]},"exportName":"default","props":[{"name":"presence","description":"Determines the color of the inner presence circle, indicating status.\nAccepts one of 4 values: 'busy', 'away', 'active', 'offline'","tags":{},"values":["busy","away","active","offline"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"PRESENCE_STATES.ACTIVE"}},{"name":"srText","description":"Since Presence is a visual element, we need SRs to read out any state changes\nthat occur.\nText entered here will be read by assistive technology. If null this component will be ignored by AT.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/presence/presence.vue"]},{"description":"Radios are control elements that allow the user to make a single selection.\nThey are typically used in a Radio Group which allows the user to make a selection from a list of options.","displayName":"DtRadio","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/radio.html","title":"see"}]},"exportName":"default","props":[{"name":"label","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A provided label for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The name of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"v-model","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to set the state of the checkable input","tags":{"model":[{"description":"checked","title":"model"}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"description","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Describes the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Disables the input","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"validationState","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"The validation state of the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the input element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","mixin":{"name":"Input Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"indeterminate","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"Indeterminate State, toggling indeterminate checkbox will uncheck","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"value","mixin":{"name":"Checkable Mixin","path":"../../common/mixins/input.js"},"description":"A provided value for the radio","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String | Number"]}},{"name":"focusin","description":"Native input focusin event","properties":[{"type":{"names":["FocusEvent"]}}]},{"name":"focusout","description":"Native input focusout event","properties":[{"type":{"names":["FocusEvent"]}}]}],"slots":[{"name":"default","description":"slot for Radio Label"},{"name":"description","description":"slot for Radio Description"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/radio/radio.vue"]},{"description":"Radio Groups are control elements that allow the user to make a single selection from a list of options.","displayName":"DtRadioGroup","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/radio_group.html","title":"see"}]},"exportName":"default","props":[{"name":"id","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The id of the input group","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"value","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The value of the input group","type":{"name":"string|number|boolean|object"},"defaultValue":{"func":false,"value":"null"}},{"name":"name","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The name of the input group","type":{"name":"string"},"required":true},{"name":"legend","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"The legend of the input group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Disables the input group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"messages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Show validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"legendClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the legend element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesClass","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"Used to customize the messages container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"legendChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the legend element","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"messagesChildProps","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"description":"A set of props that are passed into the messages container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"dataQaGroup","description":"A data qa tag for the radio group","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group'"}},{"name":"dataQaGroupLegend","description":"A data qa tag for the radio group legend","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group-legend'"}},{"name":"dataQaGroupMessages","description":"A data qa tag for the radio group messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"'radio-group-messages'"}},{"name":"v-model","description":"A provided value for the radio group","tags":{"model":[{"description":"value","title":"model"}]},"type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"input","mixin":{"name":"Input Group Mixin","path":"../../common/mixins/input_group.js"},"type":{"names":["String | Number"]},"description":"Native input event"}],"slots":[{"name":"legend","description":"slot for Input Group Legend"},{"name":"default","description":"slot for Input Group Components"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input_group.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/input_group/input_group.vue","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/radio_group/radio_group.vue"]},{"displayName":"DtRichTextEditor","exportName":"default","description":"","tags":{},"props":[{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"preventTyping","description":"Prevents the user from typing any further. Deleting text will still work.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"pasteRichText","description":"When this option is false the editor will only ever paste plain text, no rich text formatting will be applied,\nand any HTML will be rendered as text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowLineBreaks","description":"Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,\nline breaks can still be entered by pressing shift+enter.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"outputFormat","description":"The output format that the editor uses when emitting the \"@input\" event.\nOne of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for\nexamples.","tags":{},"values":["text","json","html","markdown"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'html'"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"link","description":"Enables the TipTap Link extension and optionally passes configurations to it\n\nIt is not recommended to use this and the custom link extension at the same time.","type":{"name":"boolean|object"},"defaultValue":{"func":false,"value":"false"}},{"name":"customLink","description":"Enables the Custom Link extension and optionally passes configurations to it\n\nIt is not recommended to use this and the built in TipTap link extension at the same time.\n\nThe custom link does some additional things on top of the built in TipTap link\nextension such as styling phone numbers and IP adresses as links, and allows you\nto linkify text without having to type a space after the link. Currently it is missing some\nfunctionality such as editing links and will likely require more work to be fully usable,\nso it is recommended to use the built in TipTap link for now.","type":{"name":"boolean|object"},"defaultValue":{"func":false,"value":"false"}},{"name":"mentionSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the contacts for suggestion.\nitems({ query }) => { return [ContactObject]; }\nContactObject format:\n{ name: string, avatarSrc: string, id: string }\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the channels for suggestion.\nitems({ query }) => { return [ChannelObject]; }\nChannelObject format:\n{ name: string, id: string, locked: boolean }\n\nWhen null, it does not add the plugin. Setting locked to true will display a lock rather than hash.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"slashCommandSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the slash commands for suggestion.\nitems({ query }) => { return [SlashCommandObject]; }\nSlashCommandObject format:\n{ command: string, description: string, parametersExample?: string }\nThe \"parametersExample\" parameter is optional, and describes an example\nof the parameters that command can take.\n\nWhen null, it does not add the plugin.\nNote that slash commands only work when they are the first word in the input.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"allowBlockquote","description":"Whether the input allows for block quote.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowBold","description":"Whether the input allows for bold to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowBulletList","description":"Whether the input allows for bullet list to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowItalic","description":"Whether the input allows for italic to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowStrike","description":"Whether the input allows for strike to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowUnderline","description":"Whether the input allows for underline to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowCode","description":"Whether the input allows inline code (wrapped in backticks).","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowCodeblock","description":"Whether the input allows codeblock to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"allowInlineImages","description":"Whether the input allows inline images to be rendered.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"allowFontColor","description":"Whether the input allows color to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"allowFontFamily","description":"Whether the input allows different font-families to be introduced in the text.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"additionalExtensions","description":"Additional TipTap extensions to be added to the editor.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"hideLinkBubbleMenu","description":"Manually hide the link bubble menu. The link bubble menu is shown when a link is selected via the cursor.\nThere are some cases when you may want the link to remain selected but hide the bubble menu such as when You\nare showing a custom link editor popup.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"useDivTags","description":"Show text in HTML div tags instead of paragraph tags","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Editor input event","type":{"names":["union"]}},{"name":"json-input","description":"Input event always in JSON format.","type":{"names":["JSON"]}},{"name":"html-input","description":"Input event always in HTML format.","type":{"names":["HTML"]}},{"name":"text-input","description":"Input event always in text format.","type":{"names":["String"]}},{"name":"markdown-input","description":"Input event always in markdown format.","type":{"names":["String"]}},{"name":"update:value","description":"Event to sync the value with the parent","type":{"names":["union"]}},{"name":"blur","description":"Editor blur event","type":{"names":["FocusEvent"]}},{"name":"focus","description":"Editor focus event","type":{"names":["FocusEvent"]}},{"name":"enter","description":"Enter was pressed. Note that shift enter must be pressed to line break the input.","type":{"names":["String"]}},{"name":"edit-link","description":"\"Edit link\" button was clicked. Fires an event for the consuming component to handle the editing of the link.\nevent contains the link object with two properties href and text.","type":{"names":["Object"]}},{"name":"selected","description":"\"Selected\" event is fired when the user selects text in the editor. returns the currently selected text.\nIf the selected text is partially a link, the full link text is returned.","type":{"names":["String"]}},{"name":"selected-command","description":"Event fired when a slash command is selected","type":{"names":["String"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/rich_text_editor/rich_text_editor.vue"]},{"displayName":"DtRootLayout","description":"A root layout provides a standardized group of containers to display content at the root level.","tags":{},"exportName":"default","props":[{"name":"fixed","description":"When true, the header, footer and sidebar will be locked in position and the content will\nbe scrollable. When false the header, footer and sidebar  will scroll out of view.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"headerClass","description":"Additional class name for the header element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"headerHeight","description":"DEPRECATED: set the height of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'64px'"}},{"name":"headerSticky","description":"Scroll the header with the page","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"contentClass","description":"Additional class name for the content element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"sidebarClass","description":"Additional class name for the sidebar element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"sidebarWidth","description":"DEPRECATED: set the width of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'256px'"}},{"name":"sidebarPosition","description":"Whether the sidebar is on the left or right side\nPossible options: 'left', 'right'","tags":{},"values":["left","right"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"footerClass","description":"Additional class name for the footer element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"footerHeight","description":"DEPRECATED: set the height of the inner element instead.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'64px'"}},{"name":"responsiveBreakpoint","description":"Defines the breakpoint when the root layout will change to responsive version","tags":{},"values":["'sm'","'md'","'lg'","null"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"slots":[{"name":"header","description":"Slot for header content, be sure to set a height on the element inside this"},{"name":"sidebar","description":"Slot for sidebar content, be sure to set a width on the element within this."},{"name":"default","description":"Slot for the main content"},{"name":"footer","description":"Slot for footer content, be sure to set a height on the element inside this"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/root_layout/root_layout.vue"]},{"description":"A select menu is an input control that allows users to choose one option from a list.","displayName":"DtSelectMenu","tags":{"property":[{"title":"property","type":{"name":"Boolean"},"name":"disabled","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"name","description":"attribute"},{"title":"property","type":{"name":"String"},"name":"value","description":"attribute"}],"see":[{"description":"https://dialtone.dialpad.com/components/select.html","title":"see"}]},"exportName":"default","props":[{"name":"messagesClass","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to customize the validation messages component","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"messagesChildProps","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"A set of props that are passed into the validation messages component","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showMessages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Used to hide / show the validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"messages","mixin":{"name":"Messages Mixin","path":"../../common/mixins/input.js"},"description":"Validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"label","description":"Label for the select","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Description for the select","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"options","description":"Select Menu Options, overridden by default slot. Each option has the following structure:\n`{ value: number || string (required), label: string (required) }`","tags":{"params":[{"title":"param","type":{"name":"Object[]"},"name":"options","description":"Optional - A list that can be used to create a list of select menu options"},{"title":"param","type":{"name":"union","elements":[{"name":"number"},{"name":"string"}]},"name":"options","description":"[].value - Required - The option value"},{"title":"param","type":{"name":"string"},"name":"options","description":"[].label - Required - The option Label"}]},"type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"value","description":"Sets the selected value of the select menu. If it does not match a value in the options array, then it will be\n'unselected'.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"size","description":"Controls the size of the select","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"descriptionClass","description":"Used to customize the description container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"selectClass","description":"Used to customize the select","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"optionClass","description":"Used to customize each option, should options be provided via prop","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"descriptionChildProps","description":"A set of props that are passed into the description container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"optionChildProps","description":"A set of props that are passed into each option, should options be provided via prop","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"disabled","description":"Disabled state of the select","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String | Number"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]},{"name":"change","description":"Native change event","type":{"names":["String | Number"]},"properties":[{"type":{"names":["undefined"]},"name":"<anonymous1>"}]}],"slots":[{"name":"label","description":"Slot for label, defaults to label prop"},{"name":"description","description":"Slot for description, defaults to description prop"},{"name":"default","description":"Slot for select menu options, defaults to options prop"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/input.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/select_menu/select_menu.vue"]},{"displayName":"DtSkeleton","description":"Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\nthat content is in the process of loading. Skeleton is used to provide a low fidelity\nrepresentation of the user interface (UI) before content appears on the page.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/skeleton.html","title":"see"}]},"exportName":"default","props":[{"name":"paragraphOption","description":"Set this prop to have the skeleton render as multiple lines of text.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listItemOption","description":"Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"textOption","description":"Set this prop to have the skeleton render as a single line of text.\nSet only one option prop at a time.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"shapeOption","description":"Set this prop to have the skeleton render as a specific shape.\nSet only one option prop at a time.","type":{"name":"object|boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"animationDuration","description":"Duration time of the animation (ms), set -1 for an infinite animation.","type":{"name":"number"},"defaultValue":{"func":false,"value":"-1"}},{"name":"ariaLabel","description":"Descriptive label for the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"animate","description":"This property has higher priority than \"option.animate\"","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"offset","description":"RippleDuration controls how long the delay is for the animation of a\nplaceholder 1000 pixels from the top of the page. Each placeholder\nfrom the top down will have a delay duration from 0 to this offset.\nThe delay of each placeholder animation is based on how far down the page\nthe placeholder is rendered. This is a linear relationship. The unit\nis milliseconds.","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/skeleton/skeleton.vue"]},{"displayName":"DtSplitButton","exportName":"default","description":"","tags":{},"props":[{"name":"alphaActive","description":"Determines whether the alpha button should have active styling","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"alphaAriaLabel","description":"Descriptive label for the alpha button","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"alphaIconPosition","description":"The position of the icon slot within the alpha button.","tags":{},"values":["left","right","top","bottom"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'left'"}},{"name":"alphaLabelClass","description":"Used to customize the alpha label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"alphaLoading","description":"Whether the alpha button should display a loading animation or not.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"alphaTooltipText","description":"Text shown in tooltip when you hover the alpha button,\nrequired if no content is passed to default slot","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"assertiveOnFocus","description":"Determines whether a screenreader reads live updates of\nthe button content to the user while the button\nis in focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"HTML button disabled attribute\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n (Reference)\n</a>","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dropdownPlacement","description":"The direction the dropdown displays relative to the anchor.","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'bottom-end'"}},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'primary'"}},{"name":"kind","description":"The color of the button.","tags":{},"values":["default","muted","danger","inverted"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"omegaActive","description":"Determines whether the omega button should have active styling","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"omegaAriaLabel","description":"Descriptive label for the omega button","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"omegaId","description":"Element ID, useful in case you need to reference the button\nas an external anchor for popover","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"omegaTooltipText","description":"Text shown in tooltip when you hover the omega button,\nrequired as it is an icon only button","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"size","description":"The size of the button.","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"width","description":"Button width, accepts\n<a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n  CSS width attribute\n</a>\nvalues","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"alpha-clicked","description":"Native alpha button click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"omega-clicked","description":"Native omega button click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"alphaIcon","scoped":true,"description":"Alpha (left) button icon slot","bindings":[{"name":"size","title":"binding"}]},{"name":"default","description":"Default content slot"},{"name":"omega","description":"Omega (right) content slot, overrides omega button styling and functionality completely"},{"name":"omegaIcon","scoped":true,"description":"Omega (right) button icon slot","bindings":[{"name":"size","title":"binding"}]},{"name":"dropdownList","scoped":true,"description":"Built-in dropdown content slot, use of dt-list-item is highly recommended here.","bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/split_button/split_button.vue"]},{"displayName":"DtStack","exportName":"default","description":"","tags":{},"props":[{"name":"direction","description":"Set this prop to the direction to stack the items.\nYou can override the default direction with 'default' key.\nAll the undefined breakpoints will have 'default' value.\nBy default, for the column direction it will have `justify-content: flex-start`\nand for the row direction `align-items: center`. This can be overridden\nusing the `align` and `justify` props.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'column'"}},{"name":"as","description":"Set this prop to render stack as a specific HTML element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"gap","description":"The gap property controls the spacing between items in the stack.\nThe gap can be set to a string, or object with breakpoints.\nAll the undefined breakpoints will have the 'default' value.\nYou can override the default gap with 'default' key.\nIn case of string, it will be applied to all the breakpoints.\nValid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'0'"}},{"name":"align","description":"The align property controls the alignment of items along the cross axis.\nThe align can be set to a string, or object with breakpoints.\nAll the undefined breakpoints will have the 'default' value.\nYou can override the default align with 'default' key.\nIn case of string, it will be applied to all the breakpoints.\nValid values are 'normal', 'start', 'center', 'end', 'stretch', 'baseline'.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'normal'"}},{"name":"justify","description":"The justify property controls the justification of items along the main axis.\nThe justify can be set to a string, or object with breakpoints.\nAll the undefined breakpoints will have the 'default' value.\nYou can override the default justify with 'default' key.\nIn case of string, it will be applied to all the breakpoints.\nValid values are 'start', 'center', 'end', 'around', 'between', 'evenly'.","type":{"name":"string|object"},"defaultValue":{"func":false,"value":"'start'"}}],"slots":[{"name":"default","description":"Slot for main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/stack/stack.vue"]},{"displayName":"DtTab","description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the tab","type":{"name":"string"},"required":true},{"name":"panelId","description":"Id of the associated content panel","type":{"name":"string"},"required":true},{"name":"label","description":"Describes the tab","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selected","description":"Controls the state of the tab","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"If true, disables the tab","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"tabClass","description":"Used to customize the tab element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"click","type":{"names":["undefined"]}},{"name":"focus","type":{"names":["undefined"]}}],"slots":[{"name":"default","description":"default slot, defaults contains dt-button"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab.vue"]},{"displayName":"DtTabGroup","description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"label","description":"Identifies the tab group","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"selected","description":"The id of the selected tab panel which should be displayed","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","description":"If true, disables the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inverted","description":"If true, applies inverted styles to the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"borderless","description":"If true, applies borderless styles to the tab group","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"size","description":"If provided, applies size styles to the tab group","tags":{},"values":["default","sm"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"tabListClass","description":"Pass through classes, used to customize the tab list","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"tabListChildProps","description":"Pass through props, used to customize the tab list","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}}],"events":[{"name":"change","description":"Change tab event with the arguments: selected id of the current tab and disabled value","type":{"names":["Object"]}},{"name":"before-change","description":"Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.","type":{"names":["Event"]}}],"slots":[{"name":"tabs","description":"Slot for Tabs"},{"name":"default","description":"Default slot for Panel"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab_group.vue"]},{"description":"Tabs allow users to navigation between grouped content in different views while within the same page context.","displayName":"DtTabPanel","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tabs.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"Id of the panel","type":{"name":"string"},"required":true},{"name":"tabId","description":"Id of the associated tab","type":{"name":"string"},"required":true},{"name":"hidden","description":"If true, hides the tab content","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"tabPanelClass","description":"Used to customize the tab element","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}}],"slots":[{"name":"default","description":"Default slot for Tab Panel"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tab/tab_panel.vue"]},{"displayName":"DtToast","description":"A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\nIt contains at-a-glance information about outcomes and can be paired with actions.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/toast.html","title":"see"}]},"exportName":"default","props":[{"name":"titleId","description":"Sets an ID on the title element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the title.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"contentId","description":"Sets an ID on the content element of the component. Useful for aria-describedby\nor aria-labelledby or any other reason you may need an id to refer to the content.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"title","description":"Title header of the toast. This can be left blank to remove the title from the toast entirely.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"message","description":"Message of the toast. Overridden by default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"role","description":"Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\ncommunicate an important message like an error that does not contain any interactive elements.","tags":{},"values":["status","alert"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'status'"}},{"name":"kind","description":"Severity level of the toast, could be different depending on which toast layout is used.","tags":{},"values":["base","error","info","success","warning","gradient"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"important","description":"Used in scenarios where the message needs to visually dominate the screen.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"show","description":"Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\nafter reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update\nthe data in your component.\nSupports .sync modifier","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideClose","description":"Hides the close button from the toast","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"hideIcon","description":"Hides the icon from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"hideAction","description":"Hides the action from the notice","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"duration","description":"The duration in ms the toast will display before disappearing.\nThe toast won't disappear if the duration is not provided.\nIf it's provided, it should be equal to or greater than 6000.","type":{"name":"number"},"defaultValue":{"func":false,"value":"null"}},{"name":"layout","description":"The layout / styling you wish to use for the toast.","tags":{},"values":["default","alternate"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}}],"events":[{"name":"close","description":"Close button click event"},{"name":"update:show","description":"Sync show value","type":{"names":["undefined"]}}],"slots":[{"name":"icon"},{"name":"titleOverride","description":"Allows you to override the title, only use this if you need to override"},{"name":"default","description":"the main textual content of the toast"},{"name":"action"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/toast/toast.vue"]},{"displayName":"DtToggle","description":"A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/toggle.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the toggle","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return utils.getUniqueString(); }"}},{"name":"disabled","description":"Disables the toggle interactions","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"v-model","description":"Value of the toggle","tags":{"model":[{"description":"checked","title":"model"}]},"values":["true","false","'mixed'"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"toggleOnClick","description":"Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\nvia the checked prop or v-model. Change events will still be triggered.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"The size of the toggle.","tags":{},"values":["sm","md"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"showIcon","description":"Shows the icon","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"labelClass","description":"Used to customize the label container","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelChildProps","description":"A set of props that are passed into the label container","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}}],"events":[{"name":"change","description":"Toggle change event","type":{"names":["Boolean"]}}],"slots":[{"name":"default","description":"Slot for the main content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/toggle/toggle.vue"]},{"displayName":"DtTooltip","description":"A tooltip is a floating label that briefly explains an action, function, or an element.\nIts content is exclusively text and shouldn't be vital information for users.\nIf richer media is desired, consider using a popover instead.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/tooltip.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the tooltip","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"fallbackPlacements","description":"If the popover does not fit in the direction described by \"placement\",\nit will attempt to change its direction to the \"fallbackPlacements\"\nif defined, otherwise it will automatically position to a new location\nas it sees best fit. See\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"inverted","description":"If true, applies inverted styles to the tooltip","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"offset","description":"Displaces the tooltip from its reference element\n by the specified number of pixels. See\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 12]"}},{"name":"placement","description":"The direction the popover displays relative to the anchor. See\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"sticky","description":"If the tooltip sticks to the anchor. This is usually not needed, but can be needed\nif the reference element's position is animating, or to automatically update the popover\nposition in those cases the DOM layout changes the reference element's position.\n`true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\nchecks the \"popper\" rect for changes. See\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>","tags":{},"values":["true","false","reference","popper"],"type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"true"}},{"name":"appendTo","description":"Sets the element to which the tooltip is going to append to.\n'body' will append to the nearest body (supports shadow DOM).\nThis prop is not reactive, must be set on initial render.","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"contentClass","description":"Additional css classes for the tooltip content element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"message","description":"A provided message for the tooltip content","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"enabled","description":"Controls whether hover/focus causes the tooltip to appear.\nCannot be combined with the show prop. show value will be ignored.\nby default this is true, if you override with false, the tooltip will never show up.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"show","description":"Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\nIf you set this value, the default mouseover behavior will be disabled and you can control it as you need.\nSupports .sync modifier","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"transition","description":"Whether the tooltip should have a transition effect (fade).","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"delay","description":"Whether the tooltip will have a delay when being focused or moused over.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"theme","description":"Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"externalAnchor","description":"External anchor id to use in those cases the anchor can't be provided via the slot.\nFor instance, using the combobox's input as the anchor for the popover.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"shown","description":"Emitted when tooltip is shown or hidden","type":{"names":["Boolean"]}},{"name":"update:show","description":"Sync show value","type":{"names":["undefined"]}}],"slots":[{"name":"anchor","description":"Slot for the anchor element"},{"name":"default","description":"Slot for the content, defaults to message prop"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/tooltip/tooltip.vue"]},{"displayName":"DtValidationMessages","description":"Validation messages are used to convey information to the user about the current state of the input element.\nThese messages can have an error, warning or success type.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/validation_messages.html","title":"see"}]},"exportName":"default","props":[{"name":"id","description":"The id of the validation message","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return getUniqueString();\n}"}},{"name":"validationMessages","description":"Array of validation messages. Each message has the following structure:\n`{ message: \"Some informative message\", type: \"error|warning|success\"}`","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showMessages","description":"Show Validation messages","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/components/validation_messages/validation_messages.vue"]},{"displayName":"DtRecipeCallbarButton","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"circle","description":"Whether the button is a circle or not.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"importance","description":"The fill and outline of the button associated with its visual importance.","tags":{},"values":["clear","outlined","primary"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"},{"name":"icon"},{"name":"tooltip"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button/callbar_button.vue"]},{"displayName":"DtRecipeCallbarButtonWithDropdown","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"placement","description":"The direction the dropdown displays relative to the anchor.","tags":{"default":[{"description":"'top'","title":"default"}]},"values":["'bottom'","'bottom-start'","'bottom-end'","'right'","'right-start'","'right-end'","'left'","'left-start'","'left-end'","'top'","'top-start'","'top-end'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"fallbackPlacements","description":"If the dropdown does not fit in the direction described by \"placement\",\nit will attempt to change it's direction to the \"fallbackPlacements\".","tags":{},"values":["top","top-start","top-end","right","right-start","right-end","left","left-start","left-end","bottom","bottom-start","bottom-end","auto","auto-start","auto-end"],"type":{"name":"array"},"defaultValue":{"func":false,"value":"['auto']"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"forceShowArrow","description":"Forces showing the arrow, even if the button is disabled.\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"arrow-click","description":"Emitted when the arrow is clicked","type":{"names":["undefined"]}},{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"opened","description":"Emitted when modal dropdown is opened or closed.","type":{"names":["undefined"]}}],"slots":[{"name":"icon"},{"name":"tooltip"},{"name":"default"},{"name":"list","scoped":true,"bindings":[{"name":"close","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue"]},{"displayName":"DtRecipeCallbarButtonWithPopover","exportName":"default","description":"","tags":{},"props":[{"name":"id","description":"Id for the item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() {\n  return utils.getUniqueString();\n}"}},{"name":"ariaLabel","description":"Aria label for the button. If empty, it takes its value from the default slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"placement","description":"The direction the popover displays relative to the anchor.","tags":{"default":[{"description":"'top'","title":"default"}]},"values":["'bottom'","'bottom-start'","'bottom-end'","'right'","'right-start'","'right-end'","'left'","'left-start'","'left-end'","'top'","'top-start'","'top-end'"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'top'"}},{"name":"offset","description":"Displaces the content box from its anchor element\n by the specified number of pixels.\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 16]"}},{"name":"initialFocusElement","description":"The element that is focused when the popover is opened. This can be an\nHTMLElement within the popover, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'first'"}},{"name":"showCloseButton","description":"Determines visibility for close button","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"disabled","description":"Determines whether the button should be disabled\ndefault is false.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"forceShowArrow","description":"Forces showing the arrow, even if the button is disabled.\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"active","description":"Determines whether the button should have active styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","description":"Determines whether the button should have danger styling\ndefault is false.","tags":{"see":[{"description":"https://dialtone.dialpad.com/components/button/","title":"see"}]},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"buttonClass","description":"Additional class name for the button wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"textClass","description":"Additional class name for the button text.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonWidthSize","type":{"name":"string"},"defaultValue":{"func":false,"value":"'xl'"},"values":["sm","md","lg","xl"]},{"name":"contentClass","description":"Additional class name for the popover content wrapper element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"openPopover","description":"To auto open the modal popover.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"invertedTooltip","description":"Whether the tooltip has an inverted background color.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","description":"Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.","tags":{},"values":["null","true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"tooltipText","description":"The message that displays in the tooltip. This will be overridden by the tooltip slot.","type":{"name":"string"},"defaultValue":{"func":false,"value":"undefined"}},{"name":"tooltipDelay","description":"Whether there is a delay before the tooltip shows on hover/focus.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"undefined"}}],"events":[{"name":"arrow-click","description":"Emitted when the arrow is clicked","type":{"names":["undefined"]}},{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"opened","description":"Emitted when modal popover is opened or closed.","type":{"names":["undefined"]}}],"slots":[{"name":"icon","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"tooltip","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"default"},{"name":"content","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"headerContent","scoped":true,"bindings":[{"name":"slot","title":"binding"}]},{"name":"footerContent","scoped":true,"bindings":[{"name":"slot","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue"]},{"displayName":"DtRecipeIvrNode","exportName":"default","description":"","tags":{},"props":[{"name":"nodeType","description":"type of IVR Node.","type":{"name":"string"},"required":true},{"name":"nodeLabel","description":"Descriptive label for the node name.","type":{"name":"string"},"required":true},{"name":"isSelected","description":"Selected state of the node","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dtmfKey","description":"DTMF input","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"click","description":"Add node click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"connector"},{"name":"menuItems","scoped":true,"bindings":[{"name":"close","title":"binding"}]},{"name":"content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/cards/ivr_node/ivr_node.vue"]},{"displayName":"DtRecipeGroupedChip","exportName":"default","description":"","tags":{},"slots":[{"name":"leftIcon"},{"name":"leftContent","description":"Slot for left chip content information"},{"name":"rightIcon","description":"Slot for right chip content information"},{"name":"rightContent","description":"Slot for right chip content information"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/chips/grouped_chip/grouped_chip.vue"]},{"displayName":"DtRecipeComboboxMultiSelect","exportName":"default","description":"","tags":{},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"placeholder","description":"Input placeholder","type":{"name":"string"},"defaultValue":{"func":false,"value":"'Select one or start typing'"}},{"name":"inputMessages","description":"Input validation messages","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"showInputMessages","description":"Show input validation message","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loading","description":"Determines if the list is loading","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"loadingMessage","description":"The message when the list is loading","type":{"name":"string"},"defaultValue":{"func":false,"value":"'loading...'"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.\nLeaving this null will have the combobox trigger on input focus by default.\nIf you set this value, the default trigger behavior will be disabled and you can\ncontrol it as you need.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listMaxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"'300px'"}},{"name":"selectedItems","description":"The selected items","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"maxSelected","description":"Would be the maximum number of selections you can make. 0 is unlimited","type":{"name":"number"},"defaultValue":{"func":false,"value":"0"}},{"name":"maxSelectedMessage","description":"Max select message when the max selections is exceeded with the structure:\n`[{\"message\": string, \"type\": VALIDATION_MESSAGE_TYPES }]`","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"hasSuggestionList","description":"Displays the list when the combobox is focused, before the user has typed anything.\nWhen this is enabled the list will not close after selection.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the chip, one of `xs`, `sm`, `md`","type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}},{"name":"collapseOnFocusOut","description":"Determines whether the combobox should collapse to a single when losing focus.","tags":{"type":[{"title":"type","type":{"name":"boolean"}}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"listMaxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"reservedRightSpace","description":"Amount of reserved space (in px) on the right side of the input\nbefore the chips and the input caret jump to the next line.\ndefault is 64","type":{"name":"number"},"defaultValue":{"func":false,"value":"64"}},{"name":"chipMaxWidth","description":"Determines the maximum width of a single chip. If the text within this chip exceeds the value\nit will be truncated with ellipses.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","description":"Additional class name for the input element.\nCan accept String, Object, and Array, i.e. has the\nsame API as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"inputWrapperClass","description":"Additional class name for the input wrapper element.\nCan accept all of String, Object, and Array, i.e. has the\nsame api as Vue's built-in handling of the class attribute.","type":{"name":"string|object|array"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"input","description":"Native input event","type":{"names":["String "]}},{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"remove","description":"Event fired when item removed","type":{"names":["String"]}},{"name":"max-selected","description":"Event fired when max selected items limit is reached","type":{"names":["Object"]}},{"name":"keyup","description":"Native keyup event","type":{"names":["KeyboardEvent"]}},{"name":"keydown","description":"Native keydown event","type":{"names":["KeyboardEvent"]}},{"name":"combobox-highlight","description":"Event fired when combobox item is highlighted","type":{"names":["Object"]}}],"slots":[{"name":"header"},{"name":"list"},{"name":"footer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue"]},{"displayName":"DtRecipeComboboxWithPopover","exportName":"default","description":"","tags":{},"props":[{"name":"label","description":"String to use for the input label.","type":{"name":"string"},"required":true},{"name":"labelVisible","description":"Determines visibility of input label.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"size","description":"Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`","tags":{},"values":["null","xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"description","description":"Description for the input","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showList","description":"Determines when to show the list element and also controls the aria-expanded attribute.\nLeaving this null will have the combobox trigger on input focus by default.\nIf you set this value, the default trigger behavior will be disabled and you can\ncontrol it as you need.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"null"}},{"name":"listId","description":"Sets an ID on the list element of the component. Used by several aria attributes\nas well as when deriving the IDs for each item.","type":{"name":"string"},"defaultValue":{"func":true,"value":"function() { return getUniqueString(); }"}},{"name":"listClass","description":"Additional class for the wrapper list element.","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"onBeginningOfList","description":"A method that will be called when the selection goes past the beginning of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"onEndOfList","description":"A method that will be called when the selection goes past the end of the list.","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"maxHeight","description":"Determines maximum height for the popover before overflow.\nPossible units rem|px|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxWidth","description":"Determines maximum width for the popover before overflow.\nPossible units rem|px|%|em","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"padding","description":"Vertical padding size around the list element.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'small'"}},{"name":"contentWidth","description":"Width configuration for the popover content. When its value is 'anchor',\nthe popover content will have the same width as the anchor.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"},"values":["anchor"]},{"name":"openWithArrowKeys","description":"If the list should be shown by pressing up or down arrow key on the input element.\nThis can be set when not passing showList prop.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"popoverOffset","description":"Displaces the popover content box from its anchor element\n by the specified number of pixels.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[0, 4]"}},{"name":"popoverSticky","description":"If the popover sticks to the input.","type":{"name":"boolean|string"},"defaultValue":{"func":false,"value":"false"}},{"name":"hasSuggestionList","description":"Displays the list when the combobox is focused, before the user has typed anything.\nWhen this is enabled the list will not close after selection.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loading","description":"Determines when to show the skeletons and also controls aria-busy attribute.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyList","description":"Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"emptyStateMessage","description":"Message to show when the list is empty","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"appendTo","description":"Sets the element to which the popover is going to append to.\n'body' will append to the nearest body (supports shadow DOM).","tags":{},"values":["'body'","'parent'","HTMLElement",""],"type":{"name":"HTMLElement|string"},"defaultValue":{"func":false,"value":"'body'"}},{"name":"transition","description":"Named transition when the content display is toggled.","tags":{"see":[{"description":"DtLazyShow","title":"see"}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"'fade'"}}],"events":[{"name":"select","description":"Event fired when item selected","type":{"names":["Number"]}},{"name":"escape","description":"Event fired when 'escape' key is pressed"},{"name":"highlight","description":"Event fired when an item is highlighted","type":{"names":["Number"]}},{"name":"opened","description":"Emitted when items are shown or hidden","type":{"names":["Boolean | Array"]}}],"slots":[{"name":"input","scoped":true,"bindings":[{"name":"input-props","title":"binding"},{"name":"on-input","title":"binding"}]},{"name":"header"},{"name":"list","scoped":true,"bindings":[{"name":"list-props","title":"binding"}]},{"name":"footer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue"]},{"displayName":"DtRecipeAttachmentCarousel","exportName":"default","description":"","tags":{},"props":[{"name":"mediaList","description":"media - object array of media objects","tags":{"type":[{"title":"type","type":{"name":"Array"}}]},"type":{"name":"Array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"remove-media","description":"Emitted when popover is shown or hidden","type":{"names":["Number"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/attachment_carousel/attachment_carousel.vue"]},{"displayName":"DtRecipeEditor","exportName":"default","description":"","tags":{},"props":[{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true,"defaultValue":{"func":false,"value":"''"}},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"maxHeight","description":"Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%","type":{"name":"string"},"defaultValue":{"func":false,"value":"'unset'"}},{"name":"setLinkPlaceholder","description":"Placeholder text for the set link input field","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showBoldButton","description":"Show button to render text as bold","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showItalicsButton","description":"Show button to render text in italics","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showUnderlineButton","description":"Show button to underline text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showStrikeButton","description":"Show button to strike text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showListItemsButton","description":"Show button to render list items","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showOrderedListButton","description":"Show button to render ordered list items","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignLeftButton","description":"Show button to align text to the left","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignCenterButton","description":"Show button to align text to the center","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignRightButton","description":"Show button to align text to the right","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showAlignJustifyButton","description":"Show button to justify text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showQuoteButton","description":"Show button to add quote format to text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showCodeBlockButton","description":"Show button to add code block","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showQuickRepliesButton","description":"Show button to handle quick replies","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"showInlineImageButton","description":"Show button to add an inline image","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showAddLink","description":"Show add link default config.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  showAddLinkButton: true\n}"}},{"name":"useDivTags","description":"Use div tags instead of paragraph tags to show text","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"focus","description":"Native focus event","type":{"names":["union"]}},{"name":"blur","description":"Native blur event","type":{"names":["union"]}},{"name":"input","description":"Native input event","type":{"names":["union"]}},{"name":"quick-replies-click","description":"Quick replies button\npressed event"},{"name":"inline-image-click","description":"Emit when inline image button is clicked"},{"name":"text-input","description":"Emit when text content changes (not raw html)","type":{"names":["undefined"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue"]},{"displayName":"DtRecipeEmojiRow","exportName":"default","description":"","tags":{},"props":[{"name":"reactions","description":"Provide an array of reaction objects to be shown.","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}}],"events":[{"name":"emoji-clicked","type":{"names":["undefined"]}},{"name":"emoji-hovered","type":{"names":["undefined"]}}],"slots":[{"name":"picker","description":"Slot for emoji picker component, including the anchor."}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/emoji_row/emoji_row.vue"]},{"displayName":"DtRecipeFeedItemPill","exportName":"default","description":"","tags":{},"props":[{"name":"title","description":"Bolded primary text","type":{"name":"string"},"defaultValue":{"func":true,"value":"() => ''"}},{"name":"wrapperClass","description":"Additional styling around the pill","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"buttonClass","description":"Additional styling for the pill","type":{"name":"string|array|object"},"defaultValue":{"func":false,"value":"''"}},{"name":"toggleable","description":"Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)","type":{"name":"boolean"},"defaultValue":{"func":true,"value":"() => true"}},{"name":"defaultToggled","type":{"name":"boolean"},"defaultValue":{"func":true,"value":"() => false"}},{"name":"borderColor","description":"Callbox border color","tags":{},"values":["default","ai","critical"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}}],"slots":[{"name":"title"},{"name":"leftIcon","scoped":true,"description":"Slot for left icon, icon-size slot prop defaults to '300'","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"subtitle"},{"name":"bottom"},{"name":"right"},{"name":"content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/feed_item_pill/feed_item_pill.vue"]},{"description":"This mixin provides the methods to automatically trap tab focus within\nthe component this mixin is on, meaning it is not possible to tab out\nof the component without dismissing it.\n\nUseful for accessibility reasons on things like important actionable alerts.\n\nUse focusFirstElement to focus on the first tabbable element within your component, and call\nfocusTrappedTabPress every time tab is pressed to trap tab within this\ncomponent.\n\nNote that focusFirstElement WILL focus elements with tabindex=\"-1\",\nhowever focusTrappedTabPress will not.","displayName":"DtRecipeFeedItemRow","tags":{},"exportName":"default","props":[{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"showHeader","description":"Show avatar, show header text or dont show left time and vice versa","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"avatarImageUrl","description":"Optional avatar image url.\nIf not provided it will use extracted initials from displayName.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"displayName","description":"The display name of the sender","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"noInitials","description":"Initials will never be shown. Instead it will show a \"User\" icon.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"time","description":"time string displayed as is.\nShown on the header when showHeader is true","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"shortTime","description":"short time string without AM/PM displayed as is.\nShown on the left of feed item when showHeader is false and isActive is true","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"labelText","description":"A label displayed next to the displayName. Will not show if empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"isActive","description":"displays a darkened background on the row.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"state","description":"state for the feed item row. Can be normal, searched & error","type":{"name":"string"},"defaultValue":{"func":false,"value":"DEFAULT_FEED_ROW_STATE"}}],"events":[{"name":"hover","description":"Fires when hovered over feed row","type":{"names":["Boolean"]}},{"name":"focus","description":"Fires when focused over feed row","type":{"names":["Boolean"]}},{"name":"keydown","description":"Key down event","type":{"names":["KeyboardEvent"]}}],"slots":[{"name":"avatar","description":"Slot to contain the avatar, overrides avatar props."},{"name":"displayName","description":"Slot for display name"},{"name":"default"},{"name":"attachment"},{"name":"reactions","description":"Slot for reactions row component"},{"name":"threading","description":"Slot for threading row component"},{"name":"menu","description":"Slot for actions hover menu component"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/common/mixins/modal.js","/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/feed_item_row/feed_item_row.vue"]},{"displayName":"DtRecipeMessageInput","exportName":"default","description":"","tags":{},"props":[{"name":"richText","description":"Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\nRich text formatting for the purposes of this component is defined as:\n\nbold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n\nIf you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"value","description":"Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json","type":{"name":"object|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"editable","description":"Whether the input is editable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"inputAriaLabel","description":"Descriptive label for the input element","type":{"name":"string"},"required":true,"defaultValue":{"func":false,"value":"''"}},{"name":"preventTyping","description":"Prevents the user from typing any further. Deleting text will still work.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inputClass","description":"Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p8 d-hmx96\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"autoFocus","description":"Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus","tags":{},"values":["true","false","start","end","all","number"],"type":{"name":"boolean|string|number"},"defaultValue":{"func":false,"value":"false"}},{"name":"outputFormat","description":"The output format that the editor uses when emitting the \"@input\" event.\nOne of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for\nexamples.","tags":{},"values":["text","json","html","markdown"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'json'"}},{"name":"placeholder","description":"Placeholder text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"disableSend","description":"Disable Send Button","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"maxHeight","description":"Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%","type":{"name":"string"},"defaultValue":{"func":false,"value":"'unset'"}},{"name":"showEmojiPicker","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"emojiPickerProps","description":"Props to pass into the emoji picker.","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"showCharacterLimit","description":"Enable character Limit warning","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({ count: 1500, warning: 500, message: '' })"}},{"name":"showImagePicker","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"showSend","description":"Send button defaults.\nTODO (Dialtone 10):\n- Change to `showSendButton`, boolean only.","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"showCancel","description":"Cancel button defaults.\nTODO (Dialtone 10): Change to `showCancelButton`, boolean only.","type":{"name":"boolean|object"},"defaultValue":{"func":true,"value":"() => ({})"}},{"name":"mentionSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the contacts for suggestion.\nitems({ query }) => { return [ContactObject]; }\nContactObject format:\n{ name: string, avatarSrc: string, id: string }\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the channels for suggestion.\nitems({ query }) => { return [ChannelObject]; }\nChannelObject format:\n{ name: string, id: string, locked: boolean }\n\nWhen null, it does not add the plugin. Setting locked to true will display a lock rather than hash.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"slashCommandSuggestion","description":"suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the slash commands for suggestion.\nitems({ query }) => { return [SlashCommandObject]; }\nSlashCommandObject format:\n{ command: string, description: string, parametersExample?: string }\nThe \"parametersExample\" parameter is optional, and describes an example\nof the parameters that command can take.\n\nWhen null, it does not add the plugin.","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"boldButtonOptions","description":"descriptive text fields for the bold button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + B'\n}"}},{"name":"italicButtonOptions","description":"descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + I'\n}"}},{"name":"strikeButtonOptions","description":"descriptive text fields for the strikethrough button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + S'\n}"}},{"name":"linkButtonOptions","description":"descriptive text fields for the link button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  // TODO: implement mod k\n  keyboardShortcutText: 'Mod + K',\n\n  linkPlaceholder: 'e.g. https://www.dialpad.com'\n}"}},{"name":"bulletListButtonOptions","description":"descriptive text fields for the bullet list button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + 8'\n}"}},{"name":"orderedListButtonOptions","description":"descriptive text fields for the ordered list button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + 7'\n}"}},{"name":"blockQuoteButtonOptions","description":"descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Shift + B'\n}"}},{"name":"codeButtonOptions","description":"descriptive text fields for the code button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + E'\n}"}},{"name":"codeBlockButtonOptions","description":"descriptive text fields for the code block button\n\nobject format:\n{ keyboardShortcutText: string }","type":{"name":"object"},"defaultValue":{"func":false,"value":"{\n  keyboardShortcutText: 'Mod + Alt + C'\n}"}}],"events":[{"name":"selected-command","description":"Fires when a slash command is selected","type":{"names":["String"]}},{"name":"add-emoji","description":"Emitted when the 'Add emoji' button is clicked","type":{"names":["Boolean"]}},{"name":"emoji-scroll-bottom-reached","description":"Emitted when the emoji picker scroll reaches the bottom"},{"name":"submit","description":"Fires when send button is clicked","type":{"names":["String"]}},{"name":"select-media","description":"Fires when media is selected from image button","type":{"names":["Array"]}},{"name":"add-media","description":"Fires when media is dropped into the message input","type":{"names":["Array"]}},{"name":"paste-media","description":"Fires when media is pasted into the message input","type":{"names":["Array"]}},{"name":"cancel","description":"Fires when cancel button is pressed (only on edit mode)","type":{"names":["Boolean"]}},{"name":"skin-tone","description":"Fires when skin tone is selected from the emoji picker","type":{"names":["String"]}},{"name":"selected-emoji","description":"Fires when emoji is selected from the emoji picker","type":{"names":["String"]}},{"name":"meeting-pill-close","description":"Fires when meeting pill is closed","type":{"names":["String"]}},{"name":"update:value","description":"Event to sync the value with the parent","type":{"names":["union"]}},{"name":"text-input","description":"Emitted when input changes, returns text content only","type":{"names":["String"]}},{"name":"markdown-input","description":"Emitted when input changes, returns markdown content only","type":{"names":["String"]}}],"slots":[{"name":"top","description":"Renders above the input, but still within the borders."},{"name":"middle","description":"Slot for attachment carousel"},{"name":"emojiGiphyPicker","description":"Slot for emojiGiphy picker"},{"name":"customActionIcons","description":"Slot to add extra action icons next to default ones"},{"name":"scheduleMessage"},{"name":"smsCount"},{"name":"sendButton","description":"Slot for sendButton picker"},{"name":"sendIcon","scoped":true,"description":"Slot for send button icon","bindings":[{"name":"icon-size","title":"binding"}]}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue"]},{"displayName":"DtRecipeMessageInputButton","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","type":{"name":"string"},"required":true},{"name":"tooltipText","type":{"name":"string"},"required":true},{"name":"keyboardShortcutText","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"isActive","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dataQa","type":{"name":"string"},"required":true}],"events":[{"name":"click"}],"slots":[{"name":"icon"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_button.vue"]},{"displayName":"MessageInputLink","exportName":"default","description":"","tags":{},"props":[{"name":"open","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"linkButtonOptions","type":{"name":"object"},"required":true},{"name":"isSelectionActive","type":{"name":"func"},"defaultValue":{"func":true,"value":"() => {}"}}],"events":[{"name":"opened"},{"name":"set-link"},{"name":"remove-link"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_link.vue"]},{"displayName":"DtRecipeMessageInputTopbar","exportName":"default","description":"","tags":{},"props":[{"name":"boldButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"italicButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"strikeButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"bulletListButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"orderedListButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"blockQuoteButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"codeButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"codeBlockButtonOptions","type":{"name":"object"},"defaultValue":{"func":false,"value":"{}"}},{"name":"isSelectionActive","type":{"name":"func"},"defaultValue":{"func":true,"value":"() => {}"}}],"events":[{"name":"click"}],"slots":[{"name":"link","description":"special slot for link button, since links require a custom dialog"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input_topbar.vue"]},{"displayName":"DtRecipeTimePill","exportName":"default","description":"","tags":{},"props":[{"name":"dateTimeDisplay","description":"Date time display value","type":{"name":"string"},"required":true},{"name":"dateTime","description":"Machine-readable attribute\nAccepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD","type":{"name":"string"},"required":true}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/conversation_view/time_pill/time_pill.vue"]},{"displayName":"DtRecipeSettingsMenuButton","exportName":"default","description":"","tags":{},"props":[{"name":"updateAvailable","description":"Determines whether the button should display the update state\ndefault is false","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"ariaLabel","description":"Aria label","type":{"name":"string"},"required":true}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/header/settings_menu_button/settings_menu_button.vue"]},{"displayName":"DtRecipeContactInfo","exportName":"default","description":"","tags":{},"props":[{"name":"role","description":"String to use for the item's role.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"showAvatar","description":"Display avatar if `showAvatar` property is true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"avatarSrc","description":"Optional avatar image url.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarFullName","description":"Avatar's full name, used to extract initials\nto display in avatar if `avatarSrc` and `avatarIcon` are empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSize","description":"The size of the avatar","tags":{},"values":["xs","sm","md","lg","xl"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'lg'"}},{"name":"avatarLabelledBy","description":"The aria-labelledby of the button containing avatars","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarColor","description":"Avatar color to display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"presence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarList","description":"Showing multiple avatars in contact info.\nThe props of array items are: <br>\n`src` - avatar image url (optional) <br>\n`fullName` - full name, used to extract initials to display in avatar<br>\n if `avatarSrc` and `avatarIcon` are empty<br>\n`seed` - determines uniqueness of avatar background <br>\n`text` - text that overlays the avatar (optional) <br>\n`icon` - icon that overlays the avatar (optional) <br>\n`halo` - halo highlight around the avatar. boolean true/false","type":{"name":"array"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"avatar-click"}],"slots":[{"name":"avatarIcon","scoped":true,"description":"Slot for avatar icon in a list","bindings":[{"name":"icon-size","title":"binding"}]},{"name":"header","description":"Slot for header information"},{"name":"subtitle","description":"Slot for subtitle information"},{"name":"bottom","description":"Slot for information at the bottom"},{"name":"right","description":"Slot for the right content"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/item_layout/contact_info/contact_info.vue"]},{"displayName":"DtRecipeCallbox","exportName":"default","description":"","tags":{},"props":[{"name":"badgeText","description":"Text for the badge element","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"badgeColor","description":"Color for the badge element","tags":{},"values":["null","warning"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarSrc","description":"Optional avatar image url.\nIf not provided it will use the initial of the name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarFullName","description":"Avatar's full name, used to extract initials\nto display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"title","description":"Callbox title","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"borderColor","description":"Callbox border color","tags":{},"values":["default","ai","critical"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'default'"}},{"name":"clickable","description":"Makes the callbox avatar and title clickable,\nemits a click event when clicked.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isOnHold","description":"Controls the avatars overlay icon","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Callbox click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"video","description":"Slot for video stream"},{"name":"badge","description":"Slot for call center badge"},{"name":"subtitle","description":"Slot for subtitle"},{"name":"right","description":"Slot for right icons"},{"name":"bottom"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/callbox/callbox.vue"]},{"displayName":"DtRecipeContactCentersRow","exportName":"default","description":"","tags":{},"props":[{"name":"ariaLabel","description":"Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Text displayed next to the icon. Required.","type":{"name":"string"},"required":true},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hideActions","description":"Making this true will hide the unread count badge, the chevron button, and the right slot","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages, could be a string to support '99+'","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}}],"events":[{"name":"click-menu","description":"Menu button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"right"},{"name":"timer"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/contact_centers_row/contact_centers_row.vue"]},{"displayName":"DtRecipeContactRow","exportName":"default","description":"","tags":{},"props":[{"name":"avatarSrc","description":"Optional avatar image url.\nIf not provided it will use the initial of the name.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"avatarPresence","description":"Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\nor 'active'. By default, it's null and nothing is shown.\ndefer validation to avatar component.","tags":{},"values":["null","busy","away","offline","active"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarSeed","description":"Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"avatarColor","description":"Avatar color to display if `avatarSrc` is empty.","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"presenceText","description":"Text describing the user's presence, such as \"in a meeting\"","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","description":"Name of the contact","type":{"name":"string"},"required":true},{"name":"userStatus","description":"Status as set by the user.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"muted","description":"Gives a faded style to be used when muted","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"noInitials","description":"Initials will never be shown. Instead it will show a \"User\" icon.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"hasCallButton","description":"Whether the contact row should display a call button when hovered.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"events":[{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"call","description":"Call button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/contact_row/contact_row.vue"]},{"displayName":"DtRecipeGeneralRow","exportName":"default","description":"","tags":{},"props":[{"name":"type","description":"Determines the icon to show.\nIf type is contact center, the color prop must be provided and will determine the color of the icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"'inbox'"}},{"name":"ariaLabel","description":"Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"description","description":"Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\nyou still must input this as it will be displayed as the \"title\" attribute for the row.","type":{"name":"string"},"required":true},{"name":"color","description":"Determines the color of the contact center icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"channelSetting","description":"The channel setting, either 'mention' or 'always'.","tags":{},"values":["'mention'","'always'","null."],"type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"unreadMentionCount","description":"Number of unread mention messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"muted","description":"Gives a faded style to be used when muted","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"activeVoiceChat","description":"Shows styling to represent an active voice chat. This will display over unreadCount.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"dndText","description":"Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\nunreadCount.","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"hasCallButton","description":"Whether the row should have a call button. Usually only applicable to individual contact rows.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"iconSize","description":"Sets the size of the icon.","type":{"name":"string"},"defaultValue":{"func":false,"value":"'300'"}}],"events":[{"name":"call","description":"Call button clicked","type":{"names":["PointerEvent | KeyboardEvent"]}},{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"left"},{"name":"label"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/general_row/general_row.vue"]},{"displayName":"DtRecipeGroupRow","exportName":"default","description":"","tags":{},"props":[{"name":"names","description":"Names of the group members","type":{"name":"string"},"required":true},{"name":"unreadCount","description":"Number of unread messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"unreadMentionCount","description":"Number of unread mention messages","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"hasUnreads","description":"Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"selected","description":"Determines if the row is selected","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"isTyping","description":"Shows an \"is typing\" animation over the avatar when true.","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"events":[{"name":"click","description":"Native click event on the row itself","type":{"names":["PointerEvent | KeyboardEvent"]}}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/group_row/group_row.vue"]},{"displayName":"DtRecipeUnreadPill","exportName":"default","description":"","tags":{},"props":[{"name":"kind","description":"The kind of unread pill which determines the styling","tags":{},"values":["'mentions'","'messages'"],"type":{"name":"string"},"required":true},{"name":"direction","description":"The direction of the arrow icon","tags":{},"values":["'up'","'down'"],"type":{"name":"string"},"required":true}],"events":[{"name":"click","description":"Native click event","type":{"names":["PointerEvent | KeyboardEvent"]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/leftbar/unread_pill/unread_pill.vue"]},{"displayName":"DtRecipeMotionText","exportName":"default","description":"","tags":{},"props":[{"name":"text","description":"The text content to animate.","tags":{"type":[{"title":"type","type":{"name":"string"}}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"animationMode","description":"The animation mode to use for the text reveal.","tags":{},"values":["gradient-in","fade-in","slide-in","gradient-sweep","shimmer","none"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'gradient-in'"}},{"name":"speed","description":"Animation speed using t-shirt sizing.","tags":{},"values":["sm","md","lg"],"type":{"name":"string"},"defaultValue":{"func":false,"value":"'md'"}},{"name":"autoStart","description":"Whether to start animation automatically when component is mounted.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loop","description":"Whether to loop the animation continuously.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"respectsReducedMotion","description":"Whether to respect the user's prefers-reduced-motion system setting.","tags":{},"values":["true","false"],"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"screenReaderText","description":"Alternative text for screen readers. If provided, this will be announced\ninstead of the animated text.","tags":{"type":[{"title":"type","type":{"name":"string"}}]},"type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"events":[{"name":"start","description":"Emitted when the animation starts."},{"name":"complete","description":"Emitted when the animation completes."},{"name":"progress","description":"Emitted during animation progress.","type":{"names":["{ wordsComplete: number, totalWords: number, progress: number }"]}},{"name":"pause","description":"Emitted when the animation is paused."},{"name":"resume","description":"Emitted when the animation resumes."}],"methods":[{"name":"start","description":"Start the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"pause","description":"Pause the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"resume","description":"Resume the animation","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"reset","description":"Reset the animation to initial state","tags":{"access":[{"description":"public","title":"access"}]}},{"name":"skipToEnd","description":"Skip to the end of the animation","tags":{"access":[{"description":"public","title":"access"}]}}],"slots":[{"name":"default"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/motion/motion_text/motion_text.vue"]},{"displayName":"DtRecipeTopBannerInfo","exportName":"default","description":"","tags":{},"props":[{"name":"colorCode","description":"color of the banner background","type":{"name":"string"},"defaultValue":{"func":false,"value":"'green300'"},"values":["green300","green100","red200","red100","gold100","gold200","black100","white"]}],"slots":[{"name":"left"},{"name":"default"},{"name":"right"}],"sourceFiles":["/home/runner/work/dialtone/dialtone/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue"]}]