[{"__symbolic":"module","version":4,"metadata":{"SelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"g-select","template":"<div\n  class=\"g-select\"\n  g-outside\n  (clickOutside)=\"focused = false\"\n  [class.focused]=\"focused && !readonly\"\n  [class.active]=\"control.value\"\n  [class.disabled]=\"disabled\"\n  [class.readonly]=\"readonly\"\n  [class.invalid]=\"control.touched && control.invalid\"\n  #el\n>\n  <div\n    class=\"g-select-form-field\"\n    (click)=\"!disabled && !readonly && focusInput()\"\n  >\n    <div class=\"g-select-value\" #inputComponent>\n      <ng-template\n        [ngTemplateOutlet]=\"\n          !!selectedTemplate ? selectedTemplate : placeholderTemplate\n        \"\n      >\n      </ng-template>\n\n      <ng-template #placeholderTemplate>\n        <p class=\"g-select-placeholder\" g-typography [type]=\"'subHeadline'\">\n          {{ placeholder }}\n        </p>\n      </ng-template>\n    </div>\n    <div class=\"g-select-icon\">\n      <mat-icon>expand_more</mat-icon>\n    </div>\n    <div\n      class=\"g-select-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-select-dropdown\"\n    g-typography\n    [type]=\"'subHeadline'\"\n    *ngIf=\"focused\"\n  >\n    <div\n      class=\"g-select-dropdown-item\"\n      *ngFor=\"let item of selectOptionList\"\n      [class.g-select-dropdown-item-selected]=\"\n        selectedOption && item.value === selectedOption.value\n      \"\n      (click)=\"onSelect(item)\"\n    >\n      <ng-container *ngTemplateOutlet=\"item.templateRef\"></ng-container>\n    </div>\n  </div>\n</div>\n","styles":["@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@-webkit-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-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}@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}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.g-select{height:60px;padding:0 16px;background:#fff;position:relative;min-width:108px;cursor:pointer}.g-select-form-field{padding-top:24px;padding-bottom:10px;position:relative;height:100%}.g-select-form-field .g-select-value,.g-select-form-field label{position:absolute;top:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-grey-500);transition:.4s;overflow-x:hidden;width:calc(100% - 25px);color:var(--color-grey-900);white-space:nowrap;font-size:.9375rem;line-height:1.4;font-weight:600;margin:0}.g-select.invalid{border-color:var(--color-red-500)}.g-select.active label,.g-select.focused label{top:18px}.g-select.disabled{background:#f9f9f9}.g-select.readonly .g-select-value{color:var(--color-grey-600)}.g-select--fill{box-shadow:0 1.00267px 0 #e6e6e6;transition:.4s}.g-select--fill.focused{box-shadow:0 1.00267px 0 var(--color-primary)}.g-select--outline{border:1px solid;border-color:var(--color-grey-200)}.g-select--outline.focused{border-color:var(--color-primary)}.g-select-icon{position:absolute;top:30px;-webkit-transform:translateY(-50%);max-width:25px;right:0;display:inline-flex;color:var(--color-grey-400);transform:translateY(-50%)}.g-select--rounded{border-radius:12px}.g-select--clear.g-select-form-field{padding-right:25px}.g-select .g-input-reset{position:absolute;right:0;top:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-flex;cursor:pointer}.g-select .g-input-reset mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}.g-select-placeholder{color:var(--color-grey-500);margin:0}.g-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:55;padding:5px 0;border-radius:12px;max-height:300px;overflow-y:auto;background:var(--color-white);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.g-select-dropdown-item{padding:10px 16px;color:var(--color-grey-700)}.g-select-dropdown-item:hover{background:var(--color-grey-50)}.g-select-dropdown-item-selected{color:var(--color-grey-400);background:var(--color-grey-100)!important}"],"providers":[{"__symbolic":"reference","module":"../services/update-host-class.service","name":"UpdateHostClassService","line":88,"character":14}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":89,"character":19},"member":"OnPush"}}]}],"members":{"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":3},"arguments":["select",{"static":false}]}]}],"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":3},"arguments":["el",{"static":true}]}]}],"selectOptionList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":96,"character":3},"arguments":[{"__symbolic":"reference","module":"./selectable-value.directive","name":"SelectableValueDirective","line":96,"character":19},{"descendants":true}]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"clearButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"prefixPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":109,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/update-host-class.service","name":"UpdateHostClassService","line":118,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":119,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"updateClass":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}}}}]