[{"__symbolic":"module","version":4,"metadata":{"InputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"g-input, [g-input]","template":"<div\n  class=\"g-input\"\n  (click)=\"!disabled && !readonly && focusInput()\"\n  g-outside\n  (clickOutside)=\"blurInput()\"\n  [class.focused]=\"focused && !readonly\"\n  [class.active]=\"control.value || input?.nativeElement.value\"\n  [class.disabled]=\"disabled\"\n  [class.readonly]=\"readonly\"\n  [class.invalid]=\"control.invalid && control.touched\"\n  #el\n>\n  <div class=\"g-input-form-field\">\n    <label\n      g-typography\n      [type]=\"\n        focused || control.value || input?.nativeElement.value\n          ? 'small'\n          : 'subHeadline'\n      \"\n      >{{ placeholder }}\n      <ng-container *ngIf=\"required\"\n        ><span class=\"required\">*</span></ng-container\n      ></label\n    >\n    <ng-container *ngIf=\"type !== 'textarea'; else textarea\">\n      <ng-container *ngIf=\"datepicker\">\n        <input\n          type=\"text\"\n          #input\n          (focus)=\"focusInput()\"\n          (blur)=\"blurInput()\"\n          [attr.disabled]=\"disabled || readonly ? true : null\"\n          [formControl]=\"control\"\n          [matDatepicker]=\"datepicker ? picker : null\"\n        />\n      </ng-container>\n      <ng-container *ngIf=\"!datepicker\">\n        <input\n          type=\"text\"\n          #input\n          (focus)=\"focusInput()\"\n          (blur)=\"blurInput()\"\n          [attr.disabled]=\"disabled || readonly ? true : null\"\n          [formControl]=\"control\"\n          [gNumber]=\"isNumber\"\n          [isTaxCode]=\"isTaxCode\"\n          [hasCommas]=\"!!withCommas\"\n        />\n      </ng-container>\n    </ng-container>\n    <ng-template #textarea>\n      <textarea\n        #input\n        (focus)=\"focusInput()\"\n        (blur)=\"blurInput()\"\n        [attr.disabled]=\"disabled || readonly ? true : null\"\n        [formControl]=\"control\"\n        [gNumber]=\"isNumber\"\n      ></textarea>\n    </ng-template>\n\n    <div\n      class=\"g-input-reset\"\n      *ngIf=\"clearButton && !disabled && !readonly && focused && control.value\"\n      (click)=\"control.reset()\"\n    >\n      <mat-icon>close</mat-icon>\n    </div>\n  </div>\n  <div\n    class=\"g-input-prefix\"\n    #prefix\n    (click)=\"datepicker && !readonly && !disabled ? picker.open() : null\"\n  >\n    <ng-content select=\"g-prefix\"></ng-content>\n  </div>\n</div>\n\n<mat-datepicker #picker></mat-datepicker>\n","styles":[".g-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;border:none;-webkit-tap-highlight-color:transparent;cursor:pointer;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:0 0;text-decoration:none;margin:0;min-height:48px}.g-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}.g-menu-item[disabled]{cursor:default;opacity:.38}.g-placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;width:100%;background-color:var(--color-grey-500);opacity:.5}.g-placeholder.btn::before{display:inline-block;content:\"\"}.g-placeholder-small{min-height:16px}.g-placeholder-standard{min-height:24px}.g-placeholder-glow .g-placeholder{-webkit-animation:2s ease-in-out infinite placeholder-glow;animation:2s ease-in-out infinite placeholder-glow}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.g-placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 25%,rgba(0,0,0,.8) 75%,#000 55%);mask-image:linear-gradient(130deg,#000 25%,rgba(0,0,0,.8) 75%,#000 55%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:2s linear infinite placeholder-wave;animation:2s linear infinite placeholder-wave}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}b,b.g-typography,strong,strong.g-typography{font-weight:600}a,a.g-typography{color:var(--color-darkBlue-500);text-decoration:none}.g-typography--large{margin-bottom:.5em;font-size:2.125rem;line-height:1.4;font-weight:700}.g-typography--title1,h1,h1.g-typography--title{margin-bottom:.5em;font-size:1.75rem;line-height:1.4;font-weight:700}.g-typography--title2,h2,h2.g-typography--title{margin-bottom:.5em;font-size:1.375rem;line-height:1.4;font-weight:700}.g-typography--title3,h3,h3.g-typography--title{margin-bottom:.5em;font-size:1.25rem;line-height:1.4;font-weight:600}.g-typography--body{margin-bottom:.5em;font-size:1rem;line-height:1.4;font-weight:400}.g-typography--headline{margin-bottom:.5em;font-size:1.0625rem;line-height:1.4;font-weight:600}.g-typography--subHeadline{margin-bottom:.5em;font-size:.9375rem;line-height:1.4;font-weight:400}.g-typography--small{margin-bottom:.5em;font-size:.8125rem;line-height:1.4;font-weight:400}.g-typography--caption{margin-bottom:.5em;font-size:.75rem;line-height:1.4;font-weight:400}.g-input{height:60px;padding:0 16px;min-width:108px;background:#fff;position:relative}.g-input--textarea{height:100px}.g-input-form-field{padding-top:24px;padding-bottom:10px;position:relative;height:100%}.g-input-form-field label{position:absolute;top:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-grey-500);transition:.4s;margin-bottom:0}.g-input-form-field input,.g-input-form-field textarea{border:none;padding:0;width:100%;height:100%;outline:0;resize:none;font-family:inherit;font-size:.9375rem;line-height:1.4;font-weight:600;margin:0}.g-input-form-field .required{color:var(--color-red-500)}.g-input-form-field textarea{padding:5px 0}.g-input.invalid{border-color:var(--color-red-500)}.g-input.active label,.g-input.focused label{top:18px}.g-input input,.g-input textarea{background:0 0}.g-input.disabled{background:#f9f9f9}.g-input.disabled input{pointer-events:none}.g-input.readonly input,.g-input.readonly textarea{color:var(--color-grey-600);pointer-events:none}.g-input.readonly .g-input-prefix{opacity:.5}.g-input--fill{box-shadow:0 1.00267px 0 #e6e6e6;transition:.4s}.g-input--fill.focused{box-shadow:0 1.00267px 0 var(--color-primary)}.g-input--outline{border:1px solid;border-color:var(--color-grey-200)}.g-input--outline.focused{border-color:var(--color-primary)}.g-input .g-input-prefix{position:absolute;top:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:25px;display:inline-block}.g-input .g-input-prefix ::ng-deep img{max-width:25px}.g-input--prefix-left{padding-left:50px}.g-input--prefix-left .g-input-prefix{left:25px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.g-input--prefix-right{padding-right:50px}.g-input--prefix-right .g-input-prefix{right:25px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.g-input--rounded{border-radius:12px}.g-input--clear.g-input-form-field{padding-right:25px}.g-input .g-input-reset{position:absolute;right:0;top:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-flex;cursor:pointer}.g-input .g-input-reset mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}"],"providers":[{"__symbolic":"reference","module":"../services/update-host-class.service","name":"UpdateHostClassService","line":109,"character":14}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":110,"character":19},"member":"OnPush"}}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":115,"character":3},"arguments":["input",{"static":false}]}]}],"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":116,"character":3},"arguments":["el",{"static":true}]}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["prefix",{"static":true}]}]}],"commas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"../directives/commas/commas.directive","name":"CommasDirective","line":118,"character":13},{"static":false}]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"clearButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"prefixPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"datepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"isNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"withCommas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"isTaxCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":136,"character":3}}]}],"focusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/update-host-class.service","name":"UpdateHostClassService","line":141,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":142,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"updateClass":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}],"blurInput":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}}}}]