@synergy-design-system/vue/dist/components/SynVueDropdown.vue.d.ts

Vue3 wrappers for the Synergy Design System

import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynDropdown } from '@synergy-design-system/components';
export type { SynShowEvent } from '@synergy-design-system/components';
export type { SynAfterShowEvent } from '@synergy-design-system/components';
export type { SynHideEvent } from '@synergy-design-system/components';
export type { SynAfterHideEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
    /**
  * Indicates whether or not the dropdown is open.
  * You can toggle this attribute to show and hide the dropdown, or you
  can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
   */
    open?: SynDropdown["open"];
    /**
  * The preferred placement of the dropdown panel.
  * Note that the actual placement may vary as needed to keep the panel
  inside of the viewport.
   */
    placement?: SynDropdown["placement"];
    /**
     * Disables the dropdown so the panel will not open.
     */
    disabled?: SynDropdown["disabled"];
    /**
  * By default, the dropdown is closed when an item is selected.
  * This attribute will keep it open instead.
  * Useful for
  dropdowns that allow for multiple interactions.
   */
    stayOpenOnSelect?: SynDropdown["stayOpenOnSelect"];
    /**
     * The distance in pixels from which to offset the panel away from its trigger.
     */
    distance?: SynDropdown["distance"];
    /**
     * The distance in pixels from which to offset the panel along its trigger.
     */
    skidding?: SynDropdown["skidding"];
    /**
  * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
  `overflow: auto|scroll`.
  * Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
   */
    hoist?: SynDropdown["hoist"];
    /**
     * Syncs the popup width or height to that of the trigger element.
     */
    sync?: SynDropdown["sync"];
    /**
  * The dropdown will close when the user interacts outside of this element (e.g.
  * clicking).
  * Useful for composing other
  components that use a dropdown internally.
   */
    containingElement?: SynDropdown["containingElement"];
}, {
    nativeElement: import('vue').Ref<SynDropdown | undefined, SynDropdown | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "syn-show": (e: SynShowEvent) => any;
    "syn-after-show": (e: SynAfterShowEvent) => any;
    "syn-hide": (e: SynHideEvent) => any;
    "syn-after-hide": (e: SynAfterHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
    /**
  * Indicates whether or not the dropdown is open.
  * You can toggle this attribute to show and hide the dropdown, or you
  can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
   */
    open?: SynDropdown["open"];
    /**
  * The preferred placement of the dropdown panel.
  * Note that the actual placement may vary as needed to keep the panel
  inside of the viewport.
   */
    placement?: SynDropdown["placement"];
    /**
     * Disables the dropdown so the panel will not open.
     */
    disabled?: SynDropdown["disabled"];
    /**
  * By default, the dropdown is closed when an item is selected.
  * This attribute will keep it open instead.
  * Useful for
  dropdowns that allow for multiple interactions.
   */
    stayOpenOnSelect?: SynDropdown["stayOpenOnSelect"];
    /**
     * The distance in pixels from which to offset the panel away from its trigger.
     */
    distance?: SynDropdown["distance"];
    /**
     * The distance in pixels from which to offset the panel along its trigger.
     */
    skidding?: SynDropdown["skidding"];
    /**
  * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
  `overflow: auto|scroll`.
  * Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
   */
    hoist?: SynDropdown["hoist"];
    /**
     * Syncs the popup width or height to that of the trigger element.
     */
    sync?: SynDropdown["sync"];
    /**
  * The dropdown will close when the user interacts outside of this element (e.g.
  * clicking).
  * Useful for composing other
  components that use a dropdown internally.
   */
    containingElement?: SynDropdown["containingElement"];
}> & Readonly<{
    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
    "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    nativeElement: unknown;
}, any>, {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};