Props

props: {
  /**
   * @desc control's dialog visibility
   */
  open: {
    type: Boolean,
    default: false
  },
  /**
   * @desc accessibilty attribute: possible usage as modal
   * @url https://github.com/edenspiekermann/a11y-dialog#usage-as-a-modal
   */
  role: {
    type: String,
    default: "dialog",
    validator: (v) => ["dialog", "alertdialog"].indexOf(v) > -1
  },
  /**
   * @desc accessibilty attribute: hide content from screen readers
   * when dialog is open. if null, defaults to siblings of portal-target element
   * @note NOT PRESENT IN RENDERLESS VERSION
   */
  contentRoot: {
    type: [String, null],
    default: null
  },
  /**
   * @desc focus-trap package configuration object
   * @note We use focus-trap package to handle our trapping needs. 
   * It's awesome give them an high-five. You can use this to provide any options
   * that the library would accept.
   * @since 0.5.x
   * @see {@link https://github.com/focus-trap/focus-trap#usage} 
   */
  focusTrapCreateOptions: {
    type: Object,
    default: () => ({})
  }
}