import {  MapboxStyles } from '..';
import { Form, FormField } from '@csnext/cs-core';

@Form({
    title: 'Property',
    hideTitle: true,
    groups: {
        number: {
            visible(f) {
                return f.hasOwnProperty('type') && f['type'] === 'number';
            }
        }
    }
})
export class PropertyType {
    // #region Properties (20)

    public _initialized?: boolean = false;
    @FormField({
        title: 'Type',
        type: 'selection',
        defaultValue: 'text',
        required: true,
        options: ['text', 'number']
    })
    public _key?: string;
    public _values?: any[];
    public count?: number;
    @FormField({ title: 'Default', type: 'number', group: 'number' })
    public default?: number;
    public description?: string;
    @FormField({ title: 'Handlebar format', type: 'string' })
    public handlebarFormat?: string;
    @FormField({ title: 'Label', type: 'string' })
    public label!: string;
    public legendStyle?: MapboxStyles;
    @FormField({ title: 'Max', type: 'number', group: 'number' })
    public max?: number;
    // public options?: any[];
    public mean?: number;
    public median?: number;
    @FormField({ title: 'Min', type: 'number', group: 'number' })
    public min?: number;
    public options?: { [key: string]: string };
    public sd?: number;
    @FormField({ title: 'Section', type: 'string' })
    public section?: string;
    @FormField({ title: 'String format', type: 'string' })
    public stringFormat?: string;
    @FormField({ title: 'Title', type: 'string' })
    public title?: string;
    public type?: string;
    public unique?: number;

    // #endregion Properties (20)
}
export type PropertyCollection = PropertyType[];