@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
29 lines • 4.08 kB
JavaScript
export class StyleUtil {
/**
* Styles the cursor of the input wrapper element.
*/
static setInputWrapperCursorState(props, options) {
if (!options?.inputWrapperElement)
return;
let cursor = props.disabled || props.readonly ? '' : 'pointer';
if (options?.searchable && !props.disabled && !props.readonly)
cursor = 'text';
options.inputWrapperElement.style.cursor = cursor;
}
/**
* Styles the padding of the input wrapper element.
*/
static handleInputWrapperStyle(props) {
if (props.inputWrapperElement && props.multiple) {
props.inputWrapperElement.style.paddingTop = '5px';
props.inputWrapperElement.style.paddingBottom = '5px';
if (props.arrowPlacement === 'right') {
props.inputWrapperElement.style.paddingLeft = '5px';
}
if (props.arrowPlacement === 'left') {
props.inputWrapperElement.style.paddingRight = '5px';
}
}
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUudXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9zZWxlY3QvdXRpbHMvc3R5bGUudXRpbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sU0FBUztJQUNwQjs7T0FFRztJQUNILE1BQU0sQ0FBQywwQkFBMEIsQ0FDL0IsS0FBK0MsRUFDL0MsT0FHQztRQUVELElBQUksQ0FBQyxPQUFPLEVBQUUsbUJBQW1CO1lBQUUsT0FBTztRQUUxQyxJQUFJLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQy9ELElBQUksT0FBTyxFQUFFLFVBQVUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUTtZQUFFLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDL0UsT0FBTyxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0lBQ3BELENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxLQUk5QjtRQUNDLElBQUksS0FBSyxDQUFDLG1CQUFtQixJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDL0MsS0FBSyxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ25ELEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUV0RCxJQUFJLEtBQUssQ0FBQyxjQUFjLEtBQUssT0FBTyxFQUFFO2dCQUNwQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7YUFDckQ7WUFDRCxJQUFJLEtBQUssQ0FBQyxjQUFjLEtBQUssTUFBTSxFQUFFO2dCQUNuQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7YUFDdEQ7U0FDRjtJQUNILENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBTdHlsZVV0aWwge1xuICAvKipcbiAgICogU3R5bGVzIHRoZSBjdXJzb3Igb2YgdGhlIGlucHV0IHdyYXBwZXIgZWxlbWVudC5cbiAgICovXG4gIHN0YXRpYyBzZXRJbnB1dFdyYXBwZXJDdXJzb3JTdGF0ZShcbiAgICBwcm9wczogeyBkaXNhYmxlZDogYm9vbGVhbjsgcmVhZG9ubHk6IGJvb2xlYW4gfSxcbiAgICBvcHRpb25zPzoge1xuICAgICAgaW5wdXRXcmFwcGVyRWxlbWVudD86IEhUTUxFbGVtZW50O1xuICAgICAgc2VhcmNoYWJsZT86IGJvb2xlYW47XG4gICAgfVxuICApOiB2b2lkIHtcbiAgICBpZiAoIW9wdGlvbnM/LmlucHV0V3JhcHBlckVsZW1lbnQpIHJldHVybjtcblxuICAgIGxldCBjdXJzb3IgPSBwcm9wcy5kaXNhYmxlZCB8fCBwcm9wcy5yZWFkb25seSA/ICcnIDogJ3BvaW50ZXInO1xuICAgIGlmIChvcHRpb25zPy5zZWFyY2hhYmxlICYmICFwcm9wcy5kaXNhYmxlZCAmJiAhcHJvcHMucmVhZG9ubHkpIGN1cnNvciA9ICd0ZXh0JztcbiAgICBvcHRpb25zLmlucHV0V3JhcHBlckVsZW1lbnQuc3R5bGUuY3Vyc29yID0gY3Vyc29yO1xuICB9XG5cbiAgLyoqXG4gICAqIFN0eWxlcyB0aGUgcGFkZGluZyBvZiB0aGUgaW5wdXQgd3JhcHBlciBlbGVtZW50LlxuICAgKi9cbiAgc3RhdGljIGhhbmRsZUlucHV0V3JhcHBlclN0eWxlKHByb3BzOiB7XG4gICAgaW5wdXRXcmFwcGVyRWxlbWVudD86IEhUTUxFbGVtZW50O1xuICAgIG11bHRpcGxlPzogYm9vbGVhbjtcbiAgICBhcnJvd1BsYWNlbWVudD86IHN0cmluZztcbiAgfSk6IHZvaWQge1xuICAgIGlmIChwcm9wcy5pbnB1dFdyYXBwZXJFbGVtZW50ICYmIHByb3BzLm11bHRpcGxlKSB7XG4gICAgICBwcm9wcy5pbnB1dFdyYXBwZXJFbGVtZW50LnN0eWxlLnBhZGRpbmdUb3AgPSAnNXB4JztcbiAgICAgIHByb3BzLmlucHV0V3JhcHBlckVsZW1lbnQuc3R5bGUucGFkZGluZ0JvdHRvbSA9ICc1cHgnO1xuXG4gICAgICBpZiAocHJvcHMuYXJyb3dQbGFjZW1lbnQgPT09ICdyaWdodCcpIHtcbiAgICAgICAgcHJvcHMuaW5wdXRXcmFwcGVyRWxlbWVudC5zdHlsZS5wYWRkaW5nTGVmdCA9ICc1cHgnO1xuICAgICAgfVxuICAgICAgaWYgKHByb3BzLmFycm93UGxhY2VtZW50ID09PSAnbGVmdCcpIHtcbiAgICAgICAgcHJvcHMuaW5wdXRXcmFwcGVyRWxlbWVudC5zdHlsZS5wYWRkaW5nUmlnaHQgPSAnNXB4JztcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==