@duoduo-oba/ng-devui/editable-select/ng-devui-editable-select.metadata.json

DevUI components based on Angular

{"__symbolic":"module","version":4,"metadata":{"EditableSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"d-editable-select","exportAs":"editable-select","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":27,"character":13},"useExisting":{"__symbolic":"reference","name":"EditableSelectComponent"},"multi":true}],"template":"<div\r\n  class=\"devui-form-group devui-has-feedback\"\r\n  [style.padding-bottom.px]=\"2\"\r\n  [style.padding-bottom.px]=\"2\"\r\n  [ngClass]=\"{\r\n    'devui-select-open': autoCompleteDirective.popupRef ? !!autoCompleteDirective.popupRef.instance.isOpen : false\r\n  }\"\r\n>\r\n  <input\r\n    (click)=\"toggle($event)\"\r\n    style=\"cursor: pointer\"\r\n    class=\"devui-form-control\"\r\n    type=\"text\"\r\n    name=\"autoCompleteControl\"\r\n    [source]=\"source\"\r\n    (ngModelChange)=\"onTermChange($event)\"\r\n    [ngModel]=\"inputValue\"\r\n    [searchFn]=\"searchFn\"\r\n    [disabled]=\"disabled\"\r\n    [disabledKey]=\"disabledKey\"\r\n    [placeholder]=\"placeholder\"\r\n    [itemTemplate]=\"itemTemplate\"\r\n    [noResultItemTemplate]=\"noResultItemTemplate ? noResultItemTemplate : noDataTemplate\"\r\n    [maxHeight]=\"maxHeight\"\r\n    [sceneType]=\"'select'\"\r\n    dAutoComplete\r\n    [enableLazyLoad]=\"enableLazyLoad\"\r\n    (loadMore)=\"loadMoreEvent($event)\"\r\n  />\r\n  <span class=\"devui-form-control-feedback\">\r\n    <span class=\"devui-select-chevron-icon\">\r\n      <svg\r\n        width=\"16px\"\r\n        height=\"16px\"\r\n        viewBox=\"0 0 16 16\"\r\n        version=\"1.1\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n      >\r\n        <g id=\"chevron_down\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n          <polygon id=\"chevron_down\" points=\"4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462\"></polygon>\r\n        </g>\r\n      </svg>\r\n    </span>\r\n  </span>\r\n</div>\r\n<ng-template #noDataTemplate>\r\n  <div class=\"devui-no-data-tip\">\r\n    <ng-container *ngIf=\"!inputValue\">{{ i18nCommonText?.noData }}</ng-container>\r\n    <ng-container *ngIf=\"inputValue\">{{ i18nCommonText?.noRecordsFound }}</ng-container>\r\n  </div>\r\n</ng-template>\r\n","styles":[".devui-select-chevron-icon{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.devui-select-open .devui-select-chevron-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.devui-select-chevron-icon svg>g>polygon{fill:#252b3a}input::-ms-clear{display:none}.devui-no-data-tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed;padding:5px 12px;opacity:.3}.devui-form-control{outline:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":41},{"__symbolic":"reference","module":"ng-devui/i18n","name":"I18nService","line":33,"character":74}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"noResultItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"disabledKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"searchFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"enableLazyLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"loadMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"autoCompleteDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","module":"ng-devui/auto-complete","name":"AutoCompleteDirective","line":48,"character":13},{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onTermChange":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"loadMoreEvent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EditableSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26},{"__symbolic":"reference","module":"ng-devui/auto-complete","name":"AutoCompleteModule","line":8,"character":39},{"__symbolic":"reference","module":"ng-devui/position","name":"PositioningModule","line":8,"character":59}],"exports":[{"__symbolic":"reference","name":"EditableSelectComponent"}],"declarations":[{"__symbolic":"reference","name":"EditableSelectComponent"}],"entryComponents":[{"__symbolic":"reference","name":"EditableSelectComponent"}]}]}],"members":{}}},"origins":{"EditableSelectComponent":"./editable-select.component","EditableSelectModule":"./editable-select.module"},"importAs":"ng-devui/editable-select"}