[{"__symbolic":"module","version":4,"metadata":{"MultiSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"g-multiselect","template":"<div\n  class=\"g-multiselect g-multiselect--outline g-multiselect--rounded\"\n  g-outside\n  (clickOutside)=\"focused = false\"\n  (click)=\"touched = true; control.markAsTouched()\"\n  [class.focused]=\"focused && !readonly\"\n  [class.readonly]=\"readonly\"\n  [class.invalid]=\"(touched || control.touched) && control.invalid\"\n>\n  <div class=\"g-multiselect-label-container\" (click)=\"onMouseClick($event)\">\n    <span class=\"g-multiselect-label g-corner-all\">\n      <ng-container *ngIf=\"!selectedItemsTemplate\"\n        ><div>{{ valuesAsString }}</div>\n      </ng-container>\n      <ng-container *ngIf=\"(!value || !value.length) && selectedItemsTemplate\">\n        <div>{{ valuesAsString }}</div>\n      </ng-container>\n      <ng-container\n        *ngTemplateOutlet=\"selectedItemsTemplate; context: { $implicit: value }\"\n      ></ng-container>\n    </span>\n    <div class=\"g-multiselect-icon\">\n      <mat-icon>expand_more</mat-icon>\n    </div>\n  </div>\n  <div class=\"g-multiselect-dropdown\" *ngIf=\"focused && !readonly\">\n    <ng-container *ngFor=\"let option of options\">\n      <g-multiselect-item\n        [option]=\"option\"\n        [selected]=\"isSelected(option)\"\n        (onClick)=\"onOptionClick($event)\"\n        [template]=\"itemTemplate\"\n        [label]=\"getOptionLabel(option)\"\n      ></g-multiselect-item>\n    </ng-container>\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-multiselect{min-height:60px;padding:0 16px;background:#fff;position:relative;min-width:108px;cursor:pointer}.g-multiselect-label-container{padding:19.5px 0;position:relative;height:100%}.g-multiselect-label-container .g-multiselect-label,.g-multiselect-label-container label{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-multiselect.invalid{border-color:var(--color-red-500)}.g-multiselect.active label,.g-multiselect.focused label{top:18px}.g-multiselect.disabled{background:#f9f9f9}.g-multiselect .g-select-value{display:flex;flex-wrap:wrap;margin:0 -4px}.g-multiselect .g-select-value ::ng-deep .g-select-value-item{padding:4px}.g-multiselect.readonly .g-select-value{color:var(--color-grey-600)}.g-multiselect--fill{box-shadow:0 1.00267px 0 #e6e6e6;transition:.4s}.g-multiselect--fill.focused{box-shadow:0 1.00267px 0 var(--color-primary)}.g-multiselect--outline{border:1px solid;border-color:var(--color-grey-200)}.g-multiselect--outline.focused{border-color:var(--color-primary)}.g-multiselect-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);max-width:25px;right:0;display:inline-flex;color:var(--color-grey-400);transform:translateY(-50%)}.g-multiselect--rounded{border-radius:12px}.g-multiselect--clear.g-multiselect-form-field{padding-right:25px}.g-multiselect .g-input-reset{position:absolute;right:0;top:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-flex;cursor:pointer}.g-multiselect .g-input-reset mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}.g-multiselect-placeholder{color:var(--color-grey-500);margin:0}.g-multiselect-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-multiselect-dropdown-item{padding:10px 16px;position:relative;color:var(--color-grey-700);display:flex;align-items:center}.g-multiselect-dropdown-item:hover{background:var(--color-grey-50)}.g-multiselect-dropdown-item mat-icon{margin-left:auto;display:none}.g-multiselect-dropdown-item-selected{color:var(--color-grey-400);background:var(--color-grey-100)!important}.g-multiselect-dropdown-item-selected mat-icon{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}"]}]}],"members":{"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":63,"character":3},"arguments":[{"__symbolic":"reference","module":"../directives/template/template.directive","name":"GTemplateDirective","line":63,"character":19},{"descendants":true}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"optionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"optionValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"dataKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"defaultLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":122,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"getOptionLabel":[{"__symbolic":"method"}],"getOptionValue":[{"__symbolic":"method"}],"onOptionClick":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"findSelectionIndex":[{"__symbolic":"method"}],"updateLabel":[{"__symbolic":"method"}],"findLabelByValue":[{"__symbolic":"method"}],"onMouseClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]