@emuanalytics/flow-rdf-ui 0.0.2 → 0.0.3

package/dist/types/components/color-picker/color-picker.d.ts

@@ -1,193 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import type { FlowRdfFormControl } from '../../internal/flow-ui-rdf-element';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-import type FlowDropdown from '../dropdown/dropdown';
-import type FlowInput from '../input/input';
-/**
- * @summary Color pickers allow the user to select a color.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/color-picker
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-button
- * @dependency flow-ui-button-group
- * @dependency flow-ui-dropdown
- * @dependency flow-ui-input
- * @dependency flow-ui-visually-hidden
- *
- * @slot label - The color picker's form label. Alternatively, you can use the `label` attribute.
- *
- * @event flow-ui-blur - Emitted when the color picker loses focus.
- * @event flow-ui-change - Emitted when the color picker's value changes.
- * @event flow-ui-focus - Emitted when the color picker receives focus.
- * @event flow-ui-input - Emitted when the color picker receives input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart base - The component's base wrapper.
- * @csspart trigger - The color picker's dropdown trigger.
- * @csspart swatches - The container that holds the swatches.
- * @csspart swatch - Each individual swatch.
- * @csspart grid - The color grid.
- * @csspart grid-handle - The color grid's handle.
- * @csspart slider - Hue and opacity sliders.
- * @csspart slider-handle - Hue and opacity slider handles.
- * @csspart hue-slider - The hue slider.
- * @csspart hue-slider-handle - The hue slider's handle.
- * @csspart opacity-slider - The opacity slider.
- * @csspart opacity-slider-handle - The opacity slider's handle.
- * @csspart preview - The preview color.
- * @csspart input - The text input.
- * @csspart eye-dropper-button - The eye dropper button.
- * @csspart eye-dropper-button__base - The eye dropper button's exported `button` part.
- * @csspart eye-dropper-button__prefix - The eye dropper button's exported `prefix` part.
- * @csspart eye-dropper-button__label - The eye dropper button's exported `label` part.
- * @csspart eye-dropper-button__suffix - The eye dropper button's exported `suffix` part.
- * @csspart eye-dropper-button__caret - The eye dropper button's exported `caret` part.
- * @csspart format-button - The format button.
- * @csspart format-button__base - The format button's exported `button` part.
- * @csspart format-button__prefix - The format button's exported `prefix` part.
- * @csspart format-button__label - The format button's exported `label` part.
- * @csspart format-button__suffix - The format button's exported `suffix` part.
- * @csspart format-button__caret - The format button's exported `caret` part.
- *
- * @cssproperty --grid-width - The width of the color grid.
- * @cssproperty --grid-height - The height of the color grid.
- * @cssproperty --grid-handle-size - The size of the color grid's handle.
- * @cssproperty --slider-height - The height of the hue and alpha sliders.
- * @cssproperty --slider-handle-size - The diameter of the slider's handle.
- * @cssproperty --swatch-size - The size of each predefined color swatch.
- */
-export default class FlowColorPicker extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private isSafeValue;
-    private readonly localize;
-    base: HTMLElement;
-    input: FlowInput;
-    dropdown: FlowDropdown;
-    previewButton: HTMLButtonElement;
-    trigger: HTMLButtonElement;
-    private hasFocus;
-    private isDraggingGridHandle;
-    private isEmpty;
-    private inputValue;
-    private hue;
-    private saturation;
-    private brightness;
-    private alpha;
-    /**
-     * The current value of the color picker. The value's format will vary based the `format` attribute. To get the value
-     * in a specific format, use the `getFormattedValue()` method. The value is submitted as a name/value pair with form
-     * data.
-     */
-    value: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    /**
-     * The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to
-     * display HTML, you can use the `label` slot` instead.
-     */
-    label: string;
-    /**
-     * The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color
-     * picker will accept user input in any format (including CSS color names) and convert it to the desired format.
-     */
-    format: 'hex' | 'rgb' | 'hsl' | 'hsv';
-    /** Renders the color picker inline rather than in a dropdown. */
-    inline: boolean;
-    /** Determines the size of the color picker's trigger. This has no effect on inline color pickers. */
-    size: 'small' | 'medium' | 'large';
-    /** Removes the button that lets users toggle between format.   */
-    noFormatToggle: boolean;
-    /** The name of the form control, submitted as a name/value pair with form data. */
-    name: string;
-    /** Disables the color picker. */
-    disabled: boolean;
-    /**
-     * 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: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-    /** The distance in pixels from which to offset the panel away from its trigger. */
-    distance: number;
-    /** The distance in pixels from which to offset the panel along its trigger. */
-    skidding: number;
-    /**
-     * 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: boolean;
-    /** Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA. */
-    opacity: boolean;
-    /** By default, values are lowercase. With this attribute, values will be uppercase instead. */
-    uppercase: boolean;
-    /**
-     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
-     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
-     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
-     */
-    swatches: string | string[];
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Makes the color picker a required field. */
-    required: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    private handleCopy;
-    private handleFocusIn;
-    private handleFocusOut;
-    private handleFormatToggle;
-    private handleAlphaDrag;
-    private handleHueDrag;
-    private handleGridDrag;
-    private handleAlphaKeyDown;
-    private handleHueKeyDown;
-    private handleGridKeyDown;
-    private handleInputChange;
-    private handleInputInput;
-    private handleInputKeyDown;
-    private handleInputInvalid;
-    private handleTouchMove;
-    private parseColor;
-    private setColor;
-    private setLetterCase;
-    private syncValues;
-    private handleAfterHide;
-    private handleEyeDropper;
-    private selectSwatch;
-    /** Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100. */
-    private getHexString;
-    private stopNestedEventPropagation;
-    handleFormatChange(): void;
-    handleOpacityChange(): void;
-    handleValueChange(oldValue: string | undefined, newValue: string): void;
-    /** Sets focus on the color picker. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the color picker. */
-    blur(): void;
-    /** Returns the current value as a string in the specified format. */
-    getFormattedValue(format?: 'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva'): string;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-color-picker': FlowColorPicker;
-    }
-}

package/dist/types/components/color-picker/color-picker.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/types/components/color-picker/color-picker.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/details/details.d.ts

@@ -1,60 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Details show a brief summary and expand to show additional content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot - The details' main content.
- * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.
- * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.
- * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.
- *
- * @event flow-ui-show - Emitted when the details opens.
- * @event flow-ui-after-show - Emitted after the details opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the details closes.
- * @event flow-ui-after-hide - Emitted after the details closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart header - The header that wraps both the summary and the expand/collapse icon.
- * @csspart summary - The container that wraps the summary.
- * @csspart summary-icon - The container that wraps the expand/collapse icons.
- * @csspart content - The details content.
- *
- * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.
- * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.
- */
-export default class FlowDetails extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    details: HTMLElement;
-    header: HTMLElement;
-    body: HTMLElement;
-    expandIconSlot: HTMLSlotElement;
-    /**
-     * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you
-     * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
-     */
-    open: boolean;
-    /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */
-    summary: string;
-    /** Disables the details so it can't be toggled. */
-    disabled: boolean;
-    firstUpdated(): void;
-    private handleSummaryClick;
-    private handleSummaryKeyDown;
-    handleOpenChange(): Promise<void>;
-    /** Shows the details. */
-    show(): Promise<void>;
-    /** Hides the details */
-    hide(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-details': FlowDetails;
-    }
-}

package/dist/types/components/details/details.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;

package/dist/types/components/details/details.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/dialog/dialog.d.ts

@@ -1,91 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dialog
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The dialog's main content.
- * @slot label - The dialog's label. Alternatively, you can use the `label` attribute.
- * @slot header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
- * @slot footer - The dialog's footer, usually one or more buttons representing various options.
- *
- * @event flow-ui-show - Emitted when the dialog opens.
- * @event flow-ui-after-show - Emitted after the dialog opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the dialog closes.
- * @event flow-ui-after-hide - Emitted after the dialog closes and all animations are complete.
- * @event flow-ui-initial-focus - Emitted when the dialog opens and is ready to receive focus. Calling
- *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.
- * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} flow-ui-request-close - Emitted when the user attempts to
- *   close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling
- *   `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in
- *   destructive behavior such as data loss.
- *
- * @csspart base - The component's base wrapper.
- * @csspart overlay - The overlay that covers the screen behind the dialog.
- * @csspart panel - The dialog's panel (where the dialog and its content are rendered).
- * @csspart header - The dialog's header. This element wraps the title and header actions.
- * @csspart header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
- * @csspart title - The dialog's title.
- * @csspart close-button - The close button, an `<flow-ui-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- * @csspart body - The dialog's body.
- * @csspart footer - The dialog's footer.
- *
- * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.
- * @cssproperty --header-spacing - The amount of padding to use for the header.
- * @cssproperty --body-spacing - The amount of padding to use for the body.
- * @cssproperty --footer-spacing - The amount of padding to use for the footer.
- *
- * @animation dialog.show - The animation to use when showing the dialog.
- * @animation dialog.hide - The animation to use when hiding the dialog.
- * @animation dialog.denyClose - The animation to use when a request to close the dialog is denied.
- * @animation dialog.overlay.show - The animation to use when showing the dialog's overlay.
- * @animation dialog.overlay.hide - The animation to use when hiding the dialog's overlay.
- */
-export default class FlowDialog extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    private readonly localize;
-    private modal;
-    private originalTrigger;
-    dialog: HTMLElement;
-    panel: HTMLElement;
-    overlay: HTMLElement;
-    /**
-     * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.
-     */
-    open: boolean;
-    /**
-     * The dialog's label as displayed in the header. You should always include a relevant label even when using
-     * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
-     */
-    label: string;
-    /**
-     * Disables the header. This will also remove the default close button, so please ensure you provide an easy,
-     * accessible way for users to dismiss the dialog.
-     */
-    noHeader: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private requestClose;
-    private addOpenListeners;
-    private removeOpenListeners;
-    private handleDocumentKeyDown;
-    handleOpenChange(): Promise<void>;
-    /** Shows the dialog. */
-    show(): Promise<void>;
-    /** Hides the dialog */
-    hide(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-dialog': FlowDialog;
-    }
-}

package/dist/types/components/dialog/dialog.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/divider/divider.d.ts

@@ -1,24 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Dividers are used to visually separate or group elements.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider
- * @status stable
- * @since 2.0
- *
- * @cssproperty --color - The color of the divider.
- * @cssproperty --width - The width of the divider.
- * @cssproperty --spacing - The spacing of the divider.
- */
-export default class FlowDivider extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    /** Draws the divider in a vertical orientation. */
-    vertical: boolean;
-    connectedCallback(): void;
-    handleVerticalChange(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-divider': FlowDivider;
-    }
-}

package/dist/types/components/divider/divider.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/drawer/drawer.d.ts

@@ -1,106 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Drawers slide in from a container to expose additional options and information.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/drawer
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The drawer's main content.
- * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.
- * @slot header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
- * @slot footer - The drawer's footer, usually one or more buttons representing various options.
- *
- * @event flow-ui-show - Emitted when the drawer opens.
- * @event flow-ui-after-show - Emitted after the drawer opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the drawer closes.
- * @event flow-ui-after-hide - Emitted after the drawer closes and all animations are complete.
- * @event flow-ui-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling
- *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.
- * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} flow-ui-request-close - Emitted when the user attempts to
- *   close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling
- *   `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in
- *   destructive behavior such as data loss.
- *
- * @csspart base - The component's base wrapper.
- * @csspart overlay - The overlay that covers the screen behind the drawer.
- * @csspart panel - The drawer's panel (where the drawer and its content are rendered).
- * @csspart header - The drawer's header. This element wraps the title and header actions.
- * @csspart header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
- * @csspart title - The drawer's title.
- * @csspart close-button - The close button, an `<flow-ui-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- * @csspart body - The drawer's body.
- * @csspart footer - The drawer's footer.
- *
- * @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height
- *   depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.
- * @cssproperty --header-spacing - The amount of padding to use for the header.
- * @cssproperty --body-spacing - The amount of padding to use for the body.
- * @cssproperty --footer-spacing - The amount of padding to use for the footer.
- *
- * @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.
- * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.
- * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.
- * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.
- * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.
- * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.
- * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.
- * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.
- * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.
- * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.
- * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.
- */
-export default class FlowDrawer extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    private readonly localize;
-    private modal;
-    private originalTrigger;
-    drawer: HTMLElement;
-    panel: HTMLElement;
-    overlay: HTMLElement;
-    /**
-     * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.
-     */
-    open: boolean;
-    /**
-     * The drawer's label as displayed in the header. You should always include a relevant label even when using
-     * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
-     */
-    label: string;
-    /** The direction from which the drawer will open. */
-    placement: 'top' | 'end' | 'bottom' | 'start';
-    /**
-     * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of
-     * its parent element, set this attribute and add `position: relative` to the parent.
-     */
-    contained: boolean;
-    /**
-     * Removes the header. This will also remove the default close button, so please ensure you provide an easy,
-     * accessible way for users to dismiss the drawer.
-     */
-    noHeader: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private requestClose;
-    private addOpenListeners;
-    private removeOpenListeners;
-    private handleDocumentKeyDown;
-    handleOpenChange(): Promise<void>;
-    handleNoModalChange(): void;
-    /** Shows the drawer. */
-    show(): Promise<void>;
-    /** Hides the drawer */
-    hide(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-drawer': FlowDrawer;
-    }
-}

package/dist/types/components/drawer/drawer.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,98 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import type FlowSelectEvent from '../../events/flow-select';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-import type FlowMenu from '../menu/menu';
-import type FlowPopup from '../popup/popup';
-/**
- * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dropdown
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-popup
- *
- * @slot - The dropdown's main content.
- * @slot trigger - The dropdown's trigger, usually a `<flow-ui-button>` element.
- *
- * @event flow-ui-show - Emitted when the dropdown opens.
- * @event flow-ui-after-show - Emitted after the dropdown opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the dropdown closes.
- * @event flow-ui-after-hide - Emitted after the dropdown closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart trigger - The container that wraps the trigger.
- * @csspart panel - The panel that gets shown when the dropdown is open.
- *
- * @animation dropdown.show - The animation to use when showing the dropdown.
- * @animation dropdown.hide - The animation to use when hiding the dropdown.
- */
-export default class FlowDropdown extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    popup: FlowPopup;
-    trigger: HTMLSlotElement;
-    panel: HTMLSlotElement;
-    private readonly localize;
-    /**
-     * 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: boolean;
-    /**
-     * 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: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-    /** Disables the dropdown so the panel will not open. */
-    disabled: boolean;
-    /**
-     * 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: boolean;
-    /**
-     * 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?: HTMLElement;
-    /** The distance in pixels from which to offset the panel away from its trigger. */
-    distance: number;
-    /** The distance in pixels from which to offset the panel along its trigger. */
-    skidding: number;
-    /**
-     * 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: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    focusOnTrigger(): void;
-    getMenu(): FlowMenu | undefined;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleDocumentKeyDown(event: KeyboardEvent): void;
-    handleDocumentMouseDown(event: MouseEvent): void;
-    handlePanelSelect(event: FlowSelectEvent): void;
-    handleTriggerClick(): void;
-    handleTriggerKeyDown(event: KeyboardEvent): void;
-    handleTriggerKeyUp(event: KeyboardEvent): void;
-    handleTriggerSlotChange(): void;
-    updateAccessibleTrigger(): void;
-    /** Shows the dropdown panel. */
-    show(): Promise<void>;
-    /** Hides the dropdown panel */
-    hide(): Promise<void>;
-    /**
-     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-     * is activated.
-     */
-    reposition(): void;
-    addOpenListeners(): void;
-    removeOpenListeners(): void;
-    handleOpenChange(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-dropdown': FlowDropdown;
-    }
-}

package/dist/types/components/dropdown/dropdown.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/icon/icon.d.ts

@@ -1,45 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Icons are symbols that can be used to represent various options within an application.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon
- * @status stable
- * @since 2.0
- *
- * @event flow-ui-load - Emitted when the icon has loaded.
- * @event flow-ui-error - Emitted when the icon fails to load due to an error.
- *
- * @csspart svg - The internal SVG element.
- */
-export default class FlowIcon extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
-    private static resolveIcon;
-    private svg;
-    /** The name of the icon to draw. Available names depend on the icon library being used. */
-    name?: string;
-    /**
-     * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-     * can result in XSS attacks.
-     */
-    src?: string;
-    /**
-     * An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-     * ignored by assistive devices.
-     */
-    label: string;
-    /** The name of a registered custom icon library. */
-    library: string;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private getUrl;
-    handleLabelChange(): void;
-    setIcon(): Promise<void>;
-    render(): SVGElement | null;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-icon': FlowIcon;
-    }
-}

package/dist/types/components/icon/icon.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;