import { Optional, Component } from '@angular/core';
import { BsFormComponent } from '@mintplayer/ng-bootstrap/form';
import * as i0 from "@angular/core";
import * as i1 from "@mintplayer/ng-bootstrap/form";
export class BsFloatingLabelComponent {
    constructor(bsForm) {
        if (!bsForm) {
            throw '<bs-floating-label> must be inside a <bs-form>';
        }
    }
}
BsFloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BsFloatingLabelComponent, deps: [{ token: i1.BsFormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
BsFloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BsFloatingLabelComponent, selector: "bs-floating-label", ngImport: i0, template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n    <!-- <input type=\"email\" class=\"form-control\" placeholder=\"name@example.com\">\n    <label>Email address</label> -->\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:1px 0}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BsFloatingLabelComponent, decorators: [{
            type: Component,
            args: [{ selector: 'bs-floating-label', template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n    <!-- <input type=\"email\" class=\"form-control\" placeholder=\"name@example.com\">\n    <label>Email address</label> -->\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:1px 0}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.BsFormComponent, decorators: [{
                    type: Optional
                }] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9mbG9hdGluZy1sYWJlbHMvc3JjL2Zsb2F0aW5nLWxhYmVscy9mbG9hdGluZy1sYWJlbC9mbG9hdGluZy1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21pbnRwbGF5ZXItbmctYm9vdHN0cmFwL2Zsb2F0aW5nLWxhYmVscy9zcmMvZmxvYXRpbmctbGFiZWxzL2Zsb2F0aW5nLWxhYmVsL2Zsb2F0aW5nLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQU9oRSxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DLFlBQXdCLE1BQXVCO1FBQzdDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxNQUFNLGdEQUFnRCxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzs7cUhBTFUsd0JBQXdCO3lHQUF4Qix3QkFBd0IseURDUnJDLHNRQUtNOzJGREdPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OzBCQUtoQixRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3B0aW9uYWwsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCc0Zvcm1Db21wb25lbnQgfSBmcm9tICdAbWludHBsYXllci9uZy1ib290c3RyYXAvZm9ybSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JzLWZsb2F0aW5nLWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zsb2F0aW5nLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmxvYXRpbmctbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQnNGbG9hdGluZ0xhYmVsQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgYnNGb3JtOiBCc0Zvcm1Db21wb25lbnQpIHtcbiAgICBpZiAoIWJzRm9ybSkge1xuICAgICAgdGhyb3cgJzxicy1mbG9hdGluZy1sYWJlbD4gbXVzdCBiZSBpbnNpZGUgYSA8YnMtZm9ybT4nO1xuICAgIH1cbiAgfVxuXG4gIC8vIEBDb250ZW50Q2hpbGQoQnNGbG9hdGluZ0Zvcm1Db250cm9sRGlyZWN0aXZlLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgaW5wdXQhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIC8vIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgLy8gICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZm9ybS1jb250cm9sJyk7XG4gIC8vIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWZsb2F0aW5nXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW5wdXRcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgPCEtLSA8aW5wdXQgdHlwZT1cImVtYWlsXCIgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBwbGFjZWhvbGRlcj1cIm5hbWVAZXhhbXBsZS5jb21cIj5cbiAgICA8bGFiZWw+RW1haWwgYWRkcmVzczwvbGFiZWw+IC0tPlxuPC9kaXY+Il19