{"__symbolic":"module","version":4,"metadata":{"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"DropdownComponent"},{"__symbolic":"reference","name":"DropdownEventsDirective"}],"declarations":[{"__symbolic":"reference","name":"DropdownComponent"},{"__symbolic":"reference","name":"DropdownEventsDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@lunaeme/circe-click-outside","name":"ClickOutsideModule","line":18,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@lunaeme/circe-core","name":"CoreModule","line":19,"character":4},"member":"forChild"}}]}]}],"members":{}},"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"cc-dropdown","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"template":"<div\n  class=\"mda-dropdown\"\n  (mouseenter)=\"ev.preventNoNeededEvent($event); mouseGlobalAction($event);\"\n  (mouseout)=\"ev.preventNoNeededEvent($event); mouseGlobalAction($event);\"\n  ccClickOutside [apply]=\"clickOutsideApply\" (clickOutside)=\"closeDropdown.emit()\">\n  <ng-container *ngFor=\"let option of optionsInside; trackBy: tools.identifier; let i = index;\">\n    <div\n      class=\"mda-dropdown__option mda-dropdown__option-{{i + 1}}\"\n      tabindex=\"1\"\n      (click)=\"ev.preventNoNeededEvent($event); optionSelected.emit(option);\"\n      (mouseenter)=\"ev.preventNoNeededEvent($event); mouseEnterAction($event);\"\n      (mousemove)=\"ev.preventNoNeededEvent($event); mouseEnterAction($event);\"\n      (mouseout)=\"ev.preventNoNeededEvent($event); mouseOutAction($event);\">\n      <div class=\"mda-dropdown--left\">\n        <i\n          *ngIf=\"option.icon\"\n          class=\"{{(option.icon['iconFontClass']) ? option.icon['iconFontClass'] : 'mda-icon'}} {{option.icon['class']}}\"\n          [attr.data-style-temp]=\"'color: ' + (option.icon.color || 'inherit')\"\n          [ngStyle]=\"{color: (option.icon.color) ? option.icon.color : 'inherit'}\"></i>\n        <span\n          [attr.data-style-temp]=\"'color: ' + (option.color || 'inherit')\"\n          [ngStyle]=\"{color: (option.color) ? option.color : 'inherit'}\">\n          {{option.label}}\n        </span>\n      </div>\n      <div class=\"mda-dropdown--right\" *ngIf=\"option['iconRight']\">\n        <i\n          class=\"{{(option['iconRight']['iconFontClass']) ? option['iconRight']['iconFontClass'] : 'mda-icon'}} {{option['iconRight']['class']}}\"\n          [attr.data-style-temp]=\"'color: ' + (option['iconRight'].color || 'inherit')\"\n          [ngStyle]=\"{color: (option['iconRight'].color) ? option['iconRight'].color : 'inherit'}\"></i>\n      </div>\n    </div>\n    <hr class=\"dropdown__separator\" *ngIf=\"separators && separators[i]\">\n  </ng-container>\n</div>\n","styles":[":host{--mda-dropdown-default-position:absolute;--mda-dropdown-default-width:300px;--mda-dropdown-default-min-width:var(--mda-dropdown-default-width);--mda-dropdown-default-left:0;--mda-dropdown-default-right:0;--mda-dropdown-default-top:0;--mda-dropdown-default-border:1px solid;--mda-dropdown-default-border-radius:4px;--mda-dropdown-default-padding:8px;--mda-dropdown-default-margin:0;--mda-dropdown-default-box-shadow:0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12),0 2px 4px -1px rgba(0, 0, 0, .2);--mda-dropdown-default-text-color:black;--mda-dropdown-default-border-color:black;--mda-dropdown-default-background-color:white;--mda-dropdown-option-default-padding:5px;--mda-dropdown-option-default-icon-size:16px;--mda-dropdown-option-default-icon-spacer:5px;--mda-dropdown-option-default-selected-background-color:lightgrey;--mda-dropdown-option-default-selected-text-color:grey;--mda-dropdown-option-default-icon-right-size:16px;--mda-dropdown-separator-default-border:1px solid;--mda-dropdown-separator-default-border-color:lightgrey;--mda-dropdown-separator-default-margin:10px 0}:host .mda-dropdown{position:var(--mda-dropdown-default-position);display:block;min-width:var(--mda-dropdown-default-min-width);left:var(--mda-dropdown-default-left);top:var(--mda-dropdown-default-top);z-index:1;color:var(--mda-dropdown-default-text-color);border:var(--mda-dropdown-default-border);border-color:var(--mda-dropdown-default-border-color);border-radius:var(--mda-dropdown-default-border-radius);background-color:var(--mda-dropdown-default-background-color);box-sizing:border-box;padding:var(--mda-dropdown-default-padding);margin:var(--mda-dropdown-default-margin);box-shadow:var(--mda-dropdown-default-box-shadow)}:host .mda-dropdown .mda-dropdown__option{display:flex;justify-content:space-between;border-radius:var(--mda-dropdown-default-border-radius);padding:var(--mda-dropdown-option-default-padding);font-size:inherit;line-height:inherit;color:inherit;cursor:pointer}:host .mda-dropdown .mda-dropdown__option.dropdown__option--selected{color:var(--mda-dropdown-option-default-selected-text-color);background-color:var(--mda-dropdown-option-default-selected-background-color)}:host .mda-dropdown .mda-dropdown__option>.mda-dropdown--left{display:flex}:host .mda-dropdown .mda-dropdown__option>.mda-dropdown--left>I{font-size:var(--mda-dropdown-option-default-icon-size);line-height:var(--mda-dropdown-option-default-icon-size);margin-right:var(--mda-dropdown-option-default-icon-spacer)}:host .mda-dropdown .mda-dropdown__option>.mda-dropdown--left>SPAN{font-size:inherit;line-height:inherit;color:inherit;white-space:nowrap}:host .mda-dropdown .mda-dropdown__option>.mda-dropdown--right>I{font-size:var(--mda-dropdown-option-default-icon-right-size);line-height:var(--mda-dropdown-option-default-icon-right-size)}:host .mda-dropdown .dropdown__separator{border:none;border-top:var(--mda-dropdown-separator-default-border);border-top-color:var(--mda-dropdown-separator-default-border-color);margin:var(--mda-dropdown-separator-default-margin)}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"keyboardControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"render":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"closeDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@lunaeme/circe-core","name":"ToolService","line":78,"character":18},{"__symbolic":"reference","module":"@lunaeme/circe-core","name":"EventsService","line":79,"character":15},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":80,"character":28,"context":{"typeName":"HTMLElement"},"module":"./lib/dropdown.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":81,"character":23},{"__symbolic":"reference","module":"@lunaeme/circe-core","name":"BoxModelService","line":82,"character":17}]}],"_checkConfigArray":[{"__symbolic":"method"}],"_generateOptionsInside":[{"__symbolic":"method"}],"_initializeConfiguration":[{"__symbolic":"method"}],"_getElementReference":[{"__symbolic":"method"}],"_processConfiguration":[{"__symbolic":"method"}],"_deleteSelectedInHtmlCollection":[{"__symbolic":"method"}],"_getAllOptions":[{"__symbolic":"method"}],"_getSelectedOption":[{"__symbolic":"method"}],"_getEventMouseTarget":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"mouseGlobalAction":[{"__symbolic":"method"}],"mouseEnterAction":[{"__symbolic":"method"}],"mouseOutAction":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DropdownEventsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[ccDropdownEvents]"}]}],"members":{"showDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"dropdownActionsDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"showOnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showOnFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"showDropdownChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"clickEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"focusEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"blurEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@lunaeme/circe-core","name":"EventsService","line":28,"character":27},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":28,"character":66,"context":{"typeName":"HTMLElement"},"module":"./lib/dropdown-events.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":28,"character":99}]}],"onClickHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["click",["$event"]]}]}],"onFocusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":40,"character":3},"arguments":["focus",["$event"]]}]}],"onBlurHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":48,"character":3},"arguments":["blur",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"FromDropdownOption":{"__symbolic":"interface"},"DropdownConfig":{"__symbolic":"interface"},"DropdownPosition":{"__symbolic":"interface"},"DropdownPositionCorrection":{"__symbolic":"interface"},"keysToManageDropdown":["ArrowDown","ArrowUp","Escape","Tab","Enter"," "],"keysToShowDropdown":["ArrowDown","ArrowUp"," "]},"origins":{"DropdownModule":"./lib/dropdown.module","DropdownComponent":"./lib/dropdown.component","DropdownEventsDirective":"./lib/dropdown-events.directive","FromDropdownOption":"./lib/dropdown.types","DropdownConfig":"./lib/dropdown.types","DropdownPosition":"./lib/dropdown.types","DropdownPositionCorrection":"./lib/dropdown.types","keysToManageDropdown":"./lib/dropdown.types","keysToShowDropdown":"./lib/dropdown.types"},"importAs":"@lunaeme/circe-dropdown"}