@emuanalytics/flow-rdf-ui 0.0.2 → 0.0.3

package/dist/types/components/carousel/autoplay-controller.d.ts

@@ -1,20 +0,0 @@
-import type { ReactiveController, ReactiveElement } from 'lit';
-/**
- * A controller that repeatedly calls the specified callback with the provided interval time.
- * The timer is automatically paused while the user is interacting with the component.
- */
-export declare class AutoplayController implements ReactiveController {
-    private host;
-    private timerId;
-    private tickCallback;
-    private activeInteractions;
-    paused: boolean;
-    stopped: boolean;
-    constructor(host: ReactiveElement, tickCallback: () => void);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    start(interval: number): void;
-    stop(): void;
-    pause: () => void;
-    resume: () => void;
-}

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

@@ -1,105 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Carousels display an arbitrary number of content slides along a horizontal or vertical axis.
- *
- * @since 2.2
- * @status experimental
- *
- * @dependency flow-ui-icon
- *
- * @event {{ index: number, slide: FlowCarouselItem }} flow-ui-slide-change - Emitted when the active slide changes.
- *
- * @slot - The carousel's main content, one or more `<flow-ui-carousel-item>` elements.
- * @slot next-icon - Optional next icon to use instead of the default. Works best with `<flow-ui-icon>`.
- * @slot previous-icon - Optional previous icon to use instead of the default. Works best with `<flow-ui-icon>`.
- *
- * @csspart base - The carousel's internal wrapper.
- * @csspart scroll-container - The scroll container that wraps the slides.
- * @csspart pagination - The pagination indicators wrapper.
- * @csspart pagination-item - The pagination indicator.
- * @csspart pagination-item--active - Applied when the item is active.
- * @csspart navigation - The navigation wrapper.
- * @csspart navigation-button - The navigation button.
- * @csspart navigation-button--previous - Applied to the previous button.
- * @csspart navigation-button--next - Applied to the next button.
- *
- * @cssproperty --slide-gap - The space between each slide.
- * @cssproperty --aspect-ratio - The aspect ratio of each slide.
- * @cssproperty --scroll-hint - The amount of padding to apply to the scroll area, allowing adjacent slides to become
- *  partially visible as a scroll hint.
- */
-export default class FlowCarousel extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    /** When set, allows the user to navigate the carousel in the same direction indefinitely. */
-    loop: boolean;
-    /** When set, show the carousel's navigation. */
-    navigation: boolean;
-    /** When set, show the carousel's pagination indicators. */
-    pagination: boolean;
-    /** When set, the slides will scroll automatically when the user is not interacting with them.  */
-    autoplay: boolean;
-    /** Specifies the amount of time, in milliseconds, between each automatic scroll.  */
-    autoplayInterval: number;
-    /** Specifies how many slides should be shown at a given time.  */
-    slidesPerPage: number;
-    /**
-     * Specifies the number of slides the carousel will advance when scrolling, useful when specifying a `slides-per-page`
-     * greater than one.
-     */
-    slidesPerMove: number;
-    /** Specifies the orientation in which the carousel will lay out.  */
-    orientation: 'horizontal' | 'vertical';
-    /** When set, it is possible to scroll through the slides by dragging them with the mouse. */
-    mouseDragging: boolean;
-    defaultSlot: HTMLSlotElement;
-    scrollContainer: HTMLElement;
-    paginationContainer: HTMLElement;
-    activeSlide: number;
-    private autoplayController;
-    private scrollController;
-    private readonly slides;
-    private intersectionObserver;
-    private readonly intersectionObserverEntries;
-    private readonly localize;
-    private mutationObserver;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected firstUpdated(): void;
-    private getPageCount;
-    private getCurrentPage;
-    private getSlides;
-    private handleKeyDown;
-    private handleScrollEnd;
-    private handleSlotChange;
-    initializeSlides(): void;
-    handelSlideChange(): void;
-    handleSlidesPerMoveChange(): void;
-    handleAutoplayChange(): void;
-    handleMouseDraggingChange(): void;
-    /**
-     * Move the carousel backward by `slides-per-move` slides.
-     *
-     * @param behavior - The behavior used for scrolling.
-     */
-    previous(behavior?: ScrollBehavior): void;
-    /**
-     * Move the carousel forward by `slides-per-move` slides.
-     *
-     * @param behavior - The behavior used for scrolling.
-     */
-    next(behavior?: ScrollBehavior): void;
-    /**
-     * Scrolls the carousel to the slide specified by `index`.
-     *
-     * @param index - The slide index.
-     * @param behavior - The behavior used for scrolling.
-     */
-    goToSlide(index: number, behavior?: ScrollBehavior): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-carousel': FlowCarousel;
-    }
-}

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

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

package/dist/types/components/carousel/scroll-controller.d.ts

@@ -1,28 +0,0 @@
-import type { ReactiveController, ReactiveElement } from 'lit';
-interface ScrollHost extends ReactiveElement {
-    scrollContainer: HTMLElement;
-}
-/**
- * A controller for handling scrolling and mouse dragging.
- */
-export declare class ScrollController<T extends ScrollHost> implements ReactiveController {
-    private host;
-    private pointers;
-    dragging: boolean;
-    scrolling: boolean;
-    mouseDragging: boolean;
-    constructor(host: T);
-    hostConnected(): Promise<void>;
-    hostDisconnected(): void;
-    handleScroll(): void;
-    handleScrollEnd(): void;
-    handlePointerDown(event: PointerEvent): void;
-    handlePointerMove(event: PointerEvent): void;
-    handlePointerUp(event: PointerEvent): void;
-    handleTouchEnd(event: TouchEvent): void;
-    handleTouchStart(event: TouchEvent): void;
-    handleDragStart(): void;
-    handleDrag(event: PointerEvent): void;
-    handleDragEnd(): Promise<void>;
-}
-export {};

package/dist/types/components/carousel-item/carousel-item.d.ts

@@ -1,24 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary A carousel item represent a slide within a [carousel](/components/carousel).
- *
- * @since 2.0
- * @status experimental
- *
- * @slot - The carousel item's content..
- *
- * @cssproperty --aspect-ratio - The slide's aspect ratio. Inherited from the carousel by default.
- *
- */
-export default class FlowCarouselItem extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    static isCarouselItem(node: Node): boolean;
-    connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-carousel-item': FlowCarouselItem;
-    }
-}

package/dist/types/components/carousel-item/carousel-item.styles.d.ts

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

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

@@ -1,94 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import type { FlowRdfFormControl } from '../../internal/flow-ui-rdf-element';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Checkboxes allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/checkbox
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot - The checkbox's label.
- *
- * @event flow-ui-blur - Emitted when the checkbox loses focus.
- * @event flow-ui-change - Emitted when the checked state changes.
- * @event flow-ui-focus - Emitted when the checkbox gains focus.
- * @event flow-ui-input - Emitted when the checkbox 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 control - The square container that wraps the checkbox's checked state.
- * @csspart control--checked - Matches the control part when the checkbox is checked.
- * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.
- * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
- * @csspart indeterminate-icon - The indeterminate icon, an `<flow-ui-icon>` element.
- * @csspart label - The container that wraps the checkbox's label.
- */
-export default class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    input: HTMLInputElement;
-    private hasFocus;
-    title: string;
-    /** The name of the checkbox, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the checkbox, submitted as a name/value pair with form data. */
-    value: string;
-    /** The checkbox's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the checkbox. */
-    disabled: boolean;
-    /** Draws the checkbox in a checked state. */
-    checked: boolean;
-    /**
-     * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
-     * all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
-     */
-    indeterminate: boolean;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultChecked: boolean;
-    /**
-     * 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 checkbox a required field. */
-    required: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    firstUpdated(): void;
-    private handleClick;
-    private handleBlur;
-    private handleInput;
-    private handleInvalid;
-    private handleFocus;
-    handleDisabledChange(): void;
-    handleStateChange(): void;
-    /** Simulates a click on the checkbox. */
-    click(): void;
-    /** Sets focus on the checkbox. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the checkbox. */
-    blur(): void;
-    /** 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. The value provided will be shown to the user when the form is submitted. To clear
-     * the custom validation message, call this method with an empty string.
-     */
-    setCustomValidity(message: string): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-checkbox': FlowCheckbox;
-    }
-}

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

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

package/dist/types/components/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as FlowCheckbox } from './checkbox';

package/dist/types/components/color-mapper/color-mapper.component.d.ts

@@ -1,39 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-import { ColorMapperOptions, ColorMapperValue } from './types';
-import { FlowDialog } from '../..';
-import FlowColorPicker from '../color-picker/color-picker';
-import FlowRadioGroup from '../radio-group/radio-group';
-import FlowSelect from '../select/select';
-export default class FlowColorMapper extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private currentField?;
-    private readonly hasSlotController;
-    modeRadioGroup: FlowRadioGroup;
-    fixedColorPicker: FlowColorPicker;
-    fieldSelect: FlowSelect;
-    infoDialog: FlowDialog;
-    field: string;
-    options: ColorMapperOptions;
-    value: ColorMapperValue;
-    size: 'small' | 'medium' | 'large';
-    defaultColorStop: 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[];
-    private handleFixedPickerClick;
-    private handleChange;
-    private emitChange;
-    private handleColorStopRemove;
-    handleInfoClick(): void;
-    private getAllColorStops;
-    private getColorStopPlaceholder;
-    private fixedColorTemplate;
-    private dataDrivenColorTemplate;
-    private colorStopsTemplate;
-    private infoDialogTemplate;
-    render(): import("lit").TemplateResult<1>;
-}

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

@@ -1,68 +0,0 @@
-import type { StoryObj } from '@storybook/web-components';
-import { ColorMapperOptions, ColorMapperValue } from './types';
-interface Props {
-    width?: string;
-    size?: 'small' | 'medium' | 'large';
-    showInfo: boolean;
-    field: string;
-    options: ColorMapperOptions;
-    value: ColorMapperValue;
-    onChange: (e: CustomEvent) => void;
-    onRemove: (e: CustomEvent) => void;
-}
-declare const meta: {
-    title: string;
-    component: string;
-    argTypes: {
-        size: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        onChange: {
-            action: string;
-        };
-        onRemove: {
-            action: string;
-        };
-    };
-    args: {
-        width: string;
-        size: "small";
-        options: {
-            fields: {
-                group: {
-                    field: string;
-                    name: string;
-                    type: "select";
-                    options: {
-                        name: string;
-                        value: string;
-                    }[];
-                };
-                altitude: {
-                    field: string;
-                    name: string;
-                    type: "number";
-                    min: number;
-                    max: number;
-                    step: number;
-                    units: string;
-                };
-                flight_number: {
-                    name: string;
-                    field: string;
-                    type: "string";
-                };
-            };
-        };
-    };
-    render: (args: Props) => import("lit").TemplateResult<1>;
-};
-export default meta;
-type Story = StoryObj<Props>;
-export declare const Select: Story;
-export declare const Strings: Story;
-export declare const Numbers: Story;
-export declare const MappingInfoDialog: Story;

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

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

package/dist/types/components/color-mapper/color-stop.component.d.ts

@@ -1,54 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import { FlowColorPicker, FlowIconButton, FlowTooltip } from '../..';
-import FlowRdfElement, { FlowRdfFormControl } from '../../internal/flow-ui-rdf-element';
-import { ColorStopOptions, ColorStopValue } from './types';
-export default class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    input: HTMLInputElement;
-    picker: FlowColorPicker;
-    tooltip: FlowTooltip;
-    caseSensitiveButton: FlowIconButton;
-    regexButton: FlowIconButton;
-    /** The name of the color stop, submitted as a name/value pair with form data. */
-    name: 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 stop as a required field. */
-    required: boolean;
-    options: ColorStopOptions;
-    value: ColorStopValue;
-    size: 'small' | 'medium' | 'large';
-    placeholder: boolean;
-    fixed?: string;
-    /**
-     * 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[];
-    get validity(): ValidityState;
-    get validationMessage(): "" | "Invalid regular expression";
-    checkValidity(): boolean;
-    getForm(): HTMLFormElement | null;
-    reportValidity(): boolean;
-    setCustomValidity(message: string): void;
-    private handleRemove;
-    private handleChange;
-    private emitChange;
-    private validate;
-    private textInputTemplate;
-    private numberInputTemplate;
-    private fixedInputTemplate;
-    private selectInputTemplate;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-color-stop': FlowColorStopComponent;
-    }
-}

package/dist/types/components/color-mapper/color-stop.styles.d.ts

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

package/dist/types/components/color-mapper/helpers.d.ts

@@ -1,3 +0,0 @@
-import { ColorMapperValue } from './types';
-export declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue): string;
-export declare function escapeMaplibreString(value: string): string;

package/dist/types/components/color-mapper/index.d.ts

@@ -1,4 +0,0 @@
-export { default as FlowColorMapper } from './color-mapper.component';
-export { default as FlowColorStop } from './color-stop.component';
-export * from './helpers';
-export type * from './types';

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

@@ -1,54 +0,0 @@
-export interface BaseColorStopOptions {
-    type: string;
-    label?: string;
-}
-export interface StringColorStopOptions {
-    type: 'string';
-}
-export interface NumberColorStopOptions {
-    type: 'number';
-    min?: number;
-    max?: number;
-    step?: number;
-    units?: string;
-}
-export interface SelectColorStopOptions {
-    type: 'select';
-    options: Array<string | {
-        value: string;
-        name?: string;
-    }>;
-}
-export type ColorStopOptions = StringColorStopOptions | NumberColorStopOptions | SelectColorStopOptions;
-export interface ColorStopValue {
-    value: string | number;
-    color: string;
-    options?: {
-        regex: boolean;
-        caseSensitive: boolean;
-    };
-}
-export interface BaseColorMapperField {
-    name?: string;
-    field: string;
-}
-export interface StringColorMapperField extends StringColorStopOptions, BaseColorMapperField {
-    type: 'string';
-}
-export interface NumberColorMapperField extends NumberColorStopOptions, BaseColorMapperField {
-    type: 'number';
-}
-export interface SelectColorMapperField extends SelectColorStopOptions, BaseColorMapperField {
-    type: 'select';
-}
-export type ColorMapperField = StringColorMapperField | NumberColorMapperField | SelectColorMapperField;
-export interface ColorMapperOptions {
-    fields: Record<string, ColorMapperField>;
-}
-export interface ColorMapperValue {
-    mode: 'fixed' | 'data-driven';
-    field: string | undefined;
-    type?: 'string' | 'number' | 'select';
-    defaultColor?: string;
-    colorStops: ColorStopValue[];
-}