[{"__symbolic":"module","version":3,"metadata":{"TypeaheadResultsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-typeahead-results","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":["*, *:before, *:after { box-sizing: border-box; } .adm-spinner-container { height: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; } .adm-spinner-container .spinner { background: #666; height: 1px; width: 25%; } .adm-spinner-container .spinner.spinner { left: 50%; opacity: .3; position: absolute; top: 50%; transform-origin: -100% 0; } .adm-spinner-container .spinner.spinner-1 { animation: spinner-animation 0.8s 0.06667s infinite; transform: translate(100%, 0) rotate(30deg); } .adm-spinner-container .spinner.spinner-2 { animation: spinner-animation 0.8s 0.13333s infinite; transform: translate(100%, 0) rotate(60deg); } .adm-spinner-container .spinner.spinner-3 { animation: spinner-animation 0.8s 0.2s infinite; transform: translate(100%, 0) rotate(90deg); } .adm-spinner-container .spinner.spinner-4 { animation: spinner-animation 0.8s 0.26667s infinite; transform: translate(100%, 0) rotate(120deg); } .adm-spinner-container .spinner.spinner-5 { animation: spinner-animation 0.8s 0.33333s infinite; transform: translate(100%, 0) rotate(150deg); } .adm-spinner-container .spinner.spinner-6 { animation: spinner-animation 0.8s 0.4s infinite; transform: translate(100%, 0) rotate(180deg); } .adm-spinner-container .spinner.spinner-7 { animation: spinner-animation 0.8s 0.46667s infinite; transform: translate(100%, 0) rotate(210deg); } .adm-spinner-container .spinner.spinner-8 { animation: spinner-animation 0.8s 0.53333s infinite; transform: translate(100%, 0) rotate(240deg); } .adm-spinner-container .spinner.spinner-9 { animation: spinner-animation 0.8s 0.6s infinite; transform: translate(100%, 0) rotate(270deg); } .adm-spinner-container .spinner.spinner-10 { animation: spinner-animation 0.8s 0.66667s infinite; transform: translate(100%, 0) rotate(300deg); } .adm-spinner-container .spinner.spinner-11 { animation: spinner-animation 0.8s 0.73333s infinite; transform: translate(100%, 0) rotate(330deg); } .adm-spinner-container .spinner.spinner-12 { animation: spinner-animation 0.8s 0.8s infinite; transform: translate(100%, 0) rotate(360deg); } @keyframes spinner-animation { 0% { opacity: .3; } 10% { opacity: 1; } 100% { opacity: .3; } } .adm-select { display: inline-block; position: relative; width: 100%; background: #fff; border: 1px solid #cfd3d7; border-radius: 3px; color: #333; font-size: 14px; vertical-align: middle; } .adm-select__input input[type='text'], .adm-select__input textarea { display: block; width: 100%; border: 0; margin: 0; padding: 0; outline: none !important; border-radius: 0; background: transparent; -webkit-appearance: none; white-space: normal; user-select: none; text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; padding: 8px 30px 8px 16px; line-height: 1.25; resize: none; min-width: 150px; overflow-x: hidden; } .adm-select__input input[type='text'][readonly], .adm-select__input textarea[readonly] { cursor: pointer; } .adm-select__caret { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; position: absolute; top: 0; bottom: 0; right: 0; font-size: 0; color: transparent; width: 30px; border-radius: 0 3px 3px 0; cursor: pointer; } .adm-select__caret:before { content: \"\"; border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; width: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .adm-select__view-item { position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; margin-right: 9px; transition: all .1s linear; opacity: 0; } .adm-select__view-item__btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; text-decoration: none !important; color: #333 !important; font-size: 13px; } .adm-select__view-item__btn i { font-size: 16px; vertical-align: top; } .adm-select__options { display: none; position: absolute; top: 100%; left: -1px; right: -1px; background: #fff; border: 1px solid #cfd3d7; border-top-width: 0; margin-top: 1px; border-radius: 0 0 3px 3px; z-index: 102; overflow: hidden; } .adm-select__options__list { max-height: 165px; overflow: auto; margin: 0 !important; padding: 0 !important; list-style: none !important; } .adm-select__options__list.clear-selection { border-top: 1px solid #cfd3d7; } .adm-select__options__list.clear-selection li { font-weight: bold; background: transparent !important; } .adm-select__options__list > p { margin: 0; padding: 10px 8px; font-weight: bold; border-top: 1px solid #cfd3d7; line-height: 1; } .adm-select__options__list > p:first-child { border-top: none; } .adm-select__options__list > p.hidden { display: none; } .adm-select__options__list > li, .adm-select__options__list > ol { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; padding: 10px 16px; font-size: 13px; text-transform: none; font-weight: normal; box-shadow: none; overflow: hidden; text-overflow: ellipsis; } .adm-select__options__list > li.is-selected, .adm-select__options__list > ol.is-selected { font-weight: 600; } .adm-select__options__list > li.hidden, .adm-select__options__list > ol.hidden { display: none; } .adm-select__options__list > li:hover, .adm-select__options__list > li.is-selected, .adm-select__options__list > li.focused, .adm-select__options__list > ol:hover, .adm-select__options__list > ol.is-selected, .adm-select__options__list > ol.focused { background-color: #eee; } .adm-select__options__list:hover > *.is-selected { background: transparent; } .adm-select__options__list:hover > *.is-selected:hover { background-color: #eee; } .adm-select__options__list b { display: block; margin-top: 5px; font-weight: 700; } .adm-select__add-new-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; padding: 8px 32px; border-top: 1px solid #cfd3d7; width: 100%; position: relative; text-align: left; cursor: pointer; } .adm-select__add-new-btn i { font-size: 16px; position: absolute; top: 8px; left: 11px; } .adm-select__add-new-btn small { font-size: .75em; } .adm-select.is-disabled { pointer-events: none; opacity: .7; user-select: none; } .adm-select.is-disabled:after { content: ''; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000; position: absolute; border-radius: 3px; opacity: .1; cursor: none; } .adm-select.is-active { border-radius: 3px 3px 0 0; } .adm-select.is-active .adm-select__options { display: block; } .adm-select.is-active .adm-select__caret:before { transform: rotate(180deg); } .adm-select.is-drop-up { border-radius: 0 0 3px 3px; } .adm-select.is-drop-up .adm-select__options { top: auto; bottom: 100%; border-radius: 3px 3px 0 0; border-top-width: 1px; } .adm-select.pending-data-load .adm-select__caret:before, .adm-select.pending-data-load .adm-select__caret:after { display: none; } adm-input-container:hover .adm-select__view-item { opacity: .7; } adm-input-container:hover .adm-select__view-item:hover { opacity: 1; } ","adm-typeahead-results .adm-select__options { display: block; left: 0; right: 0; } adm-typeahead-results .adm-select__options .adm-select__options__list b { display: inline; margin: 0; } "],"host":{"(click)":"$event.stopPropagation()","$quoted$":["(click)"]},"template":"\n        <div class=\"adm-select__options\">\n            <ul class=\"adm-select__options__list\">\n                <li\n                        *ngFor=\"let item of results; let idx = index; trackBy: trackListByFn;\"\n                        [class.is__active]=\"idx === activeIdx\"\n                        (click)=\"onItemClick(item);\"\n                        [innerHtml]=\"item | higlight:query\"></li>\n            </ul>\n        </div>\n    "}]}],"members":{"results":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["select"]}]}],"activeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["activeChange"]}]}],"getActive":[{"__symbolic":"method"}],"markActive":[{"__symbolic":"method"}],"setScrollForList":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"trackListByFn":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"HighlightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe"},"arguments":[{"name":"higlight"}]}],"members":{"transform":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TypeaheadResultsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-typeahead-results","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":["*, *:before, *:after { box-sizing: border-box; } .adm-spinner-container { height: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; } .adm-spinner-container .spinner { background: #666; height: 1px; width: 25%; } .adm-spinner-container .spinner.spinner { left: 50%; opacity: .3; position: absolute; top: 50%; transform-origin: -100% 0; } .adm-spinner-container .spinner.spinner-1 { animation: spinner-animation 0.8s 0.06667s infinite; transform: translate(100%, 0) rotate(30deg); } .adm-spinner-container .spinner.spinner-2 { animation: spinner-animation 0.8s 0.13333s infinite; transform: translate(100%, 0) rotate(60deg); } .adm-spinner-container .spinner.spinner-3 { animation: spinner-animation 0.8s 0.2s infinite; transform: translate(100%, 0) rotate(90deg); } .adm-spinner-container .spinner.spinner-4 { animation: spinner-animation 0.8s 0.26667s infinite; transform: translate(100%, 0) rotate(120deg); } .adm-spinner-container .spinner.spinner-5 { animation: spinner-animation 0.8s 0.33333s infinite; transform: translate(100%, 0) rotate(150deg); } .adm-spinner-container .spinner.spinner-6 { animation: spinner-animation 0.8s 0.4s infinite; transform: translate(100%, 0) rotate(180deg); } .adm-spinner-container .spinner.spinner-7 { animation: spinner-animation 0.8s 0.46667s infinite; transform: translate(100%, 0) rotate(210deg); } .adm-spinner-container .spinner.spinner-8 { animation: spinner-animation 0.8s 0.53333s infinite; transform: translate(100%, 0) rotate(240deg); } .adm-spinner-container .spinner.spinner-9 { animation: spinner-animation 0.8s 0.6s infinite; transform: translate(100%, 0) rotate(270deg); } .adm-spinner-container .spinner.spinner-10 { animation: spinner-animation 0.8s 0.66667s infinite; transform: translate(100%, 0) rotate(300deg); } .adm-spinner-container .spinner.spinner-11 { animation: spinner-animation 0.8s 0.73333s infinite; transform: translate(100%, 0) rotate(330deg); } .adm-spinner-container .spinner.spinner-12 { animation: spinner-animation 0.8s 0.8s infinite; transform: translate(100%, 0) rotate(360deg); } @keyframes spinner-animation { 0% { opacity: .3; } 10% { opacity: 1; } 100% { opacity: .3; } } .adm-select { display: inline-block; position: relative; width: 100%; background: #fff; border: 1px solid #cfd3d7; border-radius: 3px; color: #333; font-size: 14px; vertical-align: middle; } .adm-select__input input[type='text'], .adm-select__input textarea { display: block; width: 100%; border: 0; margin: 0; padding: 0; outline: none !important; border-radius: 0; background: transparent; -webkit-appearance: none; white-space: normal; user-select: none; text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; padding: 8px 30px 8px 16px; line-height: 1.25; resize: none; min-width: 150px; overflow-x: hidden; } .adm-select__input input[type='text'][readonly], .adm-select__input textarea[readonly] { cursor: pointer; } .adm-select__caret { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; position: absolute; top: 0; bottom: 0; right: 0; font-size: 0; color: transparent; width: 30px; border-radius: 0 3px 3px 0; cursor: pointer; } .adm-select__caret:before { content: \"\"; border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; width: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .adm-select__view-item { position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; margin-right: 9px; transition: all .1s linear; opacity: 0; } .adm-select__view-item__btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; text-decoration: none !important; color: #333 !important; font-size: 13px; } .adm-select__view-item__btn i { font-size: 16px; vertical-align: top; } .adm-select__options { display: none; position: absolute; top: 100%; left: -1px; right: -1px; background: #fff; border: 1px solid #cfd3d7; border-top-width: 0; margin-top: 1px; border-radius: 0 0 3px 3px; z-index: 102; overflow: hidden; } .adm-select__options__list { max-height: 165px; overflow: auto; margin: 0 !important; padding: 0 !important; list-style: none !important; } .adm-select__options__list.clear-selection { border-top: 1px solid #cfd3d7; } .adm-select__options__list.clear-selection li { font-weight: bold; background: transparent !important; } .adm-select__options__list > p { margin: 0; padding: 10px 8px; font-weight: bold; border-top: 1px solid #cfd3d7; line-height: 1; } .adm-select__options__list > p:first-child { border-top: none; } .adm-select__options__list > p.hidden { display: none; } .adm-select__options__list > li, .adm-select__options__list > ol { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; padding: 10px 16px; font-size: 13px; text-transform: none; font-weight: normal; box-shadow: none; overflow: hidden; text-overflow: ellipsis; } .adm-select__options__list > li.is-selected, .adm-select__options__list > ol.is-selected { font-weight: 600; } .adm-select__options__list > li.hidden, .adm-select__options__list > ol.hidden { display: none; } .adm-select__options__list > li:hover, .adm-select__options__list > li.is-selected, .adm-select__options__list > li.focused, .adm-select__options__list > ol:hover, .adm-select__options__list > ol.is-selected, .adm-select__options__list > ol.focused { background-color: #eee; } .adm-select__options__list:hover > *.is-selected { background: transparent; } .adm-select__options__list:hover > *.is-selected:hover { background-color: #eee; } .adm-select__options__list b { display: block; margin-top: 5px; font-weight: 700; } .adm-select__add-new-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; padding: 8px 32px; border-top: 1px solid #cfd3d7; width: 100%; position: relative; text-align: left; cursor: pointer; } .adm-select__add-new-btn i { font-size: 16px; position: absolute; top: 8px; left: 11px; } .adm-select__add-new-btn small { font-size: .75em; } .adm-select.is-disabled { pointer-events: none; opacity: .7; user-select: none; } .adm-select.is-disabled:after { content: ''; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000; position: absolute; border-radius: 3px; opacity: .1; cursor: none; } .adm-select.is-active { border-radius: 3px 3px 0 0; } .adm-select.is-active .adm-select__options { display: block; } .adm-select.is-active .adm-select__caret:before { transform: rotate(180deg); } .adm-select.is-drop-up { border-radius: 0 0 3px 3px; } .adm-select.is-drop-up .adm-select__options { top: auto; bottom: 100%; border-radius: 3px 3px 0 0; border-top-width: 1px; } .adm-select.pending-data-load .adm-select__caret:before, .adm-select.pending-data-load .adm-select__caret:after { display: none; } adm-input-container:hover .adm-select__view-item { opacity: .7; } adm-input-container:hover .adm-select__view-item:hover { opacity: 1; } ","adm-typeahead-results .adm-select__options { display: block; left: 0; right: 0; } adm-typeahead-results .adm-select__options .adm-select__options__list b { display: inline; margin: 0; } "],"host":{"(click)":"$event.stopPropagation()"},"template":"\n        <div class=\"adm-select__options\">\n            <ul class=\"adm-select__options__list\">\n                <li\n                        *ngFor=\"let item of results; let idx = index; trackBy: trackListByFn;\"\n                        [class.is__active]=\"idx === activeIdx\"\n                        (click)=\"onItemClick(item);\"\n                        [innerHtml]=\"item | higlight:query\"></li>\n            </ul>\n        </div>\n    "}]}],"members":{"results":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["select"]}]}],"activeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["activeChange"]}]}],"getActive":[{"__symbolic":"method"}],"markActive":[{"__symbolic":"method"}],"setScrollForList":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"trackListByFn":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"HighlightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe"},"arguments":[{"name":"higlight"}]}],"members":{"transform":[{"__symbolic":"method"}]}}}}]