@mobileaction/action-kit 1.38.2-beta.2 → 1.39.0

package/dist/close-CI7bEVx4.js

@@ -1,29 +0,0 @@
-import { openBlock as r, createElementBlock as t, createElementVNode as o } from "vue";
-const n = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function l(s, e) {
-  return r(), t("svg", n, e[0] || (e[0] = [
-    o("path", {
-      d: "M3.33398 3.3335L12.6667 12.6662",
-      stroke: "currentColor",
-      "stroke-width": "1.63636",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1),
-    o("path", {
-      d: "M3.33282 12.6662L12.6655 3.3335",
-      stroke: "currentColor",
-      "stroke-width": "1.63636",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1)
-  ]));
-}
-const i = { render: l };
-export {
-  i as default,
-  l as render
-};

package/dist/src/components/date-picker-2/components/calendarSelect.vue.d.ts

@@ -1,13 +0,0 @@
-declare const DateTypes: string[];
-interface MonthSelectProps {
-    updateMonthYear: (month: number, year: number, fromNav?: boolean) => void;
-    month: number;
-    year: number;
-    options: Array<{
-        text: string;
-        value: number;
-    }>;
-    dateType: (typeof DateTypes)[number];
-}
-declare const _default: import("vue").DefineComponent<MonthSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MonthSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/src/components/date-picker-2/composables/useDatePickerFormat.d.ts

@@ -1,8 +0,0 @@
-import { WritableComputedRef } from 'vue';
-import { MaDatePickerProps } from '../types';
-import { ModelValue } from '@vuepic/vue-datepicker';
-export declare function useDatePickerFormat(props: MaDatePickerProps, emit: any): {
-    modelValue: WritableComputedRef<ModelValue, ModelValue>;
-    visibleFormat: import("vue").ComputedRef<string | ((date: Date) => string) | ((dates: Date[]) => string)>;
-    formatQuarter: (quarterDate: Date) => string;
-};

package/dist/src/components/date-picker-2/composables/utils.d.ts

@@ -1,16 +0,0 @@
-/**
- * Converts a date format string from Day.js format to date-fns format.
- *
- * @param dayjsFormat - The date format string in Day.js format.
- * @returns The date format string converted to date-fns format.
- *
- * @throws Will throw an error if a token in the Day.js format string is not found in the format map.
- *
- * @example
- * ```typescript
- * const dayjsFormat = 'YYYY-MM-DD';
- * const dateFnsFormat = convertDayjsToDateFnsFormat(dayjsFormat);
- * console.log(dateFnsFormat); // Output: 'yyyy-MM-dd'
- * ```
- */
-export declare const convertDayjsToDateFnsFormat: (dayjsFormat: string) => string;

package/dist/src/components/date-picker-2/index.vue.d.ts

@@ -1,137 +0,0 @@
-import { MaDatePickerProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        "ma-calendar-preset"?(_: {
-            label: any;
-            value: any;
-            presetDate: any;
-        }): any;
-        description?(_: {}): any;
-        "action-buttons"?(_: {
-            value: Date | Date[];
-        }): any;
-        "menu-header"?(_: {}): any;
-    };
-    refs: {
-        datepickerInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onOpen?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
-            onCleared?: (...args: any[]) => any;
-            "onUpdate:model-value"?: (...args: any[]) => any;
-            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
-            "onText-submit"?: (...args: any[]) => any;
-            "onInternal-model-change"?: (...args: any[]) => any;
-            "onRecalculate-position"?: (...args: any[]) => any;
-            "onFlow-step"?: (...args: any[]) => any;
-            "onUpdate-month-year"?: (...args: any[]) => any;
-            "onInvalid-select"?: (...args: any[]) => any;
-            "onTooltip-open"?: (...args: any[]) => any;
-            "onTooltip-close"?: (...args: any[]) => any;
-            "onInvalid-fixed-range"?: (...args: any[]) => any;
-            "onTime-picker-open"?: (...args: any[]) => any;
-            "onTime-picker-close"?: (...args: any[]) => any;
-            "onAm-pm-change"?: (...args: any[]) => any;
-            "onRange-start"?: (...args: any[]) => any;
-            "onRange-end"?: (...args: any[]) => any;
-            "onDate-update"?: (...args: any[]) => any;
-            "onInvalid-date"?: (...args: any[]) => any;
-            "onOverlay-toggle"?: (...args: any[]) => any;
-            "onText-input"?: (...args: any[]) => any;
-        }, {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("@vuepic/vue-datepicker").EmitEvents[], import("@vuepic/vue-datepicker").VueDatePickerProps, {
-            [x: number]: string;
-        } | {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, {} & (Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onOpen?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
-            onCleared?: (...args: any[]) => any;
-            "onUpdate:model-value"?: (...args: any[]) => any;
-            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
-            "onText-submit"?: (...args: any[]) => any;
-            "onInternal-model-change"?: (...args: any[]) => any;
-            "onRecalculate-position"?: (...args: any[]) => any;
-            "onFlow-step"?: (...args: any[]) => any;
-            "onUpdate-month-year"?: (...args: any[]) => any;
-            "onInvalid-select"?: (...args: any[]) => any;
-            "onTooltip-open"?: (...args: any[]) => any;
-            "onTooltip-close"?: (...args: any[]) => any;
-            "onInvalid-fixed-range"?: (...args: any[]) => any;
-            "onTime-picker-open"?: (...args: any[]) => any;
-            "onTime-picker-close"?: (...args: any[]) => any;
-            "onAm-pm-change"?: (...args: any[]) => any;
-            "onRange-start"?: (...args: any[]) => any;
-            "onRange-end"?: (...args: any[]) => any;
-            "onDate-update"?: (...args: any[]) => any;
-            "onInvalid-date"?: (...args: any[]) => any;
-            "onOverlay-toggle"?: (...args: any[]) => any;
-            "onText-input"?: (...args: any[]) => any;
-        }), {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, {
-            [x: number]: string;
-        } | {}> & {
-            $slots: Readonly<import("@vuepic/vue-datepicker").Slots> & import("@vuepic/vue-datepicker").Slots;
-        };
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps, {
-    open: () => any;
-    close: () => any;
-    toggle: () => any;
-    clear: () => any;
-    selectDate: () => any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    focus: (...args: any[]) => void;
-    open: (...args: any[]) => void;
-    "update:value": (...args: any[]) => void;
-    openChange: (...args: any[]) => void;
-    closed: (...args: any[]) => void;
-    cleared: (...args: any[]) => void;
-    rangeStart: (...args: any[]) => void;
-    rangeEnd: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<MaDatePickerProps> & Readonly<{
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    onFocus?: (...args: any[]) => any;
-    onOpen?: (...args: any[]) => any;
-    "onUpdate:value"?: (...args: any[]) => any;
-    onOpenChange?: (...args: any[]) => any;
-    onClosed?: (...args: any[]) => any;
-    onCleared?: (...args: any[]) => any;
-    onRangeStart?: (...args: any[]) => any;
-    onRangeEnd?: (...args: any[]) => any;
-}>, {
-    size: typeof import("./types").MaDatePickerSizes[number];
-    disabled: boolean;
-    value: import("@vuepic/vue-datepicker").ModelValue;
-    position: typeof import("./types").MaDatePickerPositions[number];
-    format: string | ((date: Date) => string) | ((dates: Date[]) => string);
-    valueFormat: string;
-    presetDates: import("./types").MaPresetDate[];
-    teleport: boolean | string | HTMLElement;
-    presetLocation: typeof import("./types").MaDatePickerPresetLocations[number];
-    autoPosition: typeof import("./types").MaDatePickerVerticalPositions[number];
-    preventMinMaxNavigation: boolean;
-    clearable: boolean;
-    applyButtonText: string;
-    multiCalendars: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/src/components/date-picker-2/stories/constants.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { MaDatePicker2 } from '@/index';
-export declare const baseConfig: Meta<typeof MaDatePicker2>;
-export declare const Template: StoryFn;
-export declare const TemplateCustomPresetSlot: StoryFn;
-export declare const TemplateCustomSlots: StoryFn;

package/dist/src/components/date-picker-2/stories/default.stories.d.ts

@@ -1,26 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
-import { MaDatePicker2 } from '@/index';
-declare const meta: Meta<typeof MaDatePicker2>;
-export default meta;
-type Story = StoryObj<typeof MaDatePicker2>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-export declare const DisabledDates: Story;
-export declare const WithoutTeleport: Story;
-export declare const DateFormat: Story;
-export declare const ValueFormat: Story;
-export declare const WithoutValueFormat: Story;
-export declare const WeekPicker: Story;
-export declare const MonthPicker: Story;
-export declare const QuarterPicker: Story;
-export declare const YearPicker: Story;
-export declare const AutoApply: Story;
-export declare const Borderless: Story;
-export declare const PresetDates: Story;
-export declare const PresetBottom: Story;
-export declare const MinMaxDates: Story;
-export declare const CustomPresetSlot: Story;
-export declare const MultiCalendars: Story;
-export declare const FocusStartDate: Story;
-export declare const CustomSlots: Story;

package/dist/src/components/date-picker-2/stories/range.stories.d.ts

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
-import { MaDatePicker2 } from '@/index';
-declare const meta: Meta<typeof MaDatePicker2>;
-export default meta;
-type Story = StoryObj<typeof MaDatePicker2>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-export declare const DisabledDates: Story;
-export declare const WithoutTeleport: Story;
-export declare const DateFormat: Story;
-export declare const ValueFormat: Story;
-export declare const WithoutValueFormat: Story;
-export declare const WeekPicker: Story;
-export declare const MonthPicker: Story;
-export declare const QuarterPicker: Story;
-export declare const YearPicker: Story;
-export declare const AutoApply: Story;
-export declare const Borderless: Story;
-export declare const PresetDates: Story;
-export declare const PresetBottom: Story;
-export declare const MinMaxDates: Story;
-export declare const AutoRange: Story;
-export declare const CustomPresetSlot: Story;
-export declare const MultiCalendars: Story;
-export declare const FocusStartDate: Story;
-export declare const CustomSlots: Story;

package/dist/src/components/date-picker-2/types.d.ts

@@ -1,179 +0,0 @@
-import { GeneralConfig, ModelValue, UIOptions } from '@vuepic/vue-datepicker';
-export interface MaPresetDate {
-    label: string;
-    value: Date[] | string[] | Date | string;
-    slot?: string;
-}
-export declare const MaDatePickerSizes: readonly ["small", "medium"];
-export declare const MaDatePickerPresetLocations: readonly ["left", "bottom"];
-export declare const MaDatePickerPositions: readonly ["left", "center", "right"];
-export declare const MaDatePickerVerticalPositions: readonly ["top", "bottom", true, false];
-export interface RangeConfig {
-    noDisabledRange?: boolean;
-    showLastInRange?: boolean;
-    minMaxRawRange?: boolean;
-    partialRange?: boolean;
-    disableTimeRangeValidation?: boolean;
-    fixedStart?: boolean;
-    fixedEnd?: boolean;
-    maxRange?: string | number;
-    minRange?: string | number;
-    autoRange?: string | number;
-}
-export interface MaDatePickerProps {
-    /**
-     * Use teleport to position the datepicker menu. This is useful if you have hidden overflow on the parent HTML element where the menu is not showing in full.
-     * @default true
-    */
-    teleport?: boolean | string | HTMLElement;
-    /**
-     * Disables the input
-     * @default false
-    */
-    disabled?: boolean;
-    /**
-     * Sets the input in readonly state
-     * @default false
-    */
-    readonly?: boolean;
-    /**
-       * Disable specific dates
-       * Date[] | string[] | (date: Date) => boolean
-     */
-    disabledDates?: Date[] | string[] | ((date: Date) => boolean);
-    /**
-      * Allow only specific dates
-      * string[] | Date[]
-     */
-    allowedDates?: string[] | Date[];
-    /**
-     * Format the display date(s) in the input field.
-     * All date formats should follow the day.js format
-     * @default MMM D, YYYY
-    */
-    format?: string | ((date: Date) => string) | ((dates: Date[]) => string);
-    /**
-     * Format the value of the date(s).
-     * All date formats should follow the day.js format
-     * @default YYYY-MM-DD
-    */
-    valueFormat?: string;
-    /**
-     * The modelValue of the date picker
-     * @default null
-    */
-    value?: ModelValue;
-    /**
-     * Select a specific week range
-     * @default false
-    */
-    weekPicker?: boolean;
-    /**
-     * Select a specific month range
-     * @default false
-    */
-    monthPicker?: boolean;
-    /**
-     * Select a specific year range
-     * @default false
-    */
-    yearPicker?: boolean;
-    /**
-     * Select a specific quarter range
-     * @default false
-    */
-    quarterPicker?: boolean;
-    /**
-       * If set to true, clicking on a date value will automatically select the value
-       * @default false
-     */
-    autoApply?: boolean;
-    /**
-      * borderless variant of the input
-      * @default false
-    */
-    borderless?: boolean;
-    /**
-      * Input placeholder
-    */
-    placeholder?: string;
-    /**
-      * Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
-      * @default en-US
-     */
-    locale?: string;
-    /**
-     * Range picker mode
-     * details: https://vue3datepicker.com/props/modes-configuration/#range-configuration
-     * @default false
-    */
-    range?: boolean | RangeConfig;
-    /**
-       * When configured, it will provide a sidebar with configured range/date that user can select
-       * interface PresetDate {
-           label: string;
-           value: Date[] | string[] | Date | string;
-           slot?: string;
-         }
-       * @default false
-     */
-    presetDates?: MaPresetDate[];
-    /**
-      * The size of datepicker input
-      * @default small
-    */
-    size?: (typeof MaDatePickerSizes)[number];
-    /**
-      * The location of the preset dates
-      * @default left
-    */
-    presetLocation?: (typeof MaDatePickerPresetLocations)[number];
-    /**
-      * The position of the calendar overlay
-      * @default center
-    */
-    position?: (typeof MaDatePickerPositions)[number];
-    /**
-      * When enabled, based on viewport space available it will automatically position the menu above or bellow input field
-      * @default bottom
-    */
-    autoPosition?: (typeof MaDatePickerVerticalPositions)[number];
-    /**
-      * All dates before the given date will be disabled
-    */
-    minDate?: Date | string;
-    /**
-      * All dates after the given date will be disabled
-    */
-    maxDate?: Date | string;
-    /**
-        * Prevent navigation after or before the min-date or max-date
-     */
-    preventMinMaxNavigation?: boolean;
-    /**
-       * Open the datepicker to some preselected month and year
-     */
-    startDate?: Date | string;
-    /**
-        * Open the datepicker to provided start-date ignoring the v-model value
-     */
-    focusStartDate?: boolean;
-    /**
-       * Add a clear icon to the input field where you can set the value to null
-     */
-    clearable?: boolean;
-    /**
-      * The text of the apply button
-      * @default Apply
-    */
-    applyButtonText?: string;
-    /**
-      * Enabling this prop will show multiple calendars side by side for range picker.
-      * @default false
-     */
-    multiCalendars?: boolean;
-}
-export declare const MaDefaultVisibleDateFormat = "MMM D, YYYY";
-export declare const MaDefaultDateFormat = "YYYY-MM-DD";
-export declare const UI: UIOptions;
-export declare const DatePickerConfig: GeneralConfig;

package/dist/src/components/drawer/composables/index.d.ts

@@ -1,2 +0,0 @@
-import { Ref } from "vue";
-export declare function useBodyOverflow(visibleStatus: Ref<boolean>): void;

package/dist/src/components/drawer/stories/constants.d.ts

@@ -1,91 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-import MaDrawer from '@/components/drawer/index.vue';
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    MaButton: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@/components/button/index.vue").MaButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            size: import("../../..").ButtonSize;
-            variant: import("../../..").ButtonVariant;
-            shape: import("../../..").ButtonShape;
-            disabled: boolean;
-            loading: boolean;
-            htmlType: import("../../..").ButtonHtmlType;
-            color: import("../../..").ButtonColor;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("@/components/button/index.vue").MaButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
-            size: import("../../..").ButtonSize;
-            variant: import("../../..").ButtonVariant;
-            shape: import("../../..").ButtonShape;
-            disabled: boolean;
-            loading: boolean;
-            htmlType: import("../../..").ButtonHtmlType;
-            color: import("../../..").ButtonColor;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("@/components/button/index.vue").MaButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        size: import("../../..").ButtonSize;
-        variant: import("../../..").ButtonVariant;
-        shape: import("../../..").ButtonShape;
-        disabled: boolean;
-        loading: boolean;
-        htmlType: import("../../..").ButtonHtmlType;
-        color: import("../../..").ButtonColor;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    MaDrawer: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@/components/drawer/index.vue").MaDrawerProps> & Readonly<{
-            "onUpdate:visible"?: (...args: any[]) => any;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:visible": (...args: any[]) => void;
-        }, import("vue").PublicProps, {
-            placement: string;
-            closable: boolean;
-            visible: boolean;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("@/components/drawer/index.vue").MaDrawerProps> & Readonly<{
-            "onUpdate:visible"?: (...args: any[]) => any;
-        }>, {}, {}, {}, {}, {
-            placement: string;
-            closable: boolean;
-            visible: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("@/components/drawer/index.vue").MaDrawerProps> & Readonly<{
-        "onUpdate:visible"?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": (...args: any[]) => void;
-    }, string, {
-        placement: string;
-        closable: boolean;
-        visible: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            header?(_: {}): any;
-            content?(_: {}): any;
-            footer?(_: {}): any;
-        };
-    });
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
-export declare const baseConfig: Meta<typeof MaDrawer>;
-export declare const Template: StoryFn;
-export declare const TemplateSlot: StoryFn;
-export declare const TemplateWithScroll: StoryFn;

package/dist/src/components/drawer/stories/default.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
-import type MaDrawer from '../index.vue';
-declare const meta: Meta<typeof MaDrawer>;
-export default meta;
-type Story = StoryObj<typeof MaDrawer>;
-export declare const Default: Story;
-export declare const WithScroll: Story;
-export declare const TemplateWithSlot: Story;

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

@@ -1 +0,0 @@
-export declare const MaDrawerPlacements: readonly ["left", "right"];