@sd-angular/core 1.2.83 → 1.2.86

package/fesm2015/sd-angular-core-quick-action.js.__ivy_ngcc_bak

@@ -0,0 +1,53 @@
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class SdQuickAction {
+    constructor() {
+        this.isOpened = false;
+        this.open = () => {
+            this.isOpened = true;
+        };
+        this.close = () => {
+            this.isOpened = false;
+        };
+    }
+}
+SdQuickAction.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-quick-action',
+                template: "<div class=\"c-quick-action media align-items-center\" [ngClass]=\"{'active': isOpened}\">\r\n  <div class=\"media-body mr-16 text-grey\">\r\n    <ng-content select=\"[sdMessage]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[sdAction]\"></ng-content>\r\n</div>",
+                styles: [".c-quick-action{background-color:#fff;border-radius:4px;bottom:90px;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);left:0;margin:auto;min-width:400px;opacity:0;pointer-events:none;position:fixed;right:0;transform:translate3d(0,100%,0);transition:all .2s ease-in-out;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:99}.c-quick-action.active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}"]
+            },] }
+];
+SdQuickAction.ctorParameters = () => [];
+SdQuickAction.propDecorators = {
+    isOpened: [{ type: Input }]
+};
+
+class SdQuickActionModule {
+}
+SdQuickActionModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    SdQuickAction
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    SdQuickAction
+                ],
+                providers: [],
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdQuickAction, SdQuickActionModule };
+//# sourceMappingURL=sd-angular-core-quick-action.js.map

package/fesm2015/sd-angular-core-quick-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-quick-action.js","sources":["../../../../projects/sd-core/quick-action/src/lib/quick-action.component.ts","../../../../projects/sd-core/quick-action/src/lib/quick-action.module.ts","../../../../projects/sd-core/quick-action/src/public-api.ts","../../../../projects/sd-core/quick-action/sd-angular-core-quick-action.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-quick-action',\r\n  templateUrl: './quick-action.component.html',\r\n  styleUrls: ['./quick-action.component.scss'],\r\n})\r\nexport class SdQuickAction {\r\n  @Input() isOpened = false;\r\n  constructor() { }\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { SdQuickAction } from './quick-action.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdQuickAction\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdQuickAction\r\n  ],\r\n  providers: [\r\n  ],\r\n})\r\nexport class SdQuickActionModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/quick-action.component';\r\nexport * from './lib/quick-action.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,aAAa;IAExB;QADS,aAAQ,GAAG,KAAK,CAAC;QAE1B,SAAI,GAAG;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB,CAAA;KAPgB;;;YAPlB,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,yRAA4C;;aAE7C;;;;uBAEE,KAAK;;;MCSK,mBAAmB;;;YAb/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,aAAa;iBACd;gBACD,SAAS,EAAE,EACV;aACF;;;AChBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-quick-action.js","sources":["../../../../projects/sd-core/quick-action/src/lib/quick-action.component.ts","../../../../projects/sd-core/quick-action/src/lib/quick-action.module.ts","../../../../projects/sd-core/quick-action/src/public-api.ts","../../../../projects/sd-core/quick-action/sd-angular-core-quick-action.ts"],"names":[],"mappings":";;;MAOa,aAAa;AAC1B,IACE;AAAgB,QADP,aAAQ,GAAG,KAAK,CAAC;AAC5B,QACE,SAAI,GAAG;AACT,YAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACzB,SAAG,CAAA;AACH,QACE,UAAK,GAAG;AACV,YAAI,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC1B,SAAG,CAAA;AACH,KARmB;AACnB;AAAE;AACY,YATb,SAAS,SAAC;AACX,gBAAE,QAAQ,EAAE,iBAAiB;AAC7B,gBAAE,yRAA4C;AAC9C;AAakR,aAZjR;AACE;AAAG;AACY;AAEhB,uBAFC,KAAK;AAAI;AAAG;AAAC,MCSH,mBAAmB;AAAG;AACnC;AAAmC,YAdlC,QAAQ,SAAC;AACV,gBAAE,YAAY,EAAE;AAChB,oBAAI,aAAa;AACjB,iBAAG;AACH,gBAAE,OAAO,EAAE;AACX,oBAAI,YAAY;AAChB,iBAAG;AACH,gBAAE,OAAO,EAAE;AACX,oBAAI,aAAa;AACjB,iBAAG;AACH,gBAAE,SAAS,EAAE,EACV;AACH,aAAC;AACE;AAAG;ACjBN;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACsB","sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-quick-action',\r\n  templateUrl: './quick-action.component.html',\r\n  styleUrls: ['./quick-action.component.scss'],\r\n})\r\nexport class SdQuickAction {\r\n  @Input() isOpened = false;\r\n  constructor() { }\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { SdQuickAction } from './quick-action.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdQuickAction\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdQuickAction\r\n  ],\r\n  providers: [\r\n  ],\r\n})\r\nexport class SdQuickActionModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/quick-action.component';\r\nexport * from './lib/quick-action.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/fesm2015/sd-angular-core-quick-action.js.map.__ivy_ngcc_bak

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-quick-action.js","sources":["../../../../projects/sd-core/quick-action/src/lib/quick-action.component.ts","../../../../projects/sd-core/quick-action/src/lib/quick-action.module.ts","../../../../projects/sd-core/quick-action/src/public-api.ts","../../../../projects/sd-core/quick-action/sd-angular-core-quick-action.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-quick-action',\r\n  templateUrl: './quick-action.component.html',\r\n  styleUrls: ['./quick-action.component.scss'],\r\n})\r\nexport class SdQuickAction {\r\n  @Input() isOpened = false;\r\n  constructor() { }\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { SdQuickAction } from './quick-action.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdQuickAction\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdQuickAction\r\n  ],\r\n  providers: [\r\n  ],\r\n})\r\nexport class SdQuickActionModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/quick-action.component';\r\nexport * from './lib/quick-action.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,aAAa;IAExB;QADS,aAAQ,GAAG,KAAK,CAAC;QAE1B,SAAI,GAAG;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB,CAAA;KAPgB;;;YAPlB,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,yRAA4C;;aAE7C;;;;uBAEE,KAAK;;;MCSK,mBAAmB;;;YAb/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,aAAa;iBACd;gBACD,SAAS,EAAE,EACV;aACF;;;AChBD;;;;ACAA;;;;;;"}

package/fesm2015/sd-angular-core-radio.js

@@ -185,4 +185,5 @@ SdRadioModule.decorators = [
  */
 
 export { SdRadio, SdRadioModule };
-//# sourceMappingURL=sd-angular-core-radio.js.map
+
+//# sourceMappingURL=sd-angular-core-radio.js.map

package/fesm2015/sd-angular-core-radio.js.__ivy_ngcc_bak

@@ -0,0 +1,188 @@
+import { SdFormControl, SdLabelDefDirective } from '@sd-angular/core/common';
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, ContentChild, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Validators, NgForm, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { Subscription } from 'rxjs';
+import { v4 } from 'uuid';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { MatRadioModule } from '@angular/material/radio';
+
+var _name, _form, _model, _required, _subscription, _updateValidator;
+class SdRadio {
+    constructor(ref) {
+        this.ref = ref;
+        _name.set(this, v4());
+        this.formControl = new SdFormControl();
+        // get isNumber() {
+        //   if (this.#model || this.#model === 0) {
+        //     return typeof (this.#model) === 'number';
+        //   }
+        //   if (this.items?.length) {
+        //     if (this.valueField) {
+        //       return typeof (this.items[0][this.valueField]) === 'number';
+        //     } else {
+        //       return typeof (this.items[0]) === 'number';
+        //     }
+        //   }
+        //   return false;
+        // }
+        _form.set(this, void 0);
+        this.display = 'row';
+        // Model
+        _model.set(this, void 0);
+        // Items
+        this.items = [];
+        // Validator
+        _required.set(this, false);
+        this.modelChange = new EventEmitter();
+        this.sdChange = new EventEmitter();
+        this.sdSelection = new EventEmitter();
+        _subscription.set(this, new Subscription());
+        _updateValidator.set(this, () => {
+            this.formControl.clearValidators();
+            const validators = [];
+            if (__classPrivateFieldGet(this, _required)) {
+                validators.push(Validators.required);
+            }
+            this.formControl.setValidators(validators);
+            this.formControl.updateValueAndValidity();
+        });
+        this.reValidate = () => {
+            this.formControl.updateValueAndValidity({ emitEvent: true });
+        };
+    }
+    set name(val) {
+        if (val) {
+            __classPrivateFieldSet(this, _name, val);
+        }
+    }
+    set form(val) {
+        if (val) {
+            if (val instanceof NgForm) {
+                __classPrivateFieldSet(this, _form, val.form);
+            }
+            else {
+                __classPrivateFieldSet(this, _form, val);
+            }
+        }
+    }
+    set model(value) {
+        __classPrivateFieldSet(this, _model, value);
+        if (value !== this.formControl.value) {
+            this.formControl.setValue(value, {
+                emitEvent: false
+            });
+        }
+    }
+    set pItems(items) {
+        if (!Array.isArray(items)) {
+            this.items = [];
+        }
+        this.items = items;
+    }
+    set required(val) {
+        __classPrivateFieldSet(this, _required, (val === '') || val);
+        __classPrivateFieldGet(this, _updateValidator).call(this);
+    }
+    // Optional
+    set disabled(val) {
+        val = (val === '') || val;
+        if (val) {
+            this.formControl.disable();
+        }
+        else {
+            this.formControl.enable();
+        }
+    }
+    ngOnInit() {
+        __classPrivateFieldGet(this, _subscription).add(this.formControl.sdChanges.subscribe(() => {
+            // this.formControl.updateValueAndValidity();
+            this.ref.markForCheck();
+        }));
+    }
+    ngAfterViewInit() {
+        var _a;
+        __classPrivateFieldGet(this, _subscription).add(this.formControl.valueChanges.subscribe(value => {
+            var _a;
+            let val = value;
+            // if (this.isNumber && Number.isNumber(value)) {
+            //   val = +value;
+            // }
+            this.modelChange.emit(val);
+            this.sdChange.emit(val);
+            this.sdSelection.emit({
+                value: val,
+                item: (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a; return (val === null || val === void 0 ? void 0 : val.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); })
+            });
+        }));
+        (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.addControl(__classPrivateFieldGet(this, _name), this.formControl);
+    }
+    ngOnDestroy() {
+        var _a;
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+        (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.removeControl(__classPrivateFieldGet(this, _name));
+    }
+}
+_name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _required = new WeakMap(), _subscription = new WeakMap(), _updateValidator = new WeakMap();
+SdRadio.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-radio',
+                template: "<section [ngClass]=\"{'c-section': display == 'row'}\">\r\n  <label *ngIf=\"label&&!sdLabelDef?.templateRef\" class=\"d-block T14M\" [class.mb-0]=\"display === 'row'\">{{label}} <span class=\"text-danger mb-2\" *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  <mat-radio-group [ngClass]=\"{'c-radio-group-column': display === 'column', 'c-radio-group-row': display === 'row'}\"\r\n    [formControl]=\"formControl\">\r\n    <mat-radio-button color=\"primary\" [ngClass]=\"{'m-0': display === 'column', 'mr-16': display === 'row'}\"\r\n      *ngFor=\"let item of items\" [value]=\"item[valueField]\">\r\n      {{item[displayField]}}\r\n    </mat-radio-button>\r\n  </mat-radio-group>\r\n</section>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:column;height:100%}.c-section{align-content:center;align-items:center}.c-radio-group-column{align-items:flex-start;display:flex;flex:1;flex-direction:column}.c-radio-group-row{align-items:center;display:flex;flex:1;flex-direction:row}"]
+            },] }
+];
+SdRadio.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SdRadio.propDecorators = {
+    name: [{ type: Input }],
+    form: [{ type: Input }],
+    label: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    display: [{ type: Input }],
+    model: [{ type: Input }],
+    pItems: [{ type: Input, args: ['items',] }],
+    valueField: [{ type: Input }],
+    displayField: [{ type: Input }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }],
+    modelChange: [{ type: Output }],
+    sdChange: [{ type: Output }],
+    sdSelection: [{ type: Output }]
+};
+
+class SdRadioModule {
+}
+SdRadioModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    MatTooltipModule,
+                    MatFormFieldModule,
+                    MatIconModule,
+                    MatRadioModule,
+                    SdTranslateModule
+                ],
+                declarations: [
+                    SdRadio
+                ],
+                exports: [
+                    SdRadio
+                ],
+                providers: []
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdRadio, SdRadioModule };
+//# sourceMappingURL=sd-angular-core-radio.js.map

package/fesm2015/sd-angular-core-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-radio.js","sources":["../../../../projects/sd-core/radio/src/lib/radio.component.ts","../../../../projects/sd-core/radio/src/lib/radio.module.ts","../../../../projects/sd-core/radio/sd-angular-core-radio.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ChangeDetectionStrategy, ContentChild } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, FormGroup } from '@angular/forms';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { Subscription } from 'rxjs';\r\nimport * as uuid from 'uuid';\r\n\r\n@Component({\r\n  selector: 'sd-radio',\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdRadio implements OnInit, AfterViewInit, OnDestroy {\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  formControl = new SdFormControl();\r\n  // get isNumber() {\r\n  //   if (this.#model || this.#model === 0) {\r\n  //     return typeof (this.#model) === 'number';\r\n  //   }\r\n  //   if (this.items?.length) {\r\n  //     if (this.valueField) {\r\n  //       return typeof (this.items[0][this.valueField]) === 'number';\r\n  //     } else {\r\n  //       return typeof (this.items[0]) === 'number';\r\n  //     }\r\n  //   }\r\n  //   return false;\r\n  // }\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  @Input() label: string;\r\n  @Input() placeholder: string;\r\n  @Input() display: 'row' | 'column' = 'row';\r\n  // Model\r\n  #model: number | string | boolean;\r\n  @Input() set model(value: number | string | boolean) {\r\n    this.#model = value;\r\n    if (value !== this.formControl.value) {\r\n      this.formControl.setValue(value, {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set pItems(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n\r\n  // Validator\r\n  #required = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.#required = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any }>();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      // this.formControl.updateValueAndValidity();\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe(value => {\r\n      let val = value;\r\n      // if (this.isNumber && Number.isNumber(value)) {\r\n      //   val = +value;\r\n      // }\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n      this.sdSelection.emit({\r\n        value: val,\r\n        item: this.items?.find(e => val?.toString() === e?.[this.valueField]?.toString())\r\n      });\r\n    }));\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  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    if (this.#required) {\r\n      validators.push(Validators.required);\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdRadio } from './radio.component';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatRadioModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdRadio\r\n  ],\r\n  exports: [\r\n    SdRadio\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdRadioModule {\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-radio.js","sources":["../../../../projects/sd-core/radio/src/lib/radio.component.ts","../../../../projects/sd-core/radio/src/lib/radio.module.ts","../../../../projects/sd-core/radio/sd-angular-core-radio.ts"],"names":["uuid.v4"],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ChangeDetectionStrategy, ContentChild } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, FormGroup } from '@angular/forms';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { Subscription } from 'rxjs';\r\nimport * as uuid from 'uuid';\r\n\r\n@Component({\r\n  selector: 'sd-radio',\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdRadio implements OnInit, AfterViewInit, OnDestroy {\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  formControl = new SdFormControl();\r\n  // get isNumber() {\r\n  //   if (this.#model || this.#model === 0) {\r\n  //     return typeof (this.#model) === 'number';\r\n  //   }\r\n  //   if (this.items?.length) {\r\n  //     if (this.valueField) {\r\n  //       return typeof (this.items[0][this.valueField]) === 'number';\r\n  //     } else {\r\n  //       return typeof (this.items[0]) === 'number';\r\n  //     }\r\n  //   }\r\n  //   return false;\r\n  // }\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  @Input() label: string;\r\n  @Input() placeholder: string;\r\n  @Input() display: 'row' | 'column' = 'row';\r\n  // Model\r\n  #model: number | string | boolean;\r\n  @Input() set model(value: number | string | boolean) {\r\n    this.#model = value;\r\n    if (value !== this.formControl.value) {\r\n      this.formControl.setValue(value, {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set pItems(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n\r\n  // Validator\r\n  #required = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.#required = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any }>();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      // this.formControl.updateValueAndValidity();\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe(value => {\r\n      let val = value;\r\n      // if (this.isNumber && Number.isNumber(value)) {\r\n      //   val = +value;\r\n      // }\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n      this.sdSelection.emit({\r\n        value: val,\r\n        item: this.items?.find(e => val?.toString() === e?.[this.valueField]?.toString())\r\n      });\r\n    }));\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  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    if (this.#required) {\r\n      validators.push(Validators.required);\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdRadio } from './radio.component';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatRadioModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdRadio\r\n  ],\r\n  exports: [\r\n    SdRadio\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdRadioModule {\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/fesm2015/sd-angular-core-radio.js.map.__ivy_ngcc_bak

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-radio.js","sources":["../../../../projects/sd-core/radio/src/lib/radio.component.ts","../../../../projects/sd-core/radio/src/lib/radio.module.ts","../../../../projects/sd-core/radio/sd-angular-core-radio.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ChangeDetectionStrategy, ContentChild } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, FormGroup } from '@angular/forms';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { Subscription } from 'rxjs';\r\nimport * as uuid from 'uuid';\r\n\r\n@Component({\r\n  selector: 'sd-radio',\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdRadio implements OnInit, AfterViewInit, OnDestroy {\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  formControl = new SdFormControl();\r\n  // get isNumber() {\r\n  //   if (this.#model || this.#model === 0) {\r\n  //     return typeof (this.#model) === 'number';\r\n  //   }\r\n  //   if (this.items?.length) {\r\n  //     if (this.valueField) {\r\n  //       return typeof (this.items[0][this.valueField]) === 'number';\r\n  //     } else {\r\n  //       return typeof (this.items[0]) === 'number';\r\n  //     }\r\n  //   }\r\n  //   return false;\r\n  // }\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  @Input() label: string;\r\n  @Input() placeholder: string;\r\n  @Input() display: 'row' | 'column' = 'row';\r\n  // Model\r\n  #model: number | string | boolean;\r\n  @Input() set model(value: number | string | boolean) {\r\n    this.#model = value;\r\n    if (value !== this.formControl.value) {\r\n      this.formControl.setValue(value, {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set pItems(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n\r\n  // Validator\r\n  #required = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.#required = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any }>();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      // this.formControl.updateValueAndValidity();\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe(value => {\r\n      let val = value;\r\n      // if (this.isNumber && Number.isNumber(value)) {\r\n      //   val = +value;\r\n      // }\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n      this.sdSelection.emit({\r\n        value: val,\r\n        item: this.items?.find(e => val?.toString() === e?.[this.valueField]?.toString())\r\n      });\r\n    }));\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  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    if (this.#required) {\r\n      validators.push(Validators.required);\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdRadio } from './radio.component';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatRadioModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdRadio\r\n  ],\r\n  exports: [\r\n    SdRadio\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdRadioModule {\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/fesm2015/sd-angular-core-select-badge.js

@@ -153,4 +153,5 @@ SdSelectBadgeModule.decorators = [
  */
 
 export { SdSelectBadge, SdSelectBadgeDisplayDefDirective, SdSelectBadgeModule };
-//# sourceMappingURL=sd-angular-core-select-badge.js.map
+
+//# sourceMappingURL=sd-angular-core-select-badge.js.map

package/fesm2015/sd-angular-core-select-badge.js.__ivy_ngcc_bak

@@ -0,0 +1,156 @@
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, Output, ContentChild, HostListener, Directive, TemplateRef, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { __classPrivateFieldGet } from 'tslib';
+import { SdLabelDefDirective, SdCommonModule } from '@sd-angular/core/common';
+import { Subscription, Subject } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import { MatSelectModule } from '@angular/material/select';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+
+var _subscription, _modelChanges;
+class SdSelectBadge {
+    constructor(ref) {
+        this.ref = ref;
+        // Items
+        this.items = [];
+        this.modelChange = new EventEmitter();
+        this.sdChange = new EventEmitter();
+        this.sdSelection = new EventEmitter();
+        _subscription.set(this, new Subscription());
+        _modelChanges.set(this, new Subject());
+        this.isShowContent = false;
+        this.onToogle = () => {
+            this.isShowContent = !this.isShowContent;
+        };
+        this.onModelChange = (val) => {
+            this.modelChange.emit(val);
+            this.sdChange.emit(val);
+        };
+    }
+    set model(val) {
+        if (this.value !== val) {
+            this.value = val;
+            __classPrivateFieldGet(this, _modelChanges).next(val);
+        }
+    }
+    set _items(items) {
+        if (!Array.isArray(items)) {
+            this.items = [];
+        }
+        this.items = items;
+    }
+    clickout(event) {
+        if (!this.selectbadge.nativeElement.contains(event.target)) {
+            this.isShowContent = false;
+        }
+    }
+    ngOnInit() {
+        __classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _modelChanges).pipe(startWith(this.value)).subscribe(() => {
+            var _a;
+            this.selectedItem = (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a, _b; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _b === void 0 ? void 0 : _b.toString()); });
+        }));
+    }
+    onSelected(item) {
+        var _a;
+        this.selectedItem = item;
+        const emitVal = this.selectedItem[this.valueField];
+        this.modelChange.emit(emitVal);
+        this.sdChange.emit(emitVal);
+        this.sdSelection.emit({
+            value: emitVal,
+            item: (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a; return (emitVal === null || emitVal === void 0 ? void 0 : emitVal.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); })
+        });
+    }
+}
+_subscription = new WeakMap(), _modelChanges = new WeakMap();
+SdSelectBadge.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-select-badge',
+                template: "<label *ngIf=\"label&&!sdLabelDef?.templateRef\" class=\"d-block mb-6 T14M\">{{label}}</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 #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n  <div class=\"c-selectbadge-dropdown__label\">\r\n    <div class=\"media align-items-center\">\r\n      <div class=\"media-body d-flex align-items-center\">\r\n        <ng-container *ngIf=\"selectedItem\">\r\n          <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n            'material-icons-outlined': !selectedItem[iconColorField],\r\n            'material-icons-round': selectedItem[iconColorField],\r\n            'c-primary': selectedItem[iconColorField] === 'primary', \r\n            'c-black400': selectedItem[iconColorField] === 'normal', \r\n            'c-info': selectedItem[iconColorField] === 'info', \r\n            'c-success': selectedItem[iconColorField] === 'success', \r\n            'c-danger': selectedItem[iconColorField] === 'danger', \r\n            'c-warning': selectedItem[iconColorField] === 'warning'\r\n          }\">\r\n            {{selectedItem[iconField]}}\r\n          </span>\r\n          <span>{{selectedItem[displayField]}}</span>\r\n        </ng-container>\r\n      </div>\r\n      <span class=\"material-icons-outlined ml-6\">\r\n        arrow_drop_down\r\n      </span>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n    <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n      (click)=\"onSelected(item)\">\r\n      <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n        'material-icons-outlined': !item[iconColorField],\r\n        'material-icons-round': item[iconColorField],\r\n        'c-primary': item[iconColorField] === 'primary', \r\n        'c-black400': item[iconColorField] === 'normal', \r\n        'c-info': item[iconColorField] === 'info', \r\n        'c-success': item[iconColorField] === 'success', \r\n        'c-danger': item[iconColorField] === 'danger', \r\n        'c-warning': item[iconColorField] === 'warning'\r\n      }\">\r\n        <ng-container *ngIf=\"item[iconField]\">\r\n          {{item[iconField]}}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!item[iconField]\">\r\n          fiber_manual_record\r\n        </ng-container>\r\n      </span>\r\n\r\n      <div class=\"media-body ml-12\">\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n          <div class=\"mr-16\">\r\n            <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n            <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n          </div>\r\n          <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n            class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]
+            },] }
+];
+SdSelectBadge.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SdSelectBadge.propDecorators = {
+    selectbadge: [{ type: ViewChild, args: ['selectbadge',] }],
+    label: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    model: [{ type: Input }],
+    _items: [{ type: Input, args: ['items',] }],
+    valueField: [{ type: Input }],
+    displayField: [{ type: Input }],
+    iconField: [{ type: Input }],
+    iconColorField: [{ type: Input }],
+    descriptionField: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    sdChange: [{ type: Output }],
+    sdSelection: [{ type: Output }],
+    sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }],
+    clickout: [{ type: HostListener, args: ['document:click', ['$event'],] }]
+};
+
+class SdSelectBadgeDisplayDefDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SdSelectBadgeDisplayDefDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[sdSelectBadgeDisplayDef]'
+            },] }
+];
+SdSelectBadgeDisplayDefDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+class SdSelectBadgeModule {
+}
+SdSelectBadgeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    MatInputModule,
+                    MatTooltipModule,
+                    MatFormFieldModule,
+                    MatIconModule,
+                    MatSelectModule,
+                    MatProgressSpinnerModule,
+                    MatCheckboxModule,
+                    SdTranslateModule,
+                    SdCommonModule
+                ],
+                declarations: [
+                    SdSelectBadge,
+                    SdSelectBadgeDisplayDefDirective
+                ],
+                exports: [
+                    SdSelectBadge,
+                    SdSelectBadgeDisplayDefDirective,
+                    SdCommonModule
+                ],
+                providers: []
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdSelectBadge, SdSelectBadgeDisplayDefDirective, SdSelectBadgeModule };
+//# sourceMappingURL=sd-angular-core-select-badge.js.map

package/fesm2015/sd-angular-core-select-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-select-badge.js","sources":["../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts","../../../../projects/sd-core/select-badge/src/public-api.ts","../../../../projects/sd-core/select-badge/sd-angular-core-select-badge.ts"],"sourcesContent":["import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter, ContentChild } from '@angular/core';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'sd-select-badge',\r\n  templateUrl: './select-badge.component.html',\r\n  styleUrls: ['./select-badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n  @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n  selectedItem: any;\r\n\r\n  @Input() label: string;\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  value: string;\r\n  @Input() set model(val: any) {\r\n    if (this.value !== val) {\r\n      this.value = val;\r\n      this.#modelChanges.next(val);\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set _items(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() iconField: string;\r\n  @Input() iconColorField: string;\r\n  @Input() descriptionField: string;\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  #subscription = new Subscription();\r\n  #modelChanges = new Subject<string>();\r\n  isShowContent: boolean = false;\r\n\r\n  @HostListener('document:click', ['$event']) clickout(event) {\r\n    if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n      this.isShowContent = false;\r\n    }\r\n  }\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n      this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n    }));\r\n  }\r\n\r\n  onToogle = () => {\r\n    this.isShowContent = !this.isShowContent;\r\n  }\r\n\r\n  onModelChange = (val: any) => {\r\n    this.modelChange.emit(val);\r\n    this.sdChange.emit(val);\r\n  }\r\n\r\n  onSelected(item?: any) {\r\n    this.selectedItem = item;\r\n    const emitVal = this.selectedItem[this.valueField];\r\n    this.modelChange.emit(emitVal);\r\n    this.sdChange.emit(emitVal);\r\n    this.sdSelection.emit({\r\n      value: emitVal,\r\n      item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n    });\r\n  }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","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 { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\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    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-badge.module';\r\nexport * from './lib/select-badge.component';\r\nexport * from './lib/select-badge-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-select-badge.js","sources":["../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts","../../../../projects/sd-core/select-badge/src/public-api.ts","../../../../projects/sd-core/select-badge/sd-angular-core-select-badge.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter, ContentChild } from '@angular/core';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'sd-select-badge',\r\n  templateUrl: './select-badge.component.html',\r\n  styleUrls: ['./select-badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n  @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n  selectedItem: any;\r\n\r\n  @Input() label: string;\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  value: string;\r\n  @Input() set model(val: any) {\r\n    if (this.value !== val) {\r\n      this.value = val;\r\n      this.#modelChanges.next(val);\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set _items(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() iconField: string;\r\n  @Input() iconColorField: string;\r\n  @Input() descriptionField: string;\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  #subscription = new Subscription();\r\n  #modelChanges = new Subject<string>();\r\n  isShowContent: boolean = false;\r\n\r\n  @HostListener('document:click', ['$event']) clickout(event) {\r\n    if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n      this.isShowContent = false;\r\n    }\r\n  }\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n      this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n    }));\r\n  }\r\n\r\n  onToogle = () => {\r\n    this.isShowContent = !this.isShowContent;\r\n  }\r\n\r\n  onModelChange = (val: any) => {\r\n    this.modelChange.emit(val);\r\n    this.sdChange.emit(val);\r\n  }\r\n\r\n  onSelected(item?: any) {\r\n    this.selectedItem = item;\r\n    const emitVal = this.selectedItem[this.valueField];\r\n    this.modelChange.emit(emitVal);\r\n    this.sdChange.emit(emitVal);\r\n    this.sdSelection.emit({\r\n      value: emitVal,\r\n      item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n    });\r\n  }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","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 { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\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    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-badge.module';\r\nexport * from './lib/select-badge.component';\r\nexport * from './lib/select-badge-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/fesm2015/sd-angular-core-select-badge.js.map.__ivy_ngcc_bak

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-select-badge.js","sources":["../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts","../../../../projects/sd-core/select-badge/src/public-api.ts","../../../../projects/sd-core/select-badge/sd-angular-core-select-badge.ts"],"sourcesContent":["import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter, ContentChild } from '@angular/core';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'sd-select-badge',\r\n  templateUrl: './select-badge.component.html',\r\n  styleUrls: ['./select-badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n  @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n  selectedItem: any;\r\n\r\n  @Input() label: string;\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  value: string;\r\n  @Input() set model(val: any) {\r\n    if (this.value !== val) {\r\n      this.value = val;\r\n      this.#modelChanges.next(val);\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set _items(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() iconField: string;\r\n  @Input() iconColorField: string;\r\n  @Input() descriptionField: string;\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  #subscription = new Subscription();\r\n  #modelChanges = new Subject<string>();\r\n  isShowContent: boolean = false;\r\n\r\n  @HostListener('document:click', ['$event']) clickout(event) {\r\n    if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n      this.isShowContent = false;\r\n    }\r\n  }\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n      this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n    }));\r\n  }\r\n\r\n  onToogle = () => {\r\n    this.isShowContent = !this.isShowContent;\r\n  }\r\n\r\n  onModelChange = (val: any) => {\r\n    this.modelChange.emit(val);\r\n    this.sdChange.emit(val);\r\n  }\r\n\r\n  onSelected(item?: any) {\r\n    this.selectedItem = item;\r\n    const emitVal = this.selectedItem[this.valueField];\r\n    this.modelChange.emit(emitVal);\r\n    this.sdChange.emit(emitVal);\r\n    this.sdSelection.emit({\r\n      value: emitVal,\r\n      item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n    });\r\n  }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","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 { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\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    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-badge.module';\r\nexport * from './lib/select-badge.component';\r\nexport * from './lib/select-badge-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/sd-angular-core-select-editor.js

@@ -51,7 +51,7 @@ SdSelectEditor.decorators = [
                 selector: "sd-select-editor",
                 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 && !isFocused; else default\">\r\n  <ng-container\r\n    *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value, selectedItems: selectedItems | 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    [appearance]=\"appearance || 'outline'\">\r\n    <mat-label *ngIf=\"appearance && label\">{{label}}</mat-label>\r\n    <mat-select #select [formControl]=\"formControl\" [placeholder]=\"placeholder || (appearance ? label : '')\" multiple\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && (multiple ? formControl?.value?.length : formControl?.value != null)}\"\r\n      [required]=\"isRequired\" (openedChange)=\"onOpenChange($event)\" [attr.data-qclabel]=\"label\"\r\n      [attr.data-qcid]=\"qcId\" *ngIf=\"multiple\">\r\n      <mat-select-trigger>\r\n        {{display | async }}\r\n      </mat-select-trigger>\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"multiple && selectAll\">\r\n        <mat-checkbox class=\"mat-option\" [(ngModel)]=\"allSelected\" [ngModelOptions]=\"{standalone: true}\"\r\n          (change)=\"onSelectAll()\">\r\n          T\u1EA5t c\u1EA3</mat-checkbox>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async; trackBy: trackByKey\" [value]=\"item[valueField]\">\r\n          <div matTooltipPosition=\"above\" [matTooltip]=\"item[displayField]\" class=\"d-flex justify-content-between\">\r\n            <ng-container *ngIf=\"selectDisplayDef?.templateRef\">\r\n              <ng-container *ngTemplateOutlet=\"selectDisplayDef.templateRef;context:{item: item}\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!selectDisplayDef?.templateRef\">\r\n              {{ item[displayField] }}\r\n            </ng-container>\r\n            <div>\r\n              <mat-icon *ngIf=\"editable && sdEdit?.observers?.length\" class=\"mr-1 c-fa-icon\" (click)=\"onEdit($event, item)\">\r\n                edit</mat-icon>\r\n              <mat-icon *ngIf=\"deletable && sdDelete?.observers?.length\" class=\"mr-0 c-fa-icon\" (click)=\"onDelete($event, item)\">\r\n                delete</mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async; trackBy: trackByKey\" [value]=\"item\">\r\n          <div matTooltipPosition=\"above\" [matTooltip]=\"item\" class=\"d-flex justify-content-between\">\r\n            <ng-container *ngIf=\"selectDisplayDef?.templateRef\">\r\n              <ng-container *ngTemplateOutlet=\"selectDisplayDef.templateRef;context:{item: item}\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!selectDisplayDef?.templateRef\">\r\n              {{ item }}\r\n            </ng-container>\r\n            <div>\r\n              <mat-icon *ngIf=\"editable && sdEdit?.observers?.length\" class=\"mr-1 c-fa-icon\" (click)=\"onEdit($event, item)\">\r\n                edit</mat-icon>\r\n              <mat-icon *ngIf=\"deletable && sdDelete?.observers?.length\" class=\"mr-0 c-fa-icon\" (click)=\"onDelete($event, item)\">\r\n                delete</mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n      <mat-option class=\"sd__option--add\" *ngIf=\"addable && 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    </mat-select>\r\n    <mat-select #select [formControl]=\"formControl\" [placeholder]=\"placeholder || (appearance ? label : '')\"\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && formControl?.value != null}\" [required]=\"isRequired\"\r\n      (openedChange)=\"onOpenChange($event)\" [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" *ngIf=\"!multiple\">\r\n      <mat-select-trigger>\r\n        {{display | async }}\r\n      </mat-select-trigger>\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async; trackBy: trackByKey\" [value]=\"item[valueField]\">\r\n          <div matTooltipPosition=\"above\" [matTooltip]=\"item[displayField]\" class=\"d-flex justify-content-between\">\r\n            <ng-container *ngIf=\"selectDisplayDef?.templateRef\">\r\n              <ng-container *ngTemplateOutlet=\"selectDisplayDef.templateRef;context:{item: item}\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!selectDisplayDef?.templateRef\">\r\n              {{ item[displayField] }}\r\n            </ng-container>\r\n            <div>\r\n              <mat-icon *ngIf=\"editable && sdEdit?.observers?.length\" class=\"mr-1 c-fa-icon\" (click)=\"onEdit($event, item)\">\r\n                edit</mat-icon>\r\n              <mat-icon *ngIf=\"deletable && sdDelete?.observers?.length\" class=\"mr-0 c-fa-icon\" (click)=\"onDelete($event, item)\">\r\n                delete</mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async; trackBy: trackByKey\" [value]=\"item\">\r\n          <div matTooltipPosition=\"above\" [matTooltip]=\"item\" class=\"d-flex justify-content-between\">\r\n            <ng-container *ngIf=\"selectDisplayDef?.templateRef\">\r\n              <ng-container *ngTemplateOutlet=\"selectDisplayDef.templateRef;context:{item: item}\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!selectDisplayDef?.templateRef\">\r\n              {{ item }}\r\n            </ng-container>\r\n            <div>\r\n              <mat-icon *ngIf=\"editable && sdEdit?.observers?.length\" class=\"mr-1 c-fa-icon\" (click)=\"onEdit($event, item)\">\r\n                edit</mat-icon>\r\n              <mat-icon *ngIf=\"deletable && sdDelete?.observers?.length\" class=\"mr-0 c-fa-icon\" (click)=\"onDelete($event, item)\">\r\n                delete</mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n      <mat-option class=\"sd__option--add\" *ngIf=\"addable && 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    </mat-select>\r\n    <mat-icon\r\n      *ngIf=\"(multiple ? formControl?.value?.length : formControl?.value != null) && !isRequired && !formControl.disabled\"\r\n      class=\"pointer sd-suffix-icon\" (click)=\"clear($event)\" matSuffix>cancel\r\n    </mat-icon>\r\n    <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n      {{'This field is required' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl?.errors?.customValidator && !disableErrorMessage\">\r\n      {{formControl?.errors?.customValidator}}\r\n    </mat-error>\r\n  </mat-form-field>\r\n</ng-template>\r\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}: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 mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer;position:-webkit-sticky;position:sticky;z-index:10}"]
+                styles: [":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}: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 mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer;position:-webkit-sticky;position:sticky;z-index:10}.sd__option--add ::ng-deep mat-pseudo-checkbox{display:none}"]
             },] }
 ];
 SdSelectEditor.ctorParameters = () => [
@@ -107,4 +107,5 @@ SdSelectEditorModule.decorators = [
  */
 
 export { SdSelectEditor, SdSelectEditorModule };
-//# sourceMappingURL=sd-angular-core-select-editor.js.map
+
+//# sourceMappingURL=sd-angular-core-select-editor.js.map