[{"__symbolic":"module","version":4,"metadata":{"BllFormField":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"bll-form-field","host":{"class":"bll-form-field","[class.bll-form-field-invalid]":"_checkError()","[class.bll-form-field-inline]":"inline","[class.bll-form-field-width]":"width","[style.width.%]":"width","[class.bll-form-field-hide-placeholder]":"hidePlaceholder","[class.bll-form-field-disabled]":"_control.disabled","[class.bll-focused]":"_control.focused","[class.bll-form-field-active]":"_control.shouldLabelFloat","[class.ng-untouched]":"_shouldForward(\"untouched\")","[class.ng-touched]":"_shouldForward(\"touched\")","[class.ng-pristine]":"_shouldForward(\"pristine\")","[class.ng-dirty]":"_shouldForward(\"dirty\")","[class.ng-valid]":"_shouldForward(\"valid\")","[class.ng-invalid]":"_shouldForward(\"invalid\")","[class.ng-pending]":"_shouldForward(\"pending\")","$quoted$":["[class.bll-form-field-invalid]","[class.bll-form-field-inline]","[class.bll-form-field-width]","[style.width.%]","[class.bll-form-field-hide-placeholder]","[class.bll-form-field-disabled]","[class.bll-focused]","[class.bll-form-field-active]","[class.ng-untouched]","[class.ng-touched]","[class.ng-pristine]","[class.ng-dirty]","[class.ng-valid]","[class.ng-invalid]","[class.ng-pending]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"template":"<div class=\"bll-form-field-container\">\r\n  <div class=\"bll-input-wrap\">\r\n    <div class=\"bll-input-container\">\r\n      <div class=\"bll-form-field-prefix\" *ngIf=\"prefix\">{{ prefix }}</div>\r\n      <ng-content select=\"[bllInput]\"></ng-content>\r\n      <ng-content select=\"bll-tooltip\"></ng-content>\r\n      <bll-tooltip *ngIf=\"hint\" [content]=\"hint\"></bll-tooltip>\r\n      <div class=\"bll-form-field-currency\">{{ currency }}</div>\r\n\r\n      <button\r\n        type=\"button\"\r\n        *ngIf=\"clearable\"\r\n        class=\"bll-form-field-clear tw-transition tw-transform tw-scale-0\"\r\n        [class.tw-scale-100]=\"value\"\r\n        aria-label=\"מחק\"\r\n        (click)=\"clear()\"\r\n      >\r\n        <bll-icon name=\"x\"></bll-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"bll-form-field-underline\"></div>\r\n    <span class=\"bll-form-field-label-wrapper\">\r\n      <label\r\n        class=\"bll-form-field-label\"\r\n        [id]=\"_labelId\"\r\n        [attr.for]=\"_control.id\"\r\n        [class.bll-form-field-empty]=\"_control.empty\"\r\n        #label\r\n        [ngSwitch]=\"_hasLabel()\"\r\n      >\r\n        <ng-container *ngSwitchCase=\"false\"> {{ _control.placeholder }} </ng-container>\r\n\r\n        <ng-content select=\"bll-label\" *ngSwitchCase=\"true\"></ng-content>\r\n\r\n        <span\r\n          class=\"bll-placeholder-required bll-form-field-required-marker\"\r\n          aria-hidden=\"true\"\r\n          *ngIf=\"!hideRequiredMarker && _control.required && !_control.disabled\"\r\n          >&#32;*</span\r\n        >\r\n      </label>\r\n    </span>\r\n  </div>\r\n  <ng-content></ng-content>\r\n  <div class=\"bll-form-field-error-wrapper\" *ngIf=\"_displayError()\">\r\n    <ng-content select=\"bll-error\"></ng-content>\r\n  </div>\r\n  <div class=\"bll-form-field-hint-wrapper\">\r\n    <ng-content select=\"bll-form-hint\"></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[".bll-form-field{display:block;position:relative;margin-top:5px}.bll-form-field .bll-form-field-clear{color:var(--primary);font-size:8px;padding-top:2px;padding-left:5px;padding-right:5px}.bll-form-field.bll-form-field-type-bll-input .bll-input-wrap{display:block;border-top:.84375em solid transparent}.bll-form-field.bll-form-field-type-bll-input .bll-input-container{display:flex;position:relative;border-right:2px solid var(--primary)}.bll-form-field.bll-form-field-type-bll-input input.bll-input{border:none;background:none;color:var(--default);caret-color:var(--primary);text-transform:uppercase;width:100%;padding:6px 10px 0;font-weight:300}.bll-form-field.bll-form-field-type-bll-input input.bll-input:focus{outline:none}.bll-form-field-prefix{display:flex;align-items:flex-end;padding-right:5px}.bll-form-field .bll-form-field-underline{position:relative;height:3px;margin-top:2px;background-color:var(--nav-middle,#dae0e4)}.bll-form-field .bll-form-field-underline:after{content:\"\";display:block;top:0;height:2px;overflow:hidden;position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(.5);opacity:0;transition:background-color .3s cubic-bezier(.55,0,.55,.2)}.bll-form-field.bll-focused .bll-form-field-underline:after{background-color:var(--primary);opacity:1;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}.bll-form-field-label-wrapper{position:absolute;left:0;top:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}.bll-form-field-label-wrapper .bll-form-field-label{display:block;position:absolute;left:0;font:inherit;font-weight:300;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transform-origin:top right;transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);transform:perspective(100px);padding-right:10px;padding-left:10px;top:1.18125em;text-align:right}.bll-form-field-currency{padding-left:4px;font-weight:500;font-size:28px;line-height:1;z-index:1}.bll-form-field-tooltip{display:flex}.bll-form-field-tooltip .ts-tooltip-icon{margin:0}.bll-form-field-active .bll-form-field-label-wrapper .bll-form-field-label{transform:translateY(-1em) translateX(-5px) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1em) translateX(-5px) scale(.75);font-size:1.125rem}.bll-form-field-hide-placeholder .bll-input::-moz-placeholder{color:transparent!important;-webkit-text-fill-color:transparent;-moz-transition:none;transition:none}.bll-form-field-hide-placeholder .bll-input:-ms-input-placeholder{color:transparent!important;-webkit-text-fill-color:transparent;-ms-transition:none;transition:none}.bll-form-field-hide-placeholder .bll-input::placeholder{color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.bll-form-field.bll-form-field-invalid .bll-form-field-label{color:var(--danger)}.bll-form-field.bll-form-field-invalid.bll-form-field-type-bll-input .bll-input-container{border-color:var(--danger)}.bll-form-field.bll-form-field-invalid.bll-form-field-type-bll-input input.bll-input{color:var(--danger);caret-color:currentColor}.bll-form-field.bll-form-field-invalid .bll-form-field-underline:after{background-color:var(--danger);transition:none}.bll-form-field-hint-wrapper{font-size:.875rem}.bll-form-field-error-wrapper{margin-top:5px;font-size:.875rem;text-overflow:ellipsis;overflow:hidden;width:100%}.bll-form-field-width{width:100%}.bll-form-field .bll-error{color:var(--danger)}.bll-form-field .bll-form-field-container{padding-bottom:.5em}.bll-form-field.bll-form-field-inline,.bll-form-field.bll-form-field-inline.bll-form-field-type-bll-input .bll-input-wrap{display:inline-block}.bll-form-field-disabled .bll-input-container{border-color:var(--nav-middle,#dae0e4)!important}.bll-form-field-hint-wrapper{font-size:75%}.bll-form-field-error-wrapper{font-size:80%}.bll-form-field-container{padding-bottom:.5em}"]}]}],"members":{"_errorChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"./error","name":"BllError","line":51,"character":19}]}]}],"_control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":52,"character":3},"arguments":[{"__symbolic":"reference","module":"./form-field-control","name":"BllFormFieldControl","line":52,"character":16},{"static":true}]}]}],"hidePlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"hideRequiredMarker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"clearable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":130,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":130,"character":74}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_checkError":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_shouldForward":[{"__symbolic":"method"}],"_hasPlaceholder":[{"__symbolic":"method"}],"_hasLabel":[{"__symbolic":"method"}],"_displayError":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}}}}]