import { Component, Input } from "@angular/core";
import { LineMode } from "../line/line-mode";
var Mode = LineMode;
var VLineComponent = (function () {
    function VLineComponent() {
        this.width = "2px";
        this.color = "black";
        this.rawColor = false;
        this.padding = "0";
        this.nocolor = false;
        this.Mode = LineMode;
    }
    Object.defineProperty(VLineComponent.prototype, "mode", {
        get: function () {
            return this.nocolor !== false
                ? Mode.nocolor
                : this.rawColor == true || typeof this.rawColor === "string"
                    ? Mode.raw
                    : Mode.theme;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(VLineComponent.prototype, "_color", {
        get: function () {
            switch (this.mode) {
                case Mode.theme:
                    return this.color;
                case Mode.raw:
                    return this.rawColor == true
                        ? this.color
                        : this.rawColor;
                case Mode.nocolor:
                    return "";
            }
        },
        enumerable: true,
        configurable: true
    });
    return VLineComponent;
}());
export { VLineComponent };
VLineComponent.decorators = [
    { type: Component, args: [{
                selector: "v-line",
                styles: ["\n    v-line div{height:100%}\n  "],
                template: "\n    <div\n      *ngIf=\"mode===Mode.raw\"\n      [style.background]=\"_color\"\n      [style.width]=\"width\"\n      [style.padding]=\"padding\"\n      class=\"\"\n    ></div>\n  ",
            },] },
];
/** @nocollapse */
VLineComponent.ctorParameters = function () { return []; };
VLineComponent.propDecorators = {
    'width': [{ type: Input },],
    'color': [{ type: Input },],
    'rawColor': [{ type: Input },],
    'padding': [{ type: Input },],
    'nocolor': [{ type: Input },],
};
//# sourceMappingURL=v-line.component.js.map