import * as _angular_core from '@angular/core';
import { OnInit, ElementRef } from '@angular/core';
import { Subject, ReplaySubject } from 'rxjs';

declare abstract class ThyGridToken {
    xGap: number;
    gridItemPropValueChange$: Subject<void>;
}

/**
 * 栅格项组件
 * @name thy-grid-item,[thyGridItem]
 * @order 15
 */
declare class ThyGridItem implements OnInit {
    elementRef: ElementRef<any>;
    private grid;
    /**
     * 栅格项的占位列数，为 0 时会隐藏该栅格项
     * @default 1
     */
    readonly thySpan: _angular_core.InputSignal<string | number>;
    /**
     * 栅格项左侧的偏移列数
     */
    readonly thyOffset: _angular_core.InputSignal<string | number>;
    private readonly destroyRef;
    private hostRenderer;
    span: number;
    offset: number;
    ngOnInit(): void;
    private setGridItemStyle;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyGridItem, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyGridItem, "thy-grid-item,[thyGridItem]", never, { "thySpan": { "alias": "thySpan"; "required": false; "isSignal": true; }; "thyOffset": { "alias": "thyOffset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

type ThyGridResponsiveMode = 'none' | 'self' | 'screen';
type ThyGridResponsiveDescription = string;
declare const THY_GRID_DEFAULT_COLUMNS = 24;
declare const THY_GRID_ITEM_DEFAULT_SPAN = 1;
declare const screenBreakpointsMap: Record<string, number>;

/**
 * 栅格组件
 * @name thy-grid, [thyGrid]
 * @order 10
 */
declare class ThyGrid implements ThyGridToken, OnInit {
    private elementRef;
    private viewportRuler;
    private ngZone;
    /**
     * @internal
     */
    readonly gridItems: _angular_core.Signal<readonly ThyGridItem[]>;
    /**
     * 栅格的列数
     * @default 24
     */
    readonly thyCols: _angular_core.InputSignal<string | number>;
    /**
     * 栅格的水平间隔
     */
    readonly thyXGap: _angular_core.InputSignal<string | number>;
    /**
     * 栅格的垂直间隔
     */
    readonly thyYGap: _angular_core.InputSignal<string | number>;
    /**
     * 栅格的水平和垂直间隔
     */
    readonly thyGap: _angular_core.InputSignal<string | number>;
    /**
     * 响应式栅格列数<br/>
     * none: 不进行响应式布局。<br/>
     * self：根据grid的自身宽度进行响应式布局。<br/>
     * screen：根据屏幕断点进行响应式布局，目前预设了5种响应式尺寸：`xs: 0, sm: 576, md: 768, lg: 992, xl: 1200`。
     */
    readonly thyResponsive: _angular_core.InputSignal<ThyGridResponsiveMode>;
    private hostRenderer;
    private cols;
    xGap: number;
    private yGap;
    private numRegex;
    private responsiveContainerWidth;
    gridItemPropValueChange$: Subject<void>;
    private takeUntilDestroyed;
    constructor();
    ngOnInit(): void;
    private setGridStyle;
    private listenResizeEvent;
    private handleGridItems;
    private calculateActualValue;
    private getResponsiveValueMap;
    private calculateBreakPoint;
    private gridResizeObserver;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyGrid, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyGrid, "[thyGrid]", never, { "thyCols": { "alias": "thyCols"; "required": false; "isSignal": true; }; "thyXGap": { "alias": "thyXGap"; "required": false; "isSignal": true; }; "thyYGap": { "alias": "thyYGap"; "required": false; "isSignal": true; }; "thyGap": { "alias": "thyGap"; "required": false; "isSignal": true; }; "thyResponsive": { "alias": "thyResponsive"; "required": false; "isSignal": true; }; }, {}, ["gridItems"], never, true, never>;
}
/**
 * @internal
 */
declare class ThyGridComponent {
    grid: ThyGrid;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyGridComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyGridComponent, "thy-grid", never, {}, {}, never, ["*"], true, [{ directive: typeof ThyGrid; inputs: { "thyCols": "thyCols"; "thyXGap": "thyXGap"; "thyYGap": "thyYGap"; "thyGap": "thyGap"; "thyResponsive": "thyResponsive"; }; outputs: {}; }]>;
}

type ThyRowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
type ThyRowAlign = 'top' | 'middle' | 'bottom';
interface ThyGutterType {
    xs?: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    xxl?: number;
}
/**
 * 栅格行指令
 * @name thyRow
 * @order 30
 */
declare class ThyRowDirective {
    /**
     * 栅格的间距
     */
    readonly thyGutter: _angular_core.InputSignal<number | ThyGutterType | undefined>;
    actualGutter$: ReplaySubject<[number, number]>;
    private hostRenderer;
    constructor();
    private setGutterStyle;
    private getGutter;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyRowDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyRowDirective, "[thyRow]", never, { "thyGutter": { "alias": "thyGutter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

interface ThyColEmbeddedProperty {
    span?: number;
    pull?: number;
    push?: number;
    offset?: number;
    order?: number;
}
type ThySpan = number | null | 'auto';
/**
 * 栅格列指令
 * @name thyCol
 * @order 35
 */
declare class ThyColDirective {
    thyRowDirective: ThyRowDirective;
    /**
     * 栅格项的占位列数，thySpan 如果传递了值，以 thySpan 为准
     */
    readonly thyCol: _angular_core.InputSignal<ThySpan | undefined>;
    /**
     * 栅格项的占位列数
     */
    readonly thySpan: _angular_core.InputSignal<ThySpan | undefined>;
    protected readonly span: _angular_core.Signal<number | "auto">;
    private hostRenderer;
    private takeUntilDestroyed;
    constructor();
    private updateHostClass;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyColDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyColDirective, "[thyCol]", never, { "thyCol": { "alias": "thyCol"; "required": false; "isSignal": true; }; "thySpan": { "alias": "thySpan"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

type ThyFlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
type ThyFlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
type ThyFlexJustifyContent = 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'initial' | 'inherit';
type ThyFlexAlignItems = 'start' | 'end' | 'stretch' | 'center' | 'flex-start' | 'flex-end' | 'baseline' | 'initial' | 'inherit';
type ThyFlexGrow = '1' | '0' | 0 | 1;
type ThyFlexShrink = '1' | '0' | 0 | 1;
/**
 * 设置容器为 Flex 布局组件
 * @name thy-flex, [thyFlex]
 * @order 20
 */
declare class ThyFlex {
    private hostRenderer;
    /**
     * Flex 方向，为 row 或者 column
     */
    readonly thyDirection: _angular_core.InputSignalWithTransform<ThyFlexDirection, ThyFlexDirection>;
    /**
     * Flex Wrap
     * @default nowrap
     */
    readonly thyWrap: _angular_core.InputSignal<ThyFlexWrap | undefined>;
    /**
     * Justify Content
     */
    readonly thyJustifyContent: _angular_core.InputSignal<ThyFlexJustifyContent | undefined>;
    /**
     * Align Items
     */
    readonly thyAlignItems: _angular_core.InputSignal<ThyFlexAlignItems | undefined>;
    /**
     * Flex Item 之间的间隙 Gap
     * @default 0
     */
    readonly thyGap: _angular_core.InputSignal<number | undefined>;
    constructor();
    private updateClasses;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlex, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyFlex, "[thyFlex]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; "thyWrap": { "alias": "thyWrap"; "required": false; "isSignal": true; }; "thyJustifyContent": { "alias": "thyJustifyContent"; "required": false; "isSignal": true; }; "thyAlignItems": { "alias": "thyAlignItems"; "required": false; "isSignal": true; }; "thyGap": { "alias": "thyGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * @internal
 */
declare class ThyFlexComponent {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlexComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyFlexComponent, "thy-flex", never, {}, {}, never, ["*"], true, [{ directive: typeof ThyFlex; inputs: { "thyDirection": "thyDirection"; "thyWrap": "thyWrap"; "thyJustifyContent": "thyJustifyContent"; "thyAlignItems": "thyAlignItems"; "thyGap": "thyGap"; }; outputs: {}; }]>;
}
/**
 * 设置为 Flex Item 组件
 * @name thy-flex-item, [thyFlexItem]
 * @order 25
 */
declare class ThyFlexItem {
    private hostRenderer;
    /**
     * Flex Item 属性，表示 grow 、shrink 、basis
     */
    readonly thyFlexItem: _angular_core.InputSignal<string | undefined>;
    /**
     * Flew Grow，设置或检索弹性盒子的扩展比率，设置 1 为填充剩余区域
     */
    readonly thyGrow: _angular_core.InputSignal<ThyFlexGrow | undefined>;
    /**
     * Flex Shrink，设置或检索弹性盒收缩比例
     * @default 1
     */
    readonly thyShrink: _angular_core.InputSignal<ThyFlexShrink | undefined>;
    /**
     * Flex Basis，设置或检索弹性盒伸缩基准值
     * @default 1
     */
    readonly thyBasis: _angular_core.InputSignal<string | undefined>;
    constructor();
    private updateClasses;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlexItem, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyFlexItem, "[thyFlexItem]", never, { "thyFlexItem": { "alias": "thyFlexItem"; "required": false; "isSignal": true; }; "thyGrow": { "alias": "thyGrow"; "required": false; "isSignal": true; }; "thyShrink": { "alias": "thyShrink"; "required": false; "isSignal": true; }; "thyBasis": { "alias": "thyBasis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * @internal
 */
declare class ThyFlexItemComponent {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlexItemComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyFlexItemComponent, "thy-flex-item", never, {}, {}, never, ["*"], true, [{ directive: typeof ThyFlexItem; inputs: { "thyFlexItem": "thyFlexItem"; "thyGrow": "thyGrow"; "thyShrink": "thyShrink"; "thyBasis": "thyBasis"; }; outputs: {}; }]>;
}

declare class ThyGridModule {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyGridModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyGridModule, never, [typeof ThyGrid, typeof ThyGridComponent, typeof ThyGridItem, typeof ThyRowDirective, typeof ThyColDirective, typeof ThyFlex, typeof ThyFlexItem, typeof ThyFlexComponent, typeof ThyFlexItemComponent], [typeof ThyGrid, typeof ThyGridComponent, typeof ThyGridItem, typeof ThyRowDirective, typeof ThyColDirective, typeof ThyFlex, typeof ThyFlexItem, typeof ThyFlexComponent, typeof ThyFlexItemComponent]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyGridModule>;
}

export { THY_GRID_DEFAULT_COLUMNS, THY_GRID_ITEM_DEFAULT_SPAN, ThyColDirective, ThyFlex, ThyFlexComponent, ThyFlexItem, ThyFlexItemComponent, ThyGrid, ThyGridComponent, ThyGridItem, ThyGridModule, ThyRowDirective, screenBreakpointsMap };
export type { ThyColEmbeddedProperty, ThyFlexAlignItems, ThyFlexDirection, ThyFlexGrow, ThyFlexJustifyContent, ThyFlexShrink, ThyFlexWrap, ThyGridResponsiveDescription, ThyGridResponsiveMode, ThyGutterType, ThyRowAlign, ThyRowJustify, ThySpan };