@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/src/definitions/shared/lib/types/descriptor.types.d.ts

@@ -0,0 +1,39 @@
+import type { z } from 'zod';
+import type { CompileVisualizationDefinitionInput, CompileVisualizationDefinitionResult } from './compilation.types';
+import type { VisualizationDefinition } from './definition.types';
+export type VisualizationDefinitionFeature = 'axes' | 'axis-bands' | 'axis-range' | 'axis-scale' | 'conditional-coloring' | 'content' | 'data-labels' | 'data-points' | 'dimensions' | 'display-mode' | 'filter-settings' | 'filters' | 'legend' | 'layout' | 'measure-axis' | 'measures' | 'input-settings' | 'selection-settings' | 'object-settings' | 'orientation' | 'query-limit' | 'sorting' | 'series-type' | 'table-structure' | 'top-n' | 'totals' | 'value-formatting';
+export interface VisualizationDefinitionDocumentation {
+    /**
+     * Plain-language semantic rules and observable behavior that are not fully represented by JSON Schema.
+     * These are supplied to Nash together with the selected schema so generated definitions do not rely on
+     * unsupported combinations or incorrect assumptions about how the visualization interprets its data.
+     */
+    constraints: readonly string[];
+    /**
+     * Human-readable minimum data shape for the visualization, such as the required number and roles of
+     * dimensions and measures. The definition schema and compiler remain the validation source of truth.
+     */
+    dataRequirements: readonly string[];
+    /** Short explanation of the visualization's purpose and the behavior covered by its definition contract. */
+    summary: string;
+    /** Human-readable visualization name used in generated reference documentation and Nash discovery metadata. */
+    title: string;
+}
+export interface VisualizationDefinitionDescriptor<TDefinition extends VisualizationDefinition = VisualizationDefinition> {
+    compile(input: CompileVisualizationDefinitionInput): Promise<CompileVisualizationDefinitionResult>;
+    documentation: VisualizationDefinitionDocumentation;
+    examples: readonly TDefinition[];
+    jsonSchema: Record<string, unknown>;
+    schema: z.ZodType<TDefinition>;
+    supportedFeatures: readonly VisualizationDefinitionFeature[];
+    type: TDefinition['type'];
+    version: TDefinition['version'];
+}
+export interface SerializableVisualizationDefinitionDescriptor {
+    documentation: VisualizationDefinitionDocumentation;
+    examples: readonly VisualizationDefinition[];
+    jsonSchema: Record<string, unknown>;
+    supportedFeatures: readonly VisualizationDefinitionFeature[];
+    type: VisualizationDefinition['type'];
+    version: VisualizationDefinition['version'];
+}

package/src/definitions/shared/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './compilation.types';
+export * from './definition.types';
+export * from './descriptor.types';

package/src/getters/index.d.ts

@@ -0,0 +1,30 @@
+import type { StandaloneVSpecChange, VisualizationInstance, VisualizationRegistry, VisualizationRuntime } from '../types';
+export interface VisualizationGetterVariable {
+    id: string;
+    name: string;
+}
+export interface VisualizationGetterRequest {
+    name: string;
+    [key: string]: unknown;
+}
+export interface VisualizationChangeQueueItem {
+    id: string;
+    change: StandaloneVSpecChange;
+    timestamp: number;
+}
+export interface ProcessGetterRequestsInput {
+    instance: VisualizationInstance;
+    getterRequests: VisualizationGetterRequest[];
+    variables?: VisualizationGetterVariable[];
+    changesQueue?: VisualizationChangeQueueItem[];
+    registry?: VisualizationRegistry;
+}
+export interface ProcessGetterRequestsResult {
+    results: unknown[];
+}
+export interface ProcessRuntimeGetterRequestsInput extends Omit<ProcessGetterRequestsInput, 'instance'> {
+    instanceId: string;
+    runtime: VisualizationRuntime;
+}
+export declare const processGetterRequests: (input: ProcessGetterRequestsInput) => ProcessGetterRequestsResult;
+export declare const processRuntimeGetterRequests: (input: ProcessRuntimeGetterRequestsInput) => ProcessGetterRequestsResult;

package/src/index.d.ts

@@ -0,0 +1,4 @@
+export { createDefaultVSpec, getVisualizationRegistryEntry, listVisualizationRegistryEntries, registry, standaloneVisualizationRegistry, } from './registry';
+export { createVisualizationRuntime } from './runtime';
+export { registerAstratoElements, type AstratoVisualizationElement } from './web-components';
+export type { AstratoClientLike, AstratoEngineServiceLike, AstratoEngineCapabilitiesLike, AstratoHostServicesLike, AstratoObservableLike, AstratoSelectionModeLike, AstratoSelectionServiceLike, AstratoSubscriptionLike, AstratoVariableServiceLike, DataBinding, MountedVisualizationHandle, SerializableVisualizationMetadata, StandaloneVisualizationFamily, StandaloneVisualizationType, VisualizationDataOptions, VisualizationDataResult, VisualizationExportConfig, VisualizationExportQuery, VisualizationManifestItemMetadata, VisualizationManifestMetadata, VisualizationBrushField, VisualizationMountStatus, VisualizationInstanceChange, VisualizationInstanceChangeListener, VisualizationInstanceChangeReason, VisualizationInstance, VisualizationInstanceUpdate, VisualizationPresetMetadata, VisualizationRegistry, VisualizationRegistryEntry, VisualizationReadyResult, VisualizationReadyStatus, VisualizationRequirementsMetadata, VisualizationRequirementsValidation, VisualizationRuntime, VisualizationRuntimeLogger, VisualizationRuntimeOptions, VisualizationRuntimeTheme, VisualizationSchemaMetadata, } from './types';

package/src/metadata/index.d.ts

@@ -0,0 +1,4 @@
+import type { SerializableVisualizationMetadata, VisualizationRegistryEntry } from '../types';
+export declare const createSerializableVisualizationMetadata: (entry: VisualizationRegistryEntry) => SerializableVisualizationMetadata;
+export declare const visualizationMetadata: SerializableVisualizationMetadata[];
+export declare const getVisualizationMetadata: (type: string) => SerializableVisualizationMetadata;

package/src/operations/index.d.ts

@@ -0,0 +1,30 @@
+import type { StandaloneDataFieldOption, StandaloneVSpec, StandaloneVSpecChange, VisualizationInstance, VisualizationRegistry, VisualizationRuntime } from '../types';
+export interface VisualizationOperationRequest {
+    id?: string;
+    name: string;
+    payload: unknown;
+}
+export interface VisualizationChangeQueueItem {
+    id: string;
+    change: StandaloneVSpecChange;
+    timestamp: number;
+}
+export interface ApplyOperationsInput {
+    instance: VisualizationInstance;
+    operationRequests: VisualizationOperationRequest[];
+    availableFields?: StandaloneDataFieldOption[];
+    variables?: unknown[];
+    changesQueue?: VisualizationChangeQueueItem[];
+    registry?: VisualizationRegistry;
+    vTheme?: unknown;
+}
+export interface ApplyOperationsResult {
+    vSpec: StandaloneVSpec;
+    results: unknown;
+}
+export interface ApplyRuntimeOperationsInput extends Omit<ApplyOperationsInput, 'instance'> {
+    instanceId: string;
+    runtime: VisualizationRuntime;
+}
+export declare const applyOperations: (input: ApplyOperationsInput) => Promise<ApplyOperationsResult>;
+export declare const applyRuntimeOperations: (input: ApplyRuntimeOperationsInput) => Promise<ApplyOperationsResult>;

package/src/registry/index.d.ts

@@ -0,0 +1,6 @@
+import type { StandaloneVisualizationType, StandaloneVSpec, VisualizationRegistry, VisualizationRegistryEntry } from '../types';
+export declare const standaloneVisualizationRegistry: VisualizationRegistry;
+export declare const registry: VisualizationRegistry;
+export declare const listVisualizationRegistryEntries: (source?: VisualizationRegistry) => VisualizationRegistryEntry[];
+export declare const getVisualizationRegistryEntry: (type: string, source?: VisualizationRegistry) => VisualizationRegistryEntry;
+export declare const createDefaultVSpec: (type: StandaloneVisualizationType, source?: VisualizationRegistry) => StandaloneVSpec;

package/src/runtime/index.d.ts

@@ -0,0 +1,2 @@
+import type { VisualizationRuntime, VisualizationRuntimeOptions } from '../types';
+export declare const createVisualizationRuntime: (options: VisualizationRuntimeOptions) => VisualizationRuntime;

package/src/types.d.ts

@@ -0,0 +1,307 @@
+import type { StandaloneVisualizationFamily, StandaloneVisualizationType } from './visualization-catalog';
+export type { StandaloneVisualizationFamily, StandaloneVisualizationType } from './visualization-catalog';
+export type StandaloneVSpec = object;
+export type StandaloneVSpecChange = object;
+export type StandaloneDataFieldOption = object;
+export interface StandaloneFieldMetadata {
+    fields?: unknown[];
+    validFields?: unknown[];
+    viewsFields?: unknown[];
+    dimensions?: unknown[];
+    measures?: unknown[];
+    groupedDimensions?: Record<string, number>;
+}
+export interface DataBinding {
+    tenantId?: string;
+    semanticLayerId?: string;
+    datasourceType?: string;
+    queryContext?: unknown;
+    fieldMetadata?: StandaloneFieldMetadata;
+}
+export interface AstratoVariableServiceLike {
+    getVariables(instanceId: string): Promise<unknown[]>;
+}
+export type AstratoSelectionModeLike = 'auto' | 'manual';
+export type AstratoSelectionKindLike = 'VALUE' | 'ASSOCIATIVE' | 'ALL';
+export type AstratoSelectionStateLike = 'applied' | 'pending';
+export interface AstratoSubscriptionLike {
+    unsubscribe(): void;
+}
+export interface AstratoObservableLike<TValue> {
+    subscribe(listener: (value: TValue) => void): AstratoSubscriptionLike;
+}
+export interface AstratoFieldReferenceLike {
+    fieldKey: string;
+}
+export interface AstratoSingleSelectFieldLike {
+    field: AstratoFieldReferenceLike;
+    enabled: boolean;
+    defaultValue?: unknown;
+}
+export interface AstratoSelectionServiceLike {
+    readonly singleSelectFields$?: AstratoObservableLike<AstratoSingleSelectFieldLike[]>;
+    getSelection(groupId: string): unknown;
+    getActiveSelection?(kind?: AstratoSelectionKindLike, groupId?: string): unknown;
+    selectValues(groupId: string, selection: unknown, options?: {
+        state?: AstratoSelectionStateLike;
+    }): void;
+    declineSelection?(groupId: string, selection: unknown): void;
+    removeSelection?(groupId: string, selection: unknown): void;
+    setNewSelectionState?(groupId: string, selection: unknown): void;
+    applyPendingSelections(groupId?: string): void;
+    clearPendingSelections(groupId?: string): void;
+    clearAllSelections(groupId?: string): void;
+    onActiveSelectionChange?(groupId?: string): AstratoObservableLike<unknown>;
+    onActiveSelectionChangeApplied?(groupId?: string): AstratoObservableLike<unknown>;
+    onActiveSelectionChangePending?(groupId?: string): AstratoObservableLike<unknown>;
+    selectionMode?: AstratoSelectionModeLike;
+    getSelectionMode?(groupId?: string): AstratoSelectionModeLike;
+    isFieldLocked?(field: AstratoFieldReferenceLike, groupId?: string): boolean;
+    isFieldLocked$?(field: AstratoFieldReferenceLike, groupId?: string): AstratoObservableLike<boolean>;
+    setFieldLocked?(field: AstratoFieldReferenceLike, locked: boolean, groupId?: string): void;
+    toggleFieldLocked?(field: AstratoFieldReferenceLike, groupId?: string): void;
+}
+export interface AstratoDataServiceLike {
+    query?(request: unknown): Promise<unknown> | unknown;
+    getSemanticLayerMetadata?(semanticLayerId: string): Promise<unknown> | unknown;
+}
+export interface AstratoModelServiceLike {
+    saveProperties(propertiesOrUpdater: unknown, config?: unknown): Promise<void>;
+    saveLocalVSpec(vSpec: unknown): Promise<void>;
+}
+export interface AstratoEngineFieldsServiceLike {
+    getFieldMetadata?(request?: unknown): Promise<StandaloneFieldMetadata>;
+    getFields?(request?: unknown): unknown[];
+    getDimensionsList?(request?: unknown): unknown[];
+    getGroupedDimensions?(request?: unknown): Record<string, number>;
+    setGroupedDimensions?(state: Record<string, number>): void;
+    getMeasuresList?(request?: unknown): unknown[];
+    getValidFields?(request?: unknown): unknown[];
+    getViewsFields?(request?: unknown): unknown[];
+}
+export interface AstratoEngineCapabilitiesLike extends Record<string, unknown> {
+    /** Opt in only when the integration supports association discovery and selection execution. */
+    associativeFiltering?: boolean;
+}
+export interface AstratoEngineServiceLike {
+    capabilities?: AstratoEngineCapabilitiesLike;
+    databaseInfo?: unknown;
+    localeSettings?: unknown;
+    fields?: AstratoEngineFieldsServiceLike;
+    transformQuery?(request: unknown): Promise<unknown> | unknown;
+    getData?(query: unknown): Promise<unknown> | unknown;
+    /** Views eligible for associative filtering against a target field. */
+    getAssociatedViews?(fieldKey: string, dataBinding?: DataBinding): Promise<string[]> | string[];
+    areFieldsConnected?(...args: unknown[]): boolean;
+    areViewsConnected?(...args: unknown[]): boolean;
+}
+export interface AstratoHostServicesLike {
+    data?: AstratoDataServiceLike;
+    engine?: AstratoEngineServiceLike;
+    model?: AstratoModelServiceLike;
+    variables?: AstratoVariableServiceLike;
+    selections?: AstratoSelectionServiceLike;
+}
+export interface AstratoClientLike {
+    hostServices?: AstratoHostServicesLike;
+    services?: AstratoHostServicesLike;
+}
+export interface VisualizationInstance {
+    id: string;
+    type: StandaloneVisualizationType;
+    preset?: string;
+    vSpec?: StandaloneVSpec;
+    groupId?: string;
+    dataBinding?: DataBinding;
+}
+export interface StandaloneVisualizationModule {
+    type: StandaloneVisualizationType;
+    element?: typeof HTMLElement;
+    default?: unknown;
+}
+export interface VisualizationPresetMetadata {
+    id: string;
+    label: string;
+    friendlyName: string;
+    enabled: boolean;
+    group?: {
+        id: string;
+        name: string;
+    };
+    description?: string;
+    requirements?: string[];
+}
+export interface VisualizationRequirementsMetadata {
+    source: 'chartRequirementsManifest';
+    scenarios: unknown[];
+}
+export interface VisualizationSchemaMetadata {
+    vSpec?: Record<string, unknown>;
+}
+export interface VisualizationManifestItemMetadata {
+    name: string;
+    friendlyName?: string;
+    description?: string;
+    payloadSchema?: unknown;
+    resultSchema?: unknown;
+}
+export interface VisualizationManifestMetadata {
+    count: number;
+    names: string[];
+    items: VisualizationManifestItemMetadata[];
+}
+export interface VisualizationRegistryEntry {
+    type: StandaloneVisualizationType;
+    family: StandaloneVisualizationFamily;
+    load: () => Promise<StandaloneVisualizationModule>;
+    createDefaultVSpec: () => StandaloneVSpec;
+    capabilities?: Record<string, boolean>;
+    presets?: VisualizationPresetMetadata[];
+    requirements?: VisualizationRequirementsMetadata;
+    schemas?: VisualizationSchemaMetadata;
+    operations?: VisualizationManifestMetadata;
+    getters?: VisualizationManifestMetadata;
+    description?: string;
+    examples?: string[];
+}
+export type VisualizationRegistry = Record<StandaloneVisualizationType, VisualizationRegistryEntry>;
+export interface SerializableVisualizationMetadata {
+    type: StandaloneVisualizationType;
+    family: StandaloneVisualizationFamily;
+    capabilities?: Record<string, boolean>;
+    presets: VisualizationPresetMetadata[];
+    requirements?: VisualizationRequirementsMetadata;
+    schemas?: VisualizationSchemaMetadata;
+    operations: VisualizationManifestMetadata;
+    getters: VisualizationManifestMetadata;
+    description?: string;
+    examples?: string[];
+}
+export interface VisualizationRequirementsValidation {
+    instanceId: string;
+    type: StandaloneVisualizationType;
+    requirementsMet: boolean;
+    reason?: string;
+    requirements?: VisualizationRequirementsMetadata;
+}
+export interface VisualizationRuntimeLogger {
+    warn(message: string, context?: unknown): void;
+    error?(message: string, context?: unknown): void;
+}
+export type VisualizationMountStatus = 'mounted' | 'error' | 'unmounted';
+export type VisualizationReadyStatus = 'rendered' | 'error' | 'unmounted' | 'timeout';
+export interface VisualizationReadyResult {
+    instanceId: string;
+    status: VisualizationReadyStatus;
+}
+export type VisualizationInstanceUpdate = Partial<Omit<VisualizationInstance, 'id'>>;
+export type VisualizationInstanceChangeReason = 'created' | 'updated' | 'vspec-updated' | 'removed';
+export interface VisualizationInstanceChange {
+    instanceId: string;
+    reason: VisualizationInstanceChangeReason;
+    instance?: VisualizationInstance;
+}
+export type VisualizationInstanceChangeListener = (change: VisualizationInstanceChange) => void;
+export interface VisualizationRuntimeOptions {
+    client: AstratoClientLike;
+    registry: VisualizationRegistry;
+    instances?: VisualizationInstance[];
+    logger?: VisualizationRuntimeLogger;
+    /**
+     * Maximum wait for the initial render event, starting when the chart is initialized.
+     * Defaults to 40,000 ms. Must be an integer from 1 to 2,147,483,647.
+     * A timeout settles readiness without cancelling rendering or unmounting the chart.
+     */
+    readyTimeoutMs?: number;
+    /**
+     * Theme overrides for every chart this runtime mounts.
+     */
+    theme?: VisualizationRuntimeTheme;
+}
+export interface VisualizationRuntimeTheme {
+    /**
+     * Font stack for chart text, including text drawn on canvas. Defaults to the host page's font:
+     * `--astrato-font-family`, then `--font-family`, then the body font. `system-ui, sans-serif` is always appended.
+     */
+    fontFamily?: string;
+}
+/**
+ * Export settings the chart registers with its query, taken from its vSpec.
+ */
+export interface VisualizationExportConfig {
+    limit?: number;
+    nullAs?: string;
+    csvFormatValues?: boolean;
+    withMetadata?: unknown;
+    pivotConfig?: Record<string, unknown>;
+}
+export interface VisualizationExportQuery {
+    instanceId: string;
+    /**
+     * The engine query the chart itself runs, including Top N, sorting, grouping and the chart's own filters,
+     * without pagination.
+     */
+    query: Record<string, unknown>;
+    config?: VisualizationExportConfig;
+}
+export interface VisualizationDataOptions {
+    /**
+     * Maximum rows to return. Defaults to the chart's export limit, or 1,000, and is capped at 100,000.
+     */
+    limit?: number;
+}
+export interface VisualizationDataResult extends VisualizationExportQuery {
+    /** The data service response for `query`, in the same shape the chart receives. */
+    data: unknown;
+}
+export interface MountedVisualizationHandle {
+    instanceId: string;
+    ready: Promise<VisualizationReadyResult>;
+    status: VisualizationMountStatus;
+    requirements: VisualizationRequirementsValidation;
+    /** Resolves to `null` when the chart has no data to export, for example when its requirements are not met. */
+    getExportQuery(): Promise<VisualizationExportQuery | null>;
+    /** Runs the chart's export query. Resolves to `null` when the chart has no data to export. */
+    getData(options?: VisualizationDataOptions): Promise<VisualizationDataResult | null>;
+    unmount(): void;
+}
+/**
+ * Values of one field to brush across a selection group.
+ */
+export interface VisualizationBrushField {
+    /**
+     * Engine field key, the same identity selections use.
+     */
+    fieldKey: string;
+    /**
+     * Values to bring forward. Other values of the field are shown in the inactive style.
+     */
+    values: Array<string | number | boolean>;
+}
+export interface VisualizationRuntime {
+    client: AstratoClientLike;
+    registry: VisualizationRegistry;
+    createInstance(instance: VisualizationInstance): VisualizationInstance;
+    updateInstance(instanceId: string, update: VisualizationInstanceUpdate): VisualizationInstance;
+    getInstance(instanceId: string): VisualizationInstance;
+    listInstances(): VisualizationInstance[];
+    removeInstance(instanceId: string): void;
+    validateInstanceRequirements(instanceId: string): VisualizationRequirementsValidation;
+    mount(container: HTMLElement, instanceId: string): Promise<MountedVisualizationHandle>;
+    unmount(container: HTMLElement): void;
+    /** Same as the mounted handle's `getExportQuery()`; resolves to `null` when the instance is not mounted. */
+    getExportQuery(instanceId: string): Promise<VisualizationExportQuery | null>;
+    /** Same as the mounted handle's `getData()`; resolves to `null` when the instance is not mounted. */
+    getData(instanceId: string, options?: VisualizationDataOptions): Promise<VisualizationDataResult | null>;
+    onInstanceChange(instanceId: string, listener: VisualizationInstanceChangeListener): () => void;
+    /**
+     * Brush values across every instance of a selection group without selecting them. The brush replaces the
+     * group's previous one, is drawn like a selection, and never creates a selection, a filter or a query.
+     * Instances mounted into the group later show it too.
+     */
+    brush(groupId: string, fields: VisualizationBrushField[]): void;
+    /**
+     * Remove the group's brush.
+     */
+    clearBrush(groupId: string): void;
+}

package/src/visualization-catalog.d.ts

@@ -0,0 +1,82 @@
+export declare const standaloneVisualizationCatalog: {
+    readonly bar: {
+        readonly family: "chart";
+    };
+    readonly combo: {
+        readonly family: "chart";
+    };
+    readonly 'distribution-gauge': {
+        readonly family: "chart";
+    };
+    readonly dot: {
+        readonly family: "chart";
+    };
+    readonly gauge: {
+        readonly family: "chart";
+    };
+    readonly heatMap: {
+        readonly family: "chart";
+    };
+    readonly histogram: {
+        readonly family: "chart";
+    };
+    readonly line: {
+        readonly family: "chart";
+    };
+    readonly pie: {
+        readonly family: "chart";
+    };
+    readonly radar: {
+        readonly family: "chart";
+    };
+    readonly sankey: {
+        readonly family: "chart";
+    };
+    readonly scatter: {
+        readonly family: "chart";
+    };
+    readonly table: {
+        readonly family: "chart";
+    };
+    readonly tree: {
+        readonly family: "chart";
+    };
+    readonly treemap: {
+        readonly family: "chart";
+    };
+    readonly waterfall: {
+        readonly family: "chart";
+    };
+    readonly 'word-cloud': {
+        readonly family: "chart";
+    };
+    readonly 'astrato-app-filter-bar': {
+        readonly family: "filter";
+    };
+    readonly 'date-picker': {
+        readonly family: "filter";
+    };
+    readonly number: {
+        readonly family: "object";
+    };
+    readonly filter: {
+        readonly family: "filter";
+    };
+    readonly iframe: {
+        readonly family: "object";
+    };
+    readonly image: {
+        readonly family: "object";
+    };
+    readonly shape: {
+        readonly family: "object";
+    };
+    readonly simpleTextObject: {
+        readonly family: "object";
+    };
+    readonly slider: {
+        readonly family: "filter";
+    };
+};
+export type StandaloneVisualizationType = keyof typeof standaloneVisualizationCatalog;
+export type StandaloneVisualizationFamily = (typeof standaloneVisualizationCatalog)[StandaloneVisualizationType]['family'];

package/src/web-components/index.d.ts

@@ -0,0 +1,12 @@
+import type { VisualizationReadyResult, VisualizationRuntime } from '../types';
+export interface RegisterAstratoElementsOptions {
+    runtime: VisualizationRuntime;
+    tagName?: string;
+    customElementsRegistry?: CustomElementRegistry;
+}
+export interface AstratoVisualizationElement extends HTMLElement {
+    instanceId: string | null;
+    ready?: Promise<VisualizationReadyResult>;
+    runtime?: VisualizationRuntime;
+}
+export declare const registerAstratoElements: (options: RegisterAstratoElementsOptions) => void;

package/styles.css

@@ -0,0 +1,2 @@
+.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{text-align:center;color:#00a699;height:100%;font:inherit;box-sizing:border-box;cursor:pointer;background:0 0;border:2px solid #00a699;margin-right:8px;padding:4px 12px;font-weight:700;line-height:normal;position:relative;overflow:visible}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{color:#fff;background:#00a699}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 10px 0 5px;padding:10px;line-height:normal;position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;vertical-align:middle;width:15px;height:12px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{color:inherit;font:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:0;margin:0 5px 0 10px;padding:10px;line-height:normal;display:inline-block;overflow:visible}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;vertical-align:middle;width:14px;height:15px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{z-index:1;background-color:#fff;position:absolute}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{color:inherit;font:inherit;cursor:pointer;z-index:2;background:0 0;border:0;padding:15px;line-height:normal;position:absolute;top:0;right:0;overflow:visible}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;width:15px;height:15px}.DayPickerKeyboardShortcuts_buttonReset{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;line-height:normal;overflow:visible}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{z-index:2;width:33px;height:26px;position:absolute}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-top:26px solid #0000;border-right:33px solid #00a699;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{top:0;right:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;top:0;right:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{top:0;left:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;top:0;left:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{top:1px;right:5px}.DayPickerKeyboardShortcuts_showSpan__topLeft{top:1px;left:5px}.DayPickerKeyboardShortcuts_panel{z-index:2;text-align:left;background:#fff;border:1px solid #dbdbdb;border-radius:2px;margin:33px;padding:22px;position:absolute;inset:0;overflow:auto}.DayPickerKeyboardShortcuts_title{margin:0;font-size:16px;font-weight:700}.DayPickerKeyboardShortcuts_list{padding:0;font-size:14px;list-style:none}.DayPickerKeyboardShortcuts_close{z-index:2;position:absolute;top:22px;right:22px}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;width:15px;height:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{box-sizing:border-box;cursor:pointer;text-align:center;font-size:14px}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{color:#484848;background:#fff;border:1px solid #e4e7e7}.CalendarDay__default:hover{color:inherit;background:#e4e7e7;border:1px solid #e4e7e7}.CalendarDay__hovered_offset{color:inherit;background:#f4f5f5;border:1px double #e4e7e7}.CalendarDay__outside{color:#484848;background:#fff;border:0}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{color:#cacccd;background:#fff;border:1px solid #eceeee}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{color:#cacccd;background:#fff}.CalendarDay__highlighted_calendar{color:#484848;background:#ffe8bc}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{color:#484848;background:#ffce71}.CalendarDay__selected_span{color:#fff;background:#66e2da;border:1px double #33dacd}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{color:#fff;background:#33dacd;border:1px double #33dacd}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{color:#fff;background:#00a699;border:1px double #00a699}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{color:#007a87;background:#b2f1ec;border:1px double #80e8e0}.CalendarDay__hovered_span:active{color:#007a87;background:#80e8e0;border:1px double #80e8e0}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{color:#82888a;background:#cacccd;border:1px solid #cacccd}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{color:#cacccd;background:#fff;border:1px solid #e4e7e7}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{text-align:center;vertical-align:top;-webkit-user-select:none;user-select:none;background:#fff}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:separate}.CalendarMonth_caption{color:#484848;text-align:center;caption-side:initial;padding-top:22px;padding-bottom:37px;font-size:18px}.CalendarMonth_caption__verticalScrollable{padding-top:12px;padding-bottom:7px}.CalendarMonthGrid{text-align:left;z-index:0;background:#fff}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{position:absolute;left:9px}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{vertical-align:top;min-height:100%;display:inline-block}.CalendarMonthGrid_month__hideForAnimation{z-index:-1;opacity:0;pointer-events:none;position:absolute}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{z-index:2;position:relative}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{width:100%;height:52px;position:absolute;bottom:0;left:0}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{justify-content:space-between;display:flex}.DayPickerNavigation_button{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;margin:0;padding:0}.DayPickerNavigation_button__default{color:#757575;background-color:#fff;border:1px solid #e4e7e7}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{cursor:default;border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;padding:6px 9px;line-height:.78;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{text-align:center;background:#fff;width:50%;height:100%;padding:5px;display:inline-block;position:relative;box-shadow:0 0 5px 2px #0000001a}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{fill:#82888a;width:19px;height:19px;display:block}.DayPickerNavigation_svg__vertical{fill:#484848;width:42px;height:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{text-align:left;background:#fff;position:relative}.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;position:absolute;top:50%;left:50%}.DayPicker_portal__vertical{position:initial}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{vertical-align:top;display:inline-block}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;z-index:2;text-align:left;position:absolute;top:62px}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{text-align:center;background:#fff;border-bottom:1px solid #dbdbdb;width:100%;margin-left:0;display:table-row;top:0;left:0}.DayPicker_weekHeader_ul{margin:1px 0;padding-left:0;padding-right:0;font-size:14px;list-style:none}.DayPicker_weekHeader_li{text-align:center;display:inline-block}.DayPicker_transitionContainer{border-radius:3px;position:relative;overflow:hidden}.DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{height:100%;padding-top:20px;position:absolute;inset:0;overflow-y:scroll}.DateInput{vertical-align:middle;background:#fff;width:130px;margin:0;padding:0;display:inline-block;position:relative}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{color:#dbdbdb;background:#f2f2f2}.DateInput_input{color:#484848;background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;width:100%;padding:11px 11px 9px;font-size:19px;font-weight:200;line-height:24px}.DateInput_input__small{letter-spacing:.2px;padding:7px 7px 5px;font-size:15px;line-height:18px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.DateInput_fang{z-index:2;width:20px;height:10px;position:absolute;left:22px}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{stroke:#dbdbdb;fill:#0000}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{vertical-align:middle;color:#484848;display:inline-block}.DateRangePickerInput_arrow_svg{vertical-align:middle;fill:#484848;width:24px;height:24px}.DateRangePickerInput_clearDates{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 10px 0 5px;padding:10px;line-height:normal;position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;vertical-align:middle;width:15px;height:12px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{color:inherit;font:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:0;margin:0 5px 0 10px;padding:10px;line-height:normal;display:inline-block;overflow:visible}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;vertical-align:middle;width:14px;height:15px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{z-index:1;background-color:#fff;position:absolute}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{color:inherit;font:inherit;cursor:pointer;z-index:2;background:0 0;border:0;padding:15px;line-height:normal;position:absolute;top:0;right:0;overflow:visible}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;width:15px;height:15px}
+/*$vite$:1*/