@nativescript-community/ui-material-core
Version:
Material Core component
103 lines • 3.25 kB
JavaScript
import { Color, CssProperty, Length, Style, booleanConverter } from '@nativescript/core';
function convertColor(value) {
if (typeof value === 'string') {
return new Color(value);
}
return value;
}
export const errorColorProperty = new CssProperty({
name: 'errorColor',
cssName: 'error-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
errorColorProperty.register(Style);
export const helperProperty = new CssProperty({
name: 'helper',
cssName: 'helper'
});
helperProperty.register(Style);
export const helperColorProperty = new CssProperty({
name: 'helperColor',
cssName: 'helper-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
helperColorProperty.register(Style);
export const errorProperty = new CssProperty({
name: 'error',
cssName: 'error'
});
errorProperty.register(Style);
export const counterMaxLengthProperty = new CssProperty({
name: 'counterMaxLength',
cssName: 'counter-max-length',
valueConverter: (v) => parseFloat(v)
});
counterMaxLengthProperty.register(Style);
export const floatingProperty = new CssProperty({
name: 'floating',
cssName: 'floating',
valueConverter: booleanConverter
});
floatingProperty.register(Style);
export const floatingColorProperty = new CssProperty({
name: 'floatingColor',
cssName: 'floating-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
floatingColorProperty.register(Style);
export const floatingInactiveColorProperty = new CssProperty({
name: 'floatingInactiveColor',
cssName: 'floating-inactive-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
floatingInactiveColorProperty.register(Style);
export const strokeColorProperty = new CssProperty({
name: 'strokeColor',
cssName: 'stroke-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
strokeColorProperty.register(Style);
export const strokeInactiveColorProperty = new CssProperty({
name: 'strokeInactiveColor',
cssName: 'stroke-inactive-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
strokeInactiveColorProperty.register(Style);
export const strokeDisabledColorProperty = new CssProperty({
name: 'strokeDisabledColor',
cssName: 'stroke-disabled-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
strokeDisabledColorProperty.register(Style);
export const buttonColorProperty = new CssProperty({
name: 'buttonColor',
cssName: 'button-color',
equalityComparer: Color.equals,
valueConverter: convertColor
});
buttonColorProperty.register(Style);
export const digitsProperty = new CssProperty({
name: 'digits',
cssName: 'digits'
});
digitsProperty.register(Style);
export const strokeWidthProperty = new CssProperty({
name: 'strokeWidth',
cssName: 'stroke-width',
valueConverter: Length.parse
});
strokeWidthProperty.register(Style);
export const strokeWidthFocusedProperty = new CssProperty({
name: 'strokeWidthFocused',
cssName: 'stroke-width-focused',
valueConverter: Length.parse
});
strokeWidthFocusedProperty.register(Style);
//# sourceMappingURL=cssproperties.js.map