@sd-angular/core 1.2.35 → 1.2.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/scss/core/print.scss +15 -0
- package/assets/scss/core/scrollbar.scss +7 -0
- package/assets/scss/sd-core.scss +1 -16
- package/autocomplete/sd-angular-core-autocomplete.metadata.json +1 -1
- package/autocomplete/src/lib/autocomplete.component.d.ts +2 -0
- package/bundles/sd-angular-core-autocomplete.umd.js +2 -1
- package/bundles/sd-angular-core-autocomplete.umd.js.map +1 -1
- package/bundles/sd-angular-core-autocomplete.umd.min.js +2 -2
- package/bundles/sd-angular-core-autocomplete.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-chip.umd.js +3 -2
- package/bundles/sd-angular-core-chip.umd.js.map +1 -1
- package/bundles/sd-angular-core-chip.umd.min.js +1 -1
- package/bundles/sd-angular-core-chip.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-common.umd.js +4 -0
- package/bundles/sd-angular-core-common.umd.js.map +1 -1
- package/bundles/sd-angular-core-common.umd.min.js +1 -1
- package/bundles/sd-angular-core-common.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-date-month.umd.js +2 -1
- package/bundles/sd-angular-core-date-month.umd.js.map +1 -1
- package/bundles/sd-angular-core-date-month.umd.min.js +1 -1
- package/bundles/sd-angular-core-date-month.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-date-range.umd.js +3 -2
- package/bundles/sd-angular-core-date-range.umd.js.map +1 -1
- package/bundles/sd-angular-core-date-range.umd.min.js +1 -1
- package/bundles/sd-angular-core-date-range.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-date-time.umd.js +2 -1
- package/bundles/sd-angular-core-date-time.umd.js.map +1 -1
- package/bundles/sd-angular-core-date-time.umd.min.js +1 -1
- package/bundles/sd-angular-core-date-time.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-dynamic-report.umd.js +11 -13
- package/bundles/sd-angular-core-dynamic-report.umd.js.map +1 -1
- package/bundles/sd-angular-core-dynamic-report.umd.min.js +1 -1
- package/bundles/sd-angular-core-dynamic-report.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-editor.umd.js +7 -6
- package/bundles/sd-angular-core-editor.umd.js.map +1 -1
- package/bundles/sd-angular-core-editor.umd.min.js +2 -2
- package/bundles/sd-angular-core-editor.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-export.umd.js +48 -18
- package/bundles/sd-angular-core-export.umd.js.map +1 -1
- package/bundles/sd-angular-core-export.umd.min.js +1 -1
- package/bundles/sd-angular-core-export.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.js +131 -129
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +2 -2
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-input-currency.umd.js +2 -1
- package/bundles/sd-angular-core-input-currency.umd.js.map +1 -1
- package/bundles/sd-angular-core-input-currency.umd.min.js +2 -2
- package/bundles/sd-angular-core-input-currency.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-input-dropdown.umd.js +2 -9
- package/bundles/sd-angular-core-input-dropdown.umd.js.map +1 -1
- package/bundles/sd-angular-core-input-dropdown.umd.min.js +1 -1
- package/bundles/sd-angular-core-input-dropdown.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-input-number.umd.js +5 -4
- package/bundles/sd-angular-core-input-number.umd.js.map +1 -1
- package/bundles/sd-angular-core-input-number.umd.min.js +1 -1
- package/bundles/sd-angular-core-input-number.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-json-editor.umd.js +3 -2
- package/bundles/sd-angular-core-json-editor.umd.js.map +1 -1
- package/bundles/sd-angular-core-json-editor.umd.min.js +2 -2
- package/bundles/sd-angular-core-json-editor.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-radio.umd.js +2 -1
- package/bundles/sd-angular-core-radio.umd.js.map +1 -1
- package/bundles/sd-angular-core-radio.umd.min.js +1 -1
- package/bundles/sd-angular-core-radio.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-select-badge.umd.js +9 -8
- package/bundles/sd-angular-core-select-badge.umd.js.map +1 -1
- package/bundles/sd-angular-core-select-badge.umd.min.js +2 -2
- package/bundles/sd-angular-core-select-badge.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-select-editor.umd.js +3 -2
- package/bundles/sd-angular-core-select-editor.umd.js.map +1 -1
- package/bundles/sd-angular-core-select-editor.umd.min.js +1 -1
- package/bundles/sd-angular-core-select-editor.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-select.umd.js +2 -1
- package/bundles/sd-angular-core-select.umd.js.map +1 -1
- package/bundles/sd-angular-core-select.umd.min.js +2 -2
- package/bundles/sd-angular-core-select.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-textarea.umd.js +3 -2
- package/bundles/sd-angular-core-textarea.umd.js.map +1 -1
- package/bundles/sd-angular-core-textarea.umd.min.js +1 -1
- package/bundles/sd-angular-core-textarea.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-time.umd.js +4 -3
- package/bundles/sd-angular-core-time.umd.js.map +1 -1
- package/bundles/sd-angular-core-time.umd.min.js +2 -2
- package/bundles/sd-angular-core-time.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-upload-file.umd.js +8 -7
- package/bundles/sd-angular-core-upload-file.umd.js.map +1 -1
- package/bundles/sd-angular-core-upload-file.umd.min.js +2 -2
- package/bundles/sd-angular-core-upload-file.umd.min.js.map +1 -1
- package/chip/sd-angular-core-chip.metadata.json +1 -1
- package/chip/src/lib/chip.component.d.ts +2 -0
- package/common/src/lib/directives/sd-scroll.directive.d.ts +1 -0
- package/date-month/sd-angular-core-date-month.metadata.json +1 -1
- package/date-month/src/lib/date-month.component.d.ts +2 -0
- package/date-range/sd-angular-core-date-range.metadata.json +1 -1
- package/date-range/src/lib/date-range.component.d.ts +2 -0
- package/date-time/sd-angular-core-date-time.metadata.json +1 -1
- package/date-time/src/lib/date-time.component.d.ts +2 -0
- package/dynamic-report/sd-angular-core-dynamic-report.metadata.json +1 -1
- package/dynamic-report/src/lib/dynamic-report.component.d.ts +4 -3
- package/editor/sd-angular-core-editor.metadata.json +1 -1
- package/editor/src/lib/editor.component.d.ts +2 -0
- package/esm2015/autocomplete/src/lib/autocomplete.component.js +4 -2
- package/esm2015/chip/src/lib/chip.component.js +5 -3
- package/esm2015/common/src/lib/directives/sd-scroll.directive.js +4 -1
- package/esm2015/date-month/src/lib/date-month.component.js +4 -2
- package/esm2015/date-range/src/lib/date-range.component.js +6 -4
- package/esm2015/date-time/src/lib/date-time.component.js +4 -2
- package/esm2015/dynamic-report/src/lib/dynamic-report.component.js +9 -9
- package/esm2015/dynamic-report/src/lib/dynamic-report.module.js +3 -3
- package/esm2015/editor/src/lib/editor.component.js +5 -3
- package/esm2015/export/src/lib/export.service.js +39 -13
- package/esm2015/grid-material/src/lib/components/desktop-command/desktop-command.component.js +2 -2
- package/esm2015/grid-material/src/lib/grid-material.component.js +21 -17
- package/esm2015/input-currency/src/lib/input-currency.component.js +4 -2
- package/esm2015/input-dropdown/src/lib/input.component.js +3 -10
- package/esm2015/input-number/src/lib/input-number.component.js +7 -5
- package/esm2015/json-editor/src/lib/json-editor.component.js +6 -4
- package/esm2015/radio/src/lib/radio.component.js +5 -3
- package/esm2015/select/src/lib/select.component.js +4 -2
- package/esm2015/select-badge/src/lib/select-badge.component.js +5 -3
- package/esm2015/select-editor/src/lib/select-editor.component.js +6 -4
- package/esm2015/textarea/src/lib/textarea.component.js +5 -3
- package/esm2015/time/src/lib/time.component.js +5 -3
- package/esm2015/upload-file/src/lib/upload-file.component.js +6 -4
- package/export/sd-angular-core-export.metadata.json +1 -1
- package/export/src/lib/export.service.d.ts +2 -2
- package/fesm2015/sd-angular-core-autocomplete.js +3 -2
- package/fesm2015/sd-angular-core-autocomplete.js.map +1 -1
- package/fesm2015/sd-angular-core-chip.js +4 -3
- package/fesm2015/sd-angular-core-chip.js.map +1 -1
- package/fesm2015/sd-angular-core-common.js +3 -0
- package/fesm2015/sd-angular-core-common.js.map +1 -1
- package/fesm2015/sd-angular-core-date-month.js +3 -2
- package/fesm2015/sd-angular-core-date-month.js.map +1 -1
- package/fesm2015/sd-angular-core-date-range.js +5 -4
- package/fesm2015/sd-angular-core-date-range.js.map +1 -1
- package/fesm2015/sd-angular-core-date-time.js +3 -2
- package/fesm2015/sd-angular-core-date-time.js.map +1 -1
- package/fesm2015/sd-angular-core-dynamic-report.js +9 -10
- package/fesm2015/sd-angular-core-dynamic-report.js.map +1 -1
- package/fesm2015/sd-angular-core-editor.js +4 -2
- package/fesm2015/sd-angular-core-editor.js.map +1 -1
- package/fesm2015/sd-angular-core-export.js +38 -12
- package/fesm2015/sd-angular-core-export.js.map +1 -1
- package/fesm2015/sd-angular-core-grid-material.js +21 -18
- package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
- package/fesm2015/sd-angular-core-input-currency.js +3 -2
- package/fesm2015/sd-angular-core-input-currency.js.map +1 -1
- package/fesm2015/sd-angular-core-input-dropdown.js +2 -9
- package/fesm2015/sd-angular-core-input-dropdown.js.map +1 -1
- package/fesm2015/sd-angular-core-input-number.js +6 -5
- package/fesm2015/sd-angular-core-input-number.js.map +1 -1
- package/fesm2015/sd-angular-core-json-editor.js +5 -4
- package/fesm2015/sd-angular-core-json-editor.js.map +1 -1
- package/fesm2015/sd-angular-core-radio.js +4 -3
- package/fesm2015/sd-angular-core-radio.js.map +1 -1
- package/fesm2015/sd-angular-core-select-badge.js +4 -3
- package/fesm2015/sd-angular-core-select-badge.js.map +1 -1
- package/fesm2015/sd-angular-core-select-editor.js +5 -4
- package/fesm2015/sd-angular-core-select-editor.js.map +1 -1
- package/fesm2015/sd-angular-core-select.js +3 -2
- package/fesm2015/sd-angular-core-select.js.map +1 -1
- package/fesm2015/sd-angular-core-textarea.js +4 -3
- package/fesm2015/sd-angular-core-textarea.js.map +1 -1
- package/fesm2015/sd-angular-core-time.js +4 -3
- package/fesm2015/sd-angular-core-time.js.map +1 -1
- package/fesm2015/sd-angular-core-upload-file.js +5 -3
- package/fesm2015/sd-angular-core-upload-file.js.map +1 -1
- package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
- package/grid-material/src/lib/grid-material.component.d.ts +2 -0
- package/input-currency/sd-angular-core-input-currency.metadata.json +1 -1
- package/input-currency/src/lib/input-currency.component.d.ts +2 -0
- package/input-number/sd-angular-core-input-number.metadata.json +1 -1
- package/input-number/src/lib/input-number.component.d.ts +3 -1
- package/json-editor/sd-angular-core-json-editor.metadata.json +1 -1
- package/json-editor/src/lib/json-editor.component.d.ts +2 -0
- package/package.json +4 -3
- package/radio/sd-angular-core-radio.metadata.json +1 -1
- package/radio/src/lib/radio.component.d.ts +2 -0
- package/{sd-angular-core-1.2.35.tgz → sd-angular-core-1.2.38.tgz} +0 -0
- package/select/sd-angular-core-select.metadata.json +1 -1
- package/select/src/lib/select.component.d.ts +2 -0
- package/select-badge/sd-angular-core-select-badge.metadata.json +1 -1
- package/select-badge/src/lib/select-badge.component.d.ts +2 -0
- package/select-editor/sd-angular-core-select-editor.metadata.json +1 -1
- package/select-editor/src/lib/select-editor.component.d.ts +2 -0
- package/textarea/sd-angular-core-textarea.metadata.json +1 -1
- package/textarea/src/lib/textarea.component.d.ts +2 -0
- package/time/sd-angular-core-time.metadata.json +1 -1
- package/time/src/lib/time.component.d.ts +2 -0
- package/upload-file/sd-angular-core-upload-file.metadata.json +1 -1
- package/upload-file/src/lib/upload-file.component.d.ts +2 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("rxjs/operators"),require("uuid"),require("object-hash"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/icon"),require("@sd-angular/core/translate"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core/autocomplete",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","rxjs/operators","uuid","object-hash","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/icon","@sd-angular/core/translate","@angular/material/tooltip","@angular/material/progress-spinner","@sd-angular/core/popover"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.autocomplete={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.rxjs.operators,e.uuid,e.hash,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.icon,e["sd-angular"].core.translate,e.ng.material.tooltip,e.ng.material.progressSpinner,e["sd-angular"].core.popover)}(this,(function(e,t,o,r,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("rxjs/operators"),require("uuid"),require("object-hash"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/icon"),require("@sd-angular/core/translate"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core/autocomplete",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","rxjs/operators","uuid","object-hash","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/icon","@sd-angular/core/translate","@angular/material/tooltip","@angular/material/progress-spinner","@sd-angular/core/popover"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.autocomplete={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.rxjs.operators,e.uuid,e.hash,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.icon,e["sd-angular"].core.translate,e.ng.material.tooltip,e.ng.material.progressSpinner,e["sd-angular"].core.popover)}(this,(function(e,t,o,n,r,i,a,l,s,d,u,c,p,m,f,g,h){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=v(s);
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */Object.create;function y(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var r,n,i=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){n={error:e}}finally{try{r&&!r.done&&(o=i.return)&&o.call(i)}finally{if(n)throw n.error}}return a}Object.create;function C(e,t,o,r){if("a"===o&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?r:"a"===o?r.call(e):r?r.value:t.get(e)}function w(e,t,o,r,n){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?n.call(e,o):n?n.value=o:t.set(e,o),o}var I,F,M,k,T,q,O,P,x,j=function(e){this.templateRef=e};j.decorators=[{type:t.Directive,args:[{selector:"[sdAutocompleteDisplayDef]"}]}],j.ctorParameters=function(){return[{type:t.TemplateRef}]};var A=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var o,r,n,i=t&&t.submitted;return!(!(null===(o=this.formControl)||void 0===o?void 0:o.invalid)||!((null===(r=this.formControl)||void 0===r?void 0:r.dirty)||(null===(n=this.formControl)||void 0===n?void 0:n.touched)||i))},e}(),E=function(){function e(e,o){var n=this;this.ref=e,this.formConfig=o,this.id="I"+l.v4(),I.set(this,void 0),F.set(this,0),M.set(this,l.v4()),this.loading=!1,this.inputControl=new c.SdFormControl,this.formControl=new c.SdFormControl,this.matcher=new A(this.formControl),k.set(this,void 0),T.set(this,new d.BehaviorSubject([])),this.limit=100,this.hiddenAdd=!1,this.action=new t.EventEmitter,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdAdd=new t.EventEmitter,this.isRequired=!1,this.disableErrorMessage=!1,q.set(this,new d.Subscription),this.isFocused=!1,O.set(this,{}),P.set(this,{}),this.isTyping=!1,this.onSelect=function(e){if(e){if("string"==typeof e||"number"==typeof e)n.formControl.value!==e&&(n.formControl.setValue(e),n.modelChange.emit(e),n.sdChange.emit(e));else if(n.valueField&&n.displayField){var t=(null==e?void 0:e[n.valueField])||null;n.formControl.value!==t&&(n.formControl.setValue(t),n.modelChange.emit(t),n.sdChange.emit(e))}n.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){n.isFocused=!0,n.inputControl.setValue("")},this.onBlur=function(){n.isFocused=!1,n.inputControl.setValue("",{emitEvent:!1})},this.onClick=function(){var e;(null===(e=n.sdView)||void 0===e?void 0:e.templateRef)&&(n.formControl.disabled||n.isFocused||n.focus())},this.blur=function(){var e,t;null===(t=null===(e=n.input)||void 0===e?void 0:e.nativeElement)||void 0===t||t.blur()},this.focus=function(){n.isFocused=!0,setTimeout((function(){var e,t,o;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel(),null===(o=null===(t=n.input)||void 0===t?void 0:t.nativeElement)||void 0===o||o.focus()}),100)},this.clear=function(e){var t;null==e||e.stopPropagation(),null===(t=n.inputControl)||void 0===t||t.setValue(""),C(n,I)&&(n.formControl.setValue(null),n.modelChange.emit(null),n.sdChange.emit(null))},this.onAction=function(e){var t;null==e||e.stopPropagation(),null===(t=n.autocompleteTrigger)||void 0===t||t.closePanel(),n.action.emit()},this.onAdd=function(e){e.stopPropagation(),null==e||e.preventDefault(),n.sdAdd.emit()},this.reValidate=function(){n.inputControl.updateValueAndValidity({emitEvent:!0})},x.set(this,(function(){n.formControl.clearValidators(),n.formControl.clearAsyncValidators();var e=[];n.isRequired&&e.push(r.Validators.required),n.formControl.setValidators(e),n.formControl.updateValueAndValidity()}))}return Object.defineProperty(e.prototype,"key",{set:function(e){w(this,O,{}),w(this,P,{})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&w(this,M,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof r.NgForm?w(this,k,e.form):w(this,k,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=b.default({selector:"sd-autocomplete",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){e?Array.isArray(e)?C(this,T).next(e.filter((function(e){return null!=e}))):(C(this,T).next(e),w(this,F,500)):C(this,T).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){w(this,I,e),this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.inputControl.disable(),this.formControl.disable()):(this.inputControl.enable(),this.formControl.enable())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,C(this,x).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),C(this,q).add(this.inputControl.touchChanges.subscribe((function(){t.formControl.markAsTouched(),t.ref.markForCheck()}))),C(this,q).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),C(this,q).add(this.inputControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),C(this,q).add(this.inputControl.valueChanges.subscribe((function(){t.isTyping=!0}))),this.filteredItems=d.combineLatest([C(this,T).asObservable(),this.inputControl.valueChanges.pipe(a.debounceTime(C(this,F)))]).pipe(a.switchMap((function(e){var o,r=y(e,2),n=r[0],i=r[1];if(t.isTyping=!1,i=i||"","function"!=typeof n)return n.search(i,[t.valueField,t.displayField]).paging(t.limit).asObservable();var l,s=b.default({checksum:t.cacheChecksum||null,searchText:i});if(void 0!==C(t,O)[s])return(null===(o=C(t,O)[s])||void 0===o?void 0:o.length)||(t.isTyping=!0),C(t,O)[s].asObservable();var u=n(i,!1);return l=u instanceof Promise?d.defer((function(){return d.from(u)})):u,t.loading=!0,t.ref.markForCheck(),l.pipe(a.map((function(e){return C(t,O)[s]=e||[],Object.assign(C(t,P),Array.toObject(C(t,O)[s],t.valueField)),C(t,O)[s]})),a.catchError((function(){return d.of([])})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}))),this.selected=d.combineLatest([C(this,T).asObservable(),this.formControl.valueChanges.pipe(a.startWith(this.formControl.value))]).pipe(a.switchMap((function(e){var o=y(e,1)[0],r=t.formControl.value;if(!t.valueField)return d.of(r);if(r||0===r){if("function"==typeof o){if(C(t,P)[r])return d.of(C(t,P)[r]);var n=o(r,!0);return(n instanceof Promise?d.defer((function(){return d.from(n)})):n).pipe(a.map((function(e){var o;return Object.assign(C(t,P),Array.toObject(e,t.valueField)),C(t,P)[r]||((o={})[t.valueField]=r,o[t.displayField]=r,o)})),a.catchError((function(){var e;return d.of(((e={})[t.valueField]=r,e[t.displayField]=r,e))})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}return d.of(o.find((function(e){return e[t.valueField]===r})))}return d.of("")}))),this.controlPlaceHolder=this.selected.pipe(a.map((function(e){var o,r,n;return null!==(n=null!==(r=null!==(o=null==e?void 0:e[t.displayField])&&void 0!==o?o:e)&&void 0!==r?r:t.placeholder)&&void 0!==n?n:t.appearance?t.label:""})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=C(this,k))||void 0===e||e.addControl(C(this,M),this.formControl)},e.prototype.ngOnDestroy=function(){var e;C(this,q).unsubscribe(),null===(e=C(this,k))||void 0===e||e.removeControl(C(this,M))},e}();I=new WeakMap,F=new WeakMap,M=new WeakMap,k=new WeakMap,T=new WeakMap,q=new WeakMap,O=new WeakMap,P=new WeakMap,x=new WeakMap,E.decorators=[{type:t.Component,args:[{selector:"sd-autocomplete",template:'<label *ngIf="!appearance && label" class="d-block mb-0 T14M">{{label}} <span class="text-danger mb-2"\r\n *ngIf="isRequired">*</span></label>\r\n<div class="d-flex align-items-center" [class.sd-view]="sdView?.templateRef" [class.c-focused]="isFocused"\r\n [class.c-disabled]="formControl.disabled" (click)="onClick()">\r\n <ng-container *ngIf="sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default">\r\n <ng-container\r\n *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItem: selected | async }">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #default>\r\n <mat-form-field class="sd-md" [ngClass]="{\'sd-sm\': size === \'sm\', \'no-padding-wrapper\': disableErrorMessage}"\r\n [floatLabel]="size === \'sm\' || formControl.value ? \'always\':\'auto\'" [appearance]="appearance || \'outline\'">\r\n <mat-label *ngIf="appearance && label">{{ label }}</mat-label>\r\n <input [id]="id" #autocompleteTrigger [formControl]="inputControl" [placeholder]="controlPlaceHolder | async"\r\n [ngClass]="{\'c-selected\': formControl?.value}" [matAutocomplete]="auto" (focus)="onFocus()" (blur)="onBlur()"\r\n matInput [autocomplete]="id" autocorrect="off" [errorStateMatcher]="matcher" [required]="isRequired"\r\n [attr.data-qclabel]="label" [attr.data-qcid]="qcId" [sdPopoverTriggerFor]="null"\r\n [sdPopoverDisabled]="!disableErrorMessage || formControl.valid" #input />\r\n <mat-icon *ngIf="!loading && formControl?.value && !inputControl.disabled" class="pointer sd-suffix-icon"\r\n (click)="clear($event)" matSuffix>cancel\r\n </mat-icon>\r\n <mat-icon *ngIf="actionIcon && !loading && !formControl?.value && !inputControl.disabled"\r\n class="pointer sd-suffix-icon" (click)="onAction($event)" matSuffix>{{actionIcon}}\r\n </mat-icon>\r\n <i [ngClass]="{\'d-none\': !loading}" class="fa fa-spinner fa-pulse c-loading-icon"></i>\r\n <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelect($event.option.value)">\r\n <ng-container *ngIf="filteredItems | async as items">\r\n <ng-container *ngIf="items.length">\r\n <mat-option *ngFor="let item of items" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="displayField ? item[displayField] : item">\r\n <ng-container *ngIf="autocompleteDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="autocompleteDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!autocompleteDisplayDef?.templateRef">\r\n {{ displayField ? item[displayField] : item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <mat-option *ngIf="!items.length && inputControl.value && !isTyping && !loading" [value]=""\r\n class="T14R text-grey">\r\n Không có dữ liệu\r\n </mat-option>\r\n <mat-option class="sd__option--add" *ngIf="!hiddenAdd && sdAdd?.observers?.length" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <div (click)="onAdd($event)">\r\n <mat-icon class="mr-1">add</mat-icon>\r\n {{\'New item\' | sdTranslate}}\r\n </div>\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n <mat-error *ngIf="formControl?.errors?.required">\r\n <ng-container *ngIf="!disableErrorMessage">{{ "This field is required" | sdTranslate }}</ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>\r\n\x3c!-- <sd-popover #error="sdPopover" type="danger" width="300px">\r\n <span *ngIf="formControl.errors?.required">\r\n {{ "This field is required" | sdTranslate }}\r\n </span>\r\n</sd-popover> --\x3e',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.c-selected::-moz-placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-moz-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected:-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer!important;position:-webkit-sticky;position:sticky;z-index:10}.c-loading-icon{position:absolute;right:5px;top:5px}"]}]}],E.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[c.FORM_CONFIG]},{type:t.Optional}]}]},E.propDecorators={key:[{type:t.Input}],autocompleteTrigger:[{type:t.ViewChild,args:[u.MatAutocompleteTrigger,{read:u.MatAutocompleteTrigger}]}],name:[{type:t.Input}],appearance:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],items:[{type:t.Input}],limit:[{type:t.Input}],cacheChecksum:[{type:t.Input}],model:[{type:t.Input}],hiddenAdd:[{type:t.Input}],autocompleteDisplayDef:[{type:t.ContentChild,args:[j]}],actionIcon:[{type:t.Input}],action:[{type:t.Output}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdAdd:[{type:t.Output}],disabled:[{type:t.Input}],required:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],input:[{type:t.ViewChild,args:["input"]}],sdView:[{type:t.ContentChild,args:[c.SdViewDefDirective]}]};var V=function(){};V.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,r.FormsModule,r.ReactiveFormsModule,i.MatInputModule,f.MatTooltipModule,n.MatFormFieldModule,u.MatAutocompleteModule,p.MatIconModule,g.MatProgressSpinnerModule,m.SdTranslateModule,c.SdCommonModule,h.SdPopoverModule],declarations:[E,j],exports:[E,j,c.SdCommonModule],providers:[]}]}],e.SdAutocomplete=E,e.SdAutocompleteDisplayDefDirective=j,e.SdAutocompleteModule=V,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */Object.create;function y(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,r,i=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){r={error:e}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return a}Object.create;function C(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)}function w(e,t,o,n,r){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?r.call(e,o):r?r.value=o:t.set(e,o),o}var I,F,M,k,T,q,O,x,P,j=function(e){this.templateRef=e};j.decorators=[{type:t.Directive,args:[{selector:"[sdAutocompleteDisplayDef]"}]}],j.ctorParameters=function(){return[{type:t.TemplateRef}]};var A=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var o,n,r,i=t&&t.submitted;return!(!(null===(o=this.formControl)||void 0===o?void 0:o.invalid)||!((null===(n=this.formControl)||void 0===n?void 0:n.dirty)||(null===(r=this.formControl)||void 0===r?void 0:r.touched)||i))},e}(),D=function(){function e(e,o){var r=this;this.ref=e,this.formConfig=o,this.id="I"+l.v4(),I.set(this,void 0),F.set(this,0),M.set(this,l.v4()),this.loading=!1,this.inputControl=new c.SdFormControl,this.formControl=new c.SdFormControl,this.matcher=new A(this.formControl),k.set(this,void 0),T.set(this,new d.BehaviorSubject([])),this.limit=100,this.hiddenAdd=!1,this.action=new t.EventEmitter,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdAdd=new t.EventEmitter,this.isRequired=!1,this.disableErrorMessage=!1,q.set(this,new d.Subscription),this.isFocused=!1,O.set(this,{}),x.set(this,{}),this.isTyping=!1,this.onSelect=function(e){if(e){if("string"==typeof e||"number"==typeof e)r.formControl.value!==e&&(r.formControl.setValue(e),r.modelChange.emit(e),r.sdChange.emit(e));else if(r.valueField&&r.displayField){var t=(null==e?void 0:e[r.valueField])||null;r.formControl.value!==t&&(r.formControl.setValue(t),r.modelChange.emit(t),r.sdChange.emit(e))}r.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){r.isFocused=!0,r.inputControl.setValue("")},this.onBlur=function(){r.isFocused=!1,r.inputControl.setValue("",{emitEvent:!1})},this.onClick=function(){var e;(null===(e=r.sdView)||void 0===e?void 0:e.templateRef)&&(r.formControl.disabled||r.isFocused||r.focus())},this.blur=function(){var e,t;null===(t=null===(e=r.input)||void 0===e?void 0:e.nativeElement)||void 0===t||t.blur()},this.focus=function(){r.isFocused=!0,setTimeout((function(){var e,t,o;null===(e=r.autocompleteTrigger)||void 0===e||e.openPanel(),null===(o=null===(t=r.input)||void 0===t?void 0:t.nativeElement)||void 0===o||o.focus()}),100)},this.clear=function(e){var t;null==e||e.stopPropagation(),null===(t=r.inputControl)||void 0===t||t.setValue(""),C(r,I)&&(r.formControl.setValue(null),r.modelChange.emit(null),r.sdChange.emit(null))},this.onAction=function(e){var t;null==e||e.stopPropagation(),null===(t=r.autocompleteTrigger)||void 0===t||t.closePanel(),r.action.emit()},this.onAdd=function(e){e.stopPropagation(),null==e||e.preventDefault(),r.sdAdd.emit()},this.reValidate=function(){r.inputControl.updateValueAndValidity({emitEvent:!0})},P.set(this,(function(){r.formControl.clearValidators(),r.formControl.clearAsyncValidators();var e=[];r.isRequired&&e.push(n.Validators.required),r.formControl.setValidators(e),r.formControl.updateValueAndValidity()}))}return Object.defineProperty(e.prototype,"key",{set:function(e){w(this,O,{}),w(this,x,{})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&w(this,M,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof n.NgForm?w(this,k,e.form):w(this,k,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=b.default({selector:"sd-autocomplete",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){e?Array.isArray(e)?C(this,T).next(e.filter((function(e){return null!=e}))):(C(this,T).next(e),w(this,F,500)):C(this,T).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){w(this,I,e),this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.inputControl.disable(),this.formControl.disable()):(this.inputControl.enable(),this.formControl.enable())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,C(this,P).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),C(this,q).add(this.inputControl.touchChanges.subscribe((function(){t.formControl.markAsTouched(),t.ref.markForCheck()}))),C(this,q).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),C(this,q).add(this.inputControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),C(this,q).add(this.inputControl.valueChanges.subscribe((function(){t.isTyping=!0}))),this.filteredItems=d.combineLatest([C(this,T).asObservable(),this.inputControl.valueChanges.pipe(a.debounceTime(C(this,F)))]).pipe(a.switchMap((function(e){var o,n=y(e,2),r=n[0],i=n[1];if(t.isTyping=!1,i=i||"","function"!=typeof r)return r.search(i,[t.valueField,t.displayField]).paging(t.limit).asObservable();var l,s=b.default({checksum:t.cacheChecksum||null,searchText:i});if(void 0!==C(t,O)[s])return(null===(o=C(t,O)[s])||void 0===o?void 0:o.length)||(t.isTyping=!0),C(t,O)[s].asObservable();var u=r(i,!1);return l=u instanceof Promise?d.defer((function(){return d.from(u)})):u,t.loading=!0,t.ref.markForCheck(),l.pipe(a.map((function(e){return C(t,O)[s]=e||[],Object.assign(C(t,x),Array.toObject(C(t,O)[s],t.valueField)),C(t,O)[s]})),a.catchError((function(){return d.of([])})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}))),this.selected=d.combineLatest([C(this,T).asObservable(),this.formControl.valueChanges.pipe(a.startWith(this.formControl.value))]).pipe(a.switchMap((function(e){var o=y(e,1)[0],n=t.formControl.value;if(!t.valueField)return d.of(n);if(n||0===n){if("function"==typeof o){if(C(t,x)[n])return d.of(C(t,x)[n]);var r=o(n,!0);return(r instanceof Promise?d.defer((function(){return d.from(r)})):r).pipe(a.map((function(e){var o;return Object.assign(C(t,x),Array.toObject(e,t.valueField)),C(t,x)[n]||((o={})[t.valueField]=n,o[t.displayField]=n,o)})),a.catchError((function(){var e;return d.of(((e={})[t.valueField]=n,e[t.displayField]=n,e))})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}return d.of(o.find((function(e){return e[t.valueField]===n})))}return d.of("")}))),this.controlPlaceHolder=this.selected.pipe(a.map((function(e){var o,n,r;return null!==(r=null!==(n=null!==(o=null==e?void 0:e[t.displayField])&&void 0!==o?o:e)&&void 0!==n?n:t.placeholder)&&void 0!==r?r:t.appearance?t.label:""})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=C(this,k))||void 0===e||e.addControl(C(this,M),this.formControl)},e.prototype.ngOnDestroy=function(){var e;C(this,q).unsubscribe(),null===(e=C(this,k))||void 0===e||e.removeControl(C(this,M))},e}();I=new WeakMap,F=new WeakMap,M=new WeakMap,k=new WeakMap,T=new WeakMap,q=new WeakMap,O=new WeakMap,x=new WeakMap,P=new WeakMap,D.decorators=[{type:t.Component,args:[{selector:"sd-autocomplete",template:'<label *ngIf="!appearance && label && !sdLabelDef?.templateRef" class="d-block mb-0 T14M">{{label}} <span class="text-danger mb-2"\r\n *ngIf="isRequired">*</span></label>\r\n<ng-container *ngIf="sdLabelDef?.templateRef" matSuffix>\r\n <ng-container *ngTemplateOutlet="sdLabelDef.templateRef">\r\n </ng-container>\r\n</ng-container>\r\n<div class="d-flex align-items-center" [class.sd-view]="sdView?.templateRef" [class.c-focused]="isFocused"\r\n [class.c-disabled]="formControl.disabled" (click)="onClick()">\r\n <ng-container *ngIf="sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default">\r\n <ng-container\r\n *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItem: selected | async }">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #default>\r\n <mat-form-field class="sd-md" [ngClass]="{\'sd-sm\': size === \'sm\', \'no-padding-wrapper\': disableErrorMessage}"\r\n [floatLabel]="size === \'sm\' || formControl.value ? \'always\':\'auto\'" [appearance]="appearance || \'outline\'">\r\n <mat-label *ngIf="appearance && label">{{ label }}</mat-label>\r\n <input [id]="id" #autocompleteTrigger [formControl]="inputControl" [placeholder]="controlPlaceHolder | async"\r\n [ngClass]="{\'c-selected\': formControl?.value}" [matAutocomplete]="auto" (focus)="onFocus()" (blur)="onBlur()"\r\n matInput [autocomplete]="id" autocorrect="off" [errorStateMatcher]="matcher" [required]="isRequired"\r\n [attr.data-qclabel]="label" [attr.data-qcid]="qcId" [sdPopoverTriggerFor]="null"\r\n [sdPopoverDisabled]="!disableErrorMessage || formControl.valid" #input />\r\n <mat-icon *ngIf="!loading && formControl?.value && !inputControl.disabled" class="pointer sd-suffix-icon"\r\n (click)="clear($event)" matSuffix>cancel\r\n </mat-icon>\r\n <mat-icon *ngIf="actionIcon && !loading && !formControl?.value && !inputControl.disabled"\r\n class="pointer sd-suffix-icon" (click)="onAction($event)" matSuffix>{{actionIcon}}\r\n </mat-icon>\r\n <i [ngClass]="{\'d-none\': !loading}" class="fa fa-spinner fa-pulse c-loading-icon"></i>\r\n <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelect($event.option.value)">\r\n <ng-container *ngIf="filteredItems | async as items">\r\n <ng-container *ngIf="items.length">\r\n <mat-option *ngFor="let item of items" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="displayField ? item[displayField] : item">\r\n <ng-container *ngIf="autocompleteDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="autocompleteDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!autocompleteDisplayDef?.templateRef">\r\n {{ displayField ? item[displayField] : item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <mat-option *ngIf="!items.length && inputControl.value && !isTyping && !loading" [value]=""\r\n class="T14R text-grey">\r\n Không có dữ liệu\r\n </mat-option>\r\n <mat-option class="sd__option--add" *ngIf="!hiddenAdd && sdAdd?.observers?.length" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <div (click)="onAdd($event)">\r\n <mat-icon class="mr-1">add</mat-icon>\r\n {{\'New item\' | sdTranslate}}\r\n </div>\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n <mat-error *ngIf="formControl?.errors?.required">\r\n <ng-container *ngIf="!disableErrorMessage">{{ "This field is required" | sdTranslate }}</ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>\r\n\x3c!-- <sd-popover #error="sdPopover" type="danger" width="300px">\r\n <span *ngIf="formControl.errors?.required">\r\n {{ "This field is required" | sdTranslate }}\r\n </span>\r\n</sd-popover> --\x3e',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.c-selected::-moz-placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-moz-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected:-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer!important;position:-webkit-sticky;position:sticky;z-index:10}.c-loading-icon{position:absolute;right:5px;top:5px}"]}]}],D.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[c.FORM_CONFIG]},{type:t.Optional}]}]},D.propDecorators={key:[{type:t.Input}],autocompleteTrigger:[{type:t.ViewChild,args:[u.MatAutocompleteTrigger,{read:u.MatAutocompleteTrigger}]}],name:[{type:t.Input}],appearance:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],items:[{type:t.Input}],limit:[{type:t.Input}],cacheChecksum:[{type:t.Input}],model:[{type:t.Input}],hiddenAdd:[{type:t.Input}],autocompleteDisplayDef:[{type:t.ContentChild,args:[j]}],sdLabelDef:[{type:t.ContentChild,args:[c.SdLabelDefDirective]}],actionIcon:[{type:t.Input}],action:[{type:t.Output}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdAdd:[{type:t.Output}],disabled:[{type:t.Input}],required:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],input:[{type:t.ViewChild,args:["input"]}],sdView:[{type:t.ContentChild,args:[c.SdViewDefDirective]}]};var E=function(){};E.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,n.FormsModule,n.ReactiveFormsModule,i.MatInputModule,f.MatTooltipModule,r.MatFormFieldModule,u.MatAutocompleteModule,p.MatIconModule,g.MatProgressSpinnerModule,m.SdTranslateModule,c.SdCommonModule,h.SdPopoverModule],declarations:[D,j],exports:[D,j,c.SdCommonModule],providers:[]}]}],e.SdAutocomplete=D,e.SdAutocompleteDisplayDefDirective=j,e.SdAutocompleteModule=E,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=sd-angular-core-autocomplete.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","get","__classPrivateFieldSet","set","templateRef","this","Directive","args","selector","TemplateRef","SdAutocompleteErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdAutocomplete","ref","formConfig","_this","id","uuid.v4","_model","_delay","_name","loading","inputControl","SdFormControl","matcher","_form","_itemsChanges","BehaviorSubject","limit","hiddenAdd","action","EventEmitter","modelChange","sdChange","sdAdd","isRequired","disableErrorMessage","_subscription","Subscription","isFocused","_cache","_item","isTyping","onSelect","item","setValue","emit","valueField","displayField","val","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","blur","input","nativeElement","setTimeout","autocompleteTrigger","openPanel","clear","$event","stopPropagation","onAction","closePanel","onAdd","preventDefault","reValidate","updateValueAndValidity","_updateValidator","clearValidators","clearAsyncValidators","validators","Validators","required","setValidators","defineProperty","NgForm","label","qcId","hash","items","Array","isArray","filter","disable","enable","ngOnInit","appearance","add","touchChanges","subscribe","markAsTouched","markForCheck","sdChanges","valueChanges","filteredItems","combineLatest","asObservable","pipe","debounceTime","switchMap","_d","_e","searchText","search","paging","obs","key","checksum","cacheChecksum","undefined","length","func","Promise","defer","from","map","data","assign","toObject","catchError","of","finalize","selected","startWith","func_1","find","controlPlaceHolder","placeholder","ngAfterViewInit","addControl","ngOnDestroy","unsubscribe","removeControl","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","Input","ViewChild","MatAutocompleteTrigger","read","ContentChild","SdAutocompleteDisplayDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","SdTranslateModule","SdCommonModule","SdPopoverModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ContentChild,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize, catchError } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup, ValidatorFn, AsyncValidatorFn } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-autocomplete',\r\n templateUrl: './autocomplete.component.html',\r\n styleUrls: ['./autocomplete.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete implements OnInit, OnDestroy, AfterViewInit {\r\n @Input() set key(value: any) {\r\n this.#cache = {};\r\n this.#item = {};\r\n }\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n id = `I${uuid.v4()}`;\r\n #model: string | number;\r\n\r\n #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n #name = uuid.v4();\r\n @Input() set name(val: string) {\r\n if (val) {\r\n this.#name = val;\r\n }\r\n }\r\n @Input() appearance: MatFormFieldAppearance;\r\n loading = false;\r\n inputControl = new SdFormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\r\n @Input() size: 'sm' | 'lg';\r\n #form: FormGroup;\r\n @Input() set form(val: NgForm | FormGroup) {\r\n if (val) {\r\n if (val instanceof NgForm) {\r\n this.#form = val.form;\r\n } else {\r\n this.#form = val;\r\n }\r\n }\r\n }\r\n qcId: string;\r\n label: string;\r\n @Input('label') set _label(val: string) {\r\n this.label = val;\r\n this.qcId = hash({\r\n selector: 'sd-autocomplete',\r\n label: val\r\n });\r\n };\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n\r\n #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n @Input() set items(items: undefined | any[] | SearchFunc) {\r\n if (!items) {\r\n this.#itemsChanges.next([]);\r\n } else if (Array.isArray(items)) {\r\n this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n } else {\r\n this.#itemsChanges.next(items);\r\n this.#delay = 500;\r\n }\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n @Input() limit = 100;\r\n filteredItems: Observable<any[]>;\r\n\r\n @Input() cacheChecksum: any;\r\n\r\n controlPlaceHolder: Observable<string | number>;\r\n @Input() set model(value: undefined | number | string) {\r\n this.#model = value;\r\n this.formControl.setValue(value);\r\n }\r\n @Input() hiddenAdd: boolean = false;\r\n\r\n @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n @Input() actionIcon: string;\r\n @Output() action = new EventEmitter();\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdAdd = new EventEmitter();\r\n\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.inputControl.disable();\r\n this.formControl.disable();\r\n } else {\r\n this.inputControl.enable();\r\n this.formControl.enable();\r\n }\r\n }\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n this.disableErrorMessage = (val === '') || val;\r\n val = (val === '') || val;\r\n }\r\n #subscription = new Subscription();\r\n @ViewChild('input') input: ElementRef;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n selected: Observable<any>;\r\n\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n #item: {\r\n [key: string]: any\r\n } = {};\r\n isTyping = false;\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration) {\r\n }\r\n\r\n ngOnInit() {\r\n this.appearance = this.appearance || this.formConfig?.appearance;\r\n this.#subscription.add(this.inputControl.touchChanges.subscribe(() => {\r\n this.formControl.markAsTouched();\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.valueChanges.subscribe(() => {\r\n this.isTyping = true;\r\n }));\r\n this.filteredItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n switchMap(([items, searchText]) => {\r\n this.isTyping = false;\r\n searchText = searchText || '';\r\n if (typeof (items) !== 'function') {\r\n return items\r\n .search(searchText, [this.valueField, this.displayField])\r\n .paging(this.limit)\r\n .asObservable();\r\n }\r\n const key = hash({\r\n checksum: this.cacheChecksum || null,\r\n searchText\r\n });\r\n if (this.#cache[key] !== undefined) {\r\n if (!this.#cache[key]?.length) {\r\n this.isTyping = true;\r\n }\r\n return this.#cache[key].asObservable();\r\n }\r\n let obs: Observable<any[]>;\r\n const func = items(searchText, false);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n this.loading = true;\r\n this.ref.markForCheck();\r\n return obs.pipe(map(data => {\r\n this.#cache[key] = data || [];\r\n Object.assign(this.#item, Array.toObject(this.#cache[key], this.valueField));\r\n return this.#cache[key];\r\n }), catchError(() => of([]))\r\n , finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n })\r\n );\r\n this.selected = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n .pipe(\r\n switchMap(([items]) => {\r\n // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n const val = this.formControl.value;\r\n if (!this.valueField) {\r\n return of(val);\r\n }\r\n if (val || val === 0) {\r\n if (typeof (items) === 'function') {\r\n if (this.#item[val]) {\r\n return of(this.#item[val]);\r\n }\r\n let obs: Observable<any[]>;\r\n const func = items(val, true);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n return obs.pipe(map(data => {\r\n Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n return this.#item[val] || {\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n };\r\n }), catchError(() => {\r\n return of({\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n });\r\n }), finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n }\r\n return of(items.find(e => e[this.valueField] === val));\r\n }\r\n return of('');\r\n })\r\n );\r\n this.controlPlaceHolder = this.selected.pipe(map(item => item?.[this.displayField] ?? item ?? this.placeholder ?? (this.appearance ? this.label : '')));\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n this.#form?.removeControl(this.#name);\r\n }\r\n\r\n onSelect = (item: any) => {\r\n if (item) {\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (this.formControl.value !== item) {\r\n this.formControl.setValue(item);\r\n this.modelChange.emit(item);\r\n this.sdChange.emit(item);\r\n }\r\n } else if (this.valueField && this.displayField) {\r\n const val = item?.[this.valueField] || null;\r\n if (this.formControl.value !== val) {\r\n this.formControl.setValue(val);\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(item);\r\n }\r\n }\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n blur = () => {\r\n this.input?.nativeElement?.blur();\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl?.setValue('');\r\n if (this.#model) {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n }\r\n }\r\n\r\n onAction = ($event: Event) => {\r\n $event?.stopPropagation();\r\n this.autocompleteTrigger?.closePanel();\r\n this.action.emit();\r\n }\r\n\r\n onAdd = ($event: Event) => {\r\n $event.stopPropagation();\r\n $event?.preventDefault();\r\n this.sdAdd.emit();\r\n }\r\n\r\n reValidate = () => {\r\n this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #updateValidator = () => {\r\n this.formControl.clearValidators();\r\n this.formControl.clearAsyncValidators();\r\n const validators: ValidatorFn[] = [];\r\n // const asyncValidators: AsyncValidatorFn[] = [];\r\n if (this.isRequired) {\r\n validators.push(Validators.required);\r\n }\r\n // if (this.#validator) {\r\n // asyncValidators.push(this.#customValidator(this.#validator));\r\n // }\r\n this.formControl.setValidators(validators);\r\n // this.formControl.setAsyncValidators(asyncValidators);\r\n this.formControl.updateValueAndValidity();\r\n }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | number, isFormValue?: boolean) => Promise<any[]> | Observable<any[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule\r\n ],\r\n declarations: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective\r\n ],\r\n exports: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","get","__classPrivateFieldSet","set","templateRef","this","Directive","args","selector","TemplateRef","SdAutocompleteErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdAutocomplete","ref","formConfig","_this","id","uuid.v4","_model","_delay","_name","loading","inputControl","SdFormControl","matcher","_form","_itemsChanges","BehaviorSubject","limit","hiddenAdd","action","EventEmitter","modelChange","sdChange","sdAdd","isRequired","disableErrorMessage","_subscription","Subscription","isFocused","_cache","_item","isTyping","onSelect","item","setValue","emit","valueField","displayField","val","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","blur","input","nativeElement","setTimeout","autocompleteTrigger","openPanel","clear","$event","stopPropagation","onAction","closePanel","onAdd","preventDefault","reValidate","updateValueAndValidity","_updateValidator","clearValidators","clearAsyncValidators","validators","Validators","required","setValidators","defineProperty","NgForm","label","qcId","hash","items","Array","isArray","filter","disable","enable","ngOnInit","appearance","add","touchChanges","subscribe","markAsTouched","markForCheck","sdChanges","valueChanges","filteredItems","combineLatest","asObservable","pipe","debounceTime","switchMap","_d","_e","searchText","search","paging","obs","key","checksum","cacheChecksum","undefined","length","func","Promise","defer","from","map","data","assign","toObject","catchError","of","finalize","selected","startWith","func_1","find","controlPlaceHolder","placeholder","ngAfterViewInit","addControl","ngOnDestroy","unsubscribe","removeControl","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","Input","ViewChild","MatAutocompleteTrigger","read","ContentChild","SdAutocompleteDisplayDefDirective","SdLabelDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","SdTranslateModule","SdCommonModule","SdPopoverModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ContentChild,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize, catchError } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup, ValidatorFn, AsyncValidatorFn } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-autocomplete',\r\n templateUrl: './autocomplete.component.html',\r\n styleUrls: ['./autocomplete.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete implements OnInit, OnDestroy, AfterViewInit {\r\n @Input() set key(value: any) {\r\n this.#cache = {};\r\n this.#item = {};\r\n }\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n id = `I${uuid.v4()}`;\r\n #model: string | number;\r\n\r\n #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n #name = uuid.v4();\r\n @Input() set name(val: string) {\r\n if (val) {\r\n this.#name = val;\r\n }\r\n }\r\n @Input() appearance: MatFormFieldAppearance;\r\n loading = false;\r\n inputControl = new SdFormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\r\n @Input() size: 'sm' | 'lg';\r\n #form: FormGroup;\r\n @Input() set form(val: NgForm | FormGroup) {\r\n if (val) {\r\n if (val instanceof NgForm) {\r\n this.#form = val.form;\r\n } else {\r\n this.#form = val;\r\n }\r\n }\r\n }\r\n qcId: string;\r\n label: string;\r\n @Input('label') set _label(val: string) {\r\n this.label = val;\r\n this.qcId = hash({\r\n selector: 'sd-autocomplete',\r\n label: val\r\n });\r\n };\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n\r\n #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n @Input() set items(items: undefined | any[] | SearchFunc) {\r\n if (!items) {\r\n this.#itemsChanges.next([]);\r\n } else if (Array.isArray(items)) {\r\n this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n } else {\r\n this.#itemsChanges.next(items);\r\n this.#delay = 500;\r\n }\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n @Input() limit = 100;\r\n filteredItems: Observable<any[]>;\r\n\r\n @Input() cacheChecksum: any;\r\n\r\n controlPlaceHolder: Observable<string | number>;\r\n @Input() set model(value: undefined | number | string) {\r\n this.#model = value;\r\n this.formControl.setValue(value);\r\n }\r\n @Input() hiddenAdd: boolean = false;\r\n\r\n @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n @Input() actionIcon: string;\r\n @Output() action = new EventEmitter();\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdAdd = new EventEmitter();\r\n\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.inputControl.disable();\r\n this.formControl.disable();\r\n } else {\r\n this.inputControl.enable();\r\n this.formControl.enable();\r\n }\r\n }\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n this.disableErrorMessage = (val === '') || val;\r\n val = (val === '') || val;\r\n }\r\n #subscription = new Subscription();\r\n @ViewChild('input') input: ElementRef;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n selected: Observable<any>;\r\n\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n #item: {\r\n [key: string]: any\r\n } = {};\r\n isTyping = false;\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration) {\r\n }\r\n\r\n ngOnInit() {\r\n this.appearance = this.appearance || this.formConfig?.appearance;\r\n this.#subscription.add(this.inputControl.touchChanges.subscribe(() => {\r\n this.formControl.markAsTouched();\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.valueChanges.subscribe(() => {\r\n this.isTyping = true;\r\n }));\r\n this.filteredItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n switchMap(([items, searchText]) => {\r\n this.isTyping = false;\r\n searchText = searchText || '';\r\n if (typeof (items) !== 'function') {\r\n return items\r\n .search(searchText, [this.valueField, this.displayField])\r\n .paging(this.limit)\r\n .asObservable();\r\n }\r\n const key = hash({\r\n checksum: this.cacheChecksum || null,\r\n searchText\r\n });\r\n if (this.#cache[key] !== undefined) {\r\n if (!this.#cache[key]?.length) {\r\n this.isTyping = true;\r\n }\r\n return this.#cache[key].asObservable();\r\n }\r\n let obs: Observable<any[]>;\r\n const func = items(searchText, false);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n this.loading = true;\r\n this.ref.markForCheck();\r\n return obs.pipe(map(data => {\r\n this.#cache[key] = data || [];\r\n Object.assign(this.#item, Array.toObject(this.#cache[key], this.valueField));\r\n return this.#cache[key];\r\n }), catchError(() => of([]))\r\n , finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n })\r\n );\r\n this.selected = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n .pipe(\r\n switchMap(([items]) => {\r\n // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n const val = this.formControl.value;\r\n if (!this.valueField) {\r\n return of(val);\r\n }\r\n if (val || val === 0) {\r\n if (typeof (items) === 'function') {\r\n if (this.#item[val]) {\r\n return of(this.#item[val]);\r\n }\r\n let obs: Observable<any[]>;\r\n const func = items(val, true);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n return obs.pipe(map(data => {\r\n Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n return this.#item[val] || {\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n };\r\n }), catchError(() => {\r\n return of({\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n });\r\n }), finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n }\r\n return of(items.find(e => e[this.valueField] === val));\r\n }\r\n return of('');\r\n })\r\n );\r\n this.controlPlaceHolder = this.selected.pipe(map(item => item?.[this.displayField] ?? item ?? this.placeholder ?? (this.appearance ? this.label : '')));\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n this.#form?.removeControl(this.#name);\r\n }\r\n\r\n onSelect = (item: any) => {\r\n if (item) {\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (this.formControl.value !== item) {\r\n this.formControl.setValue(item);\r\n this.modelChange.emit(item);\r\n this.sdChange.emit(item);\r\n }\r\n } else if (this.valueField && this.displayField) {\r\n const val = item?.[this.valueField] || null;\r\n if (this.formControl.value !== val) {\r\n this.formControl.setValue(val);\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(item);\r\n }\r\n }\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n blur = () => {\r\n this.input?.nativeElement?.blur();\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl?.setValue('');\r\n if (this.#model) {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n }\r\n }\r\n\r\n onAction = ($event: Event) => {\r\n $event?.stopPropagation();\r\n this.autocompleteTrigger?.closePanel();\r\n this.action.emit();\r\n }\r\n\r\n onAdd = ($event: Event) => {\r\n $event.stopPropagation();\r\n $event?.preventDefault();\r\n this.sdAdd.emit();\r\n }\r\n\r\n reValidate = () => {\r\n this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #updateValidator = () => {\r\n this.formControl.clearValidators();\r\n this.formControl.clearAsyncValidators();\r\n const validators: ValidatorFn[] = [];\r\n // const asyncValidators: AsyncValidatorFn[] = [];\r\n if (this.isRequired) {\r\n validators.push(Validators.required);\r\n }\r\n // if (this.#validator) {\r\n // asyncValidators.push(this.#customValidator(this.#validator));\r\n // }\r\n this.formControl.setValidators(validators);\r\n // this.formControl.setAsyncValidators(asyncValidators);\r\n this.formControl.updateValueAndValidity();\r\n }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | number, isFormValue?: boolean) => Promise<any[]> | Observable<any[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule\r\n ],\r\n declarations: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective\r\n ],\r\n exports: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n"]}
|
|
@@ -938,7 +938,7 @@
|
|
|
938
938
|
SdChip.decorators = [
|
|
939
939
|
{ type: core.Component, args: [{
|
|
940
940
|
selector: 'sd-chip',
|
|
941
|
-
template: "<label *ngIf=\"!appearance && label\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n *ngIf=\"required\">*</span></label>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n <ng-container *ngIf=\"sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default\">\r\n <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #default>\r\n <mat-form-field class=\"c-md\" [ngClass]=\"{'c-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n [appearance]=\"appearance || 'outline'\">\r\n <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n <mat-chip-list [formControl]=\"formControl\" #chipList>\r\n <ng-container *ngFor=\"let item of selectedItems | async\">\r\n <mat-chip *ngIf=\"item\" [selectable]=\"selectable\" [removable]=\"removable\" (removed)=\"onRemove(item)\"\r\n [selected]=\"item.isSelected\" (selectionChange)=\"select(item)\" [disabled]=\"inputControl.disabled\"\r\n (click)=\"onClickChip($event, item)\">\r\n <span>{{item[displayField] || item[valueField] || item}}</span>\r\n <mat-icon *ngIf=\"!inputControl.disabled && item | sdRemovableChip:removable\" matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n <input #autocompleteTrigger [formControl]=\"inputControl\" [placeholder]=\"placeholder || (appearance ? label : '')\"\r\n [matAutocomplete]=\"auto\" [matChipInputFor]=\"chipList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n (matChipInputTokenEnd)=\"onAdd($event)\" autocomplete=\"off\" [errorStateMatcher]=\"matcher\" (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" [required]=\"required\" matInput #input>\r\n </mat-chip-list>\r\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event)\">\r\n <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n [matTooltip]=\"displayField ? item[displayField] : item\">\r\n <ng-container *ngIf=\"sdChipDisplay?.templateRef\">\r\n <ng-container *ngTemplateOutlet=\"sdChipDisplay.templateRef;context:{item: item}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!sdChipDisplay?.templateRef\">\r\n {{ displayField ? item[displayField] : item }}\r\n </ng-container>\r\n </mat-option>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>",
|
|
941
|
+
template: "<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n *ngIf=\"required\">*</span></label>\r\n<ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n </ng-container>\r\n</ng-container>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n <ng-container *ngIf=\"sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default\">\r\n <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #default>\r\n <mat-form-field class=\"c-md\" [ngClass]=\"{'c-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n [appearance]=\"appearance || 'outline'\">\r\n <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n <mat-chip-list [formControl]=\"formControl\" #chipList>\r\n <ng-container *ngFor=\"let item of selectedItems | async\">\r\n <mat-chip *ngIf=\"item\" [selectable]=\"selectable\" [removable]=\"removable\" (removed)=\"onRemove(item)\"\r\n [selected]=\"item.isSelected\" (selectionChange)=\"select(item)\" [disabled]=\"inputControl.disabled\"\r\n (click)=\"onClickChip($event, item)\">\r\n <span>{{item[displayField] || item[valueField] || item}}</span>\r\n <mat-icon *ngIf=\"!inputControl.disabled && item | sdRemovableChip:removable\" matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n <input #autocompleteTrigger [formControl]=\"inputControl\" [placeholder]=\"placeholder || (appearance ? label : '')\"\r\n [matAutocomplete]=\"auto\" [matChipInputFor]=\"chipList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n (matChipInputTokenEnd)=\"onAdd($event)\" autocomplete=\"off\" [errorStateMatcher]=\"matcher\" (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" [required]=\"required\" matInput #input>\r\n </mat-chip-list>\r\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event)\">\r\n <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n [matTooltip]=\"displayField ? item[displayField] : item\">\r\n <ng-container *ngIf=\"sdChipDisplay?.templateRef\">\r\n <ng-container *ngTemplateOutlet=\"sdChipDisplay.templateRef;context:{item: item}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!sdChipDisplay?.templateRef\">\r\n {{ displayField ? item[displayField] : item }}\r\n </ng-container>\r\n </mat-option>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>",
|
|
942
942
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
943
943
|
styles: [":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep mat-form-field.c-md .mat-form-field-infix{min-height:43.5px;padding:2px 0}:host ::ng-deep mat-form-field.c-md .mat-standard-chip{min-height:26px;padding:7px 10px}:host ::ng-deep mat-form-field.c-md .mat-standard-chip.mat-chip-with-trailing-icon{padding:7px 7px 7px 10px}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]
|
|
944
944
|
},] }
|
|
@@ -976,7 +976,8 @@
|
|
|
976
976
|
chipList: [{ type: core.ViewChild, args: ['chipList', { static: true },] }],
|
|
977
977
|
autocompleteTrigger: [{ type: core.ViewChild, args: [autocomplete.MatAutocompleteTrigger, { read: autocomplete.MatAutocompleteTrigger },] }],
|
|
978
978
|
sdView: [{ type: core.ContentChild, args: [common.SdViewDefDirective,] }],
|
|
979
|
-
sdChipDisplay: [{ type: core.ContentChild, args: [SdChipDisplayDef,] }]
|
|
979
|
+
sdChipDisplay: [{ type: core.ContentChild, args: [SdChipDisplayDef,] }],
|
|
980
|
+
sdLabelDef: [{ type: core.ContentChild, args: [common.SdLabelDefDirective,] }]
|
|
980
981
|
};
|
|
981
982
|
|
|
982
983
|
var SdRemovableChipPipe = /** @class */ (function () {
|