@sd-angular/core 1.3.0 → 1.3.2

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

@@ -1,188 +0,0 @@
-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.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"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.__ivy_ngcc_bak

@@ -1,156 +0,0 @@
-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.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"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.__ivy_ngcc_bak

@@ -1,110 +0,0 @@
-import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Inject, Optional, ViewChild, Input, Output, ContentChild, 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 { MatSelect, MatSelectModule } from '@angular/material/select';
-import { FORM_CONFIG, SdLabelDefDirective, SdCommonModule } from '@sd-angular/core/common';
-import { SdSelect, SdSelectModule } from '@sd-angular/core/select';
-import { SdTranslateModule } from '@sd-angular/core/translate';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-
-class SdSelectEditor extends SdSelect {
-    constructor(cdRef, formConfiguration) {
-        super(cdRef, formConfiguration);
-        this.cdRef = cdRef;
-        this.formConfiguration = formConfiguration;
-        this.addable = true;
-        this.editable = true;
-        this.deletable = true;
-        this.sdAdd = new EventEmitter();
-        this.sdEdit = new EventEmitter();
-        this.sdDelete = new EventEmitter();
-        this.onAdd = ($event) => {
-            var _a;
-            $event.stopPropagation();
-            $event === null || $event === void 0 ? void 0 : $event.preventDefault();
-            (_a = this.matSelect) === null || _a === void 0 ? void 0 : _a.close();
-            this.sdAdd.emit();
-        };
-        this.onEdit = ($event, item) => {
-            var _a;
-            $event.stopPropagation();
-            $event === null || $event === void 0 ? void 0 : $event.preventDefault();
-            (_a = this.matSelect) === null || _a === void 0 ? void 0 : _a.close();
-            this.sdEdit.emit(item);
-        };
-        this.onDelete = ($event, item) => {
-            var _a;
-            $event.stopPropagation();
-            $event === null || $event === void 0 ? void 0 : $event.preventDefault();
-            (_a = this.matSelect) === null || _a === void 0 ? void 0 : _a.close();
-            this.sdDelete.emit(item);
-        };
-    }
-}
-SdSelectEditor.decorators = [
-    { type: Component, args: [{
-                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}.sd__option--add ::ng-deep mat-pseudo-checkbox{display:none}"]
-            },] }
-];
-SdSelectEditor.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: undefined, decorators: [{ type: Inject, args: [FORM_CONFIG,] }, { type: Optional }] }
-];
-SdSelectEditor.propDecorators = {
-    matSelect: [{ type: ViewChild, args: [MatSelect,] }],
-    addable: [{ type: Input }],
-    editable: [{ type: Input }],
-    deletable: [{ type: Input }],
-    sdAdd: [{ type: Output }],
-    sdEdit: [{ type: Output }],
-    sdDelete: [{ type: Output }],
-    sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }]
-};
-
-class SdSelectEditorModule {
-}
-SdSelectEditorModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    MatInputModule,
-                    MatTooltipModule,
-                    MatFormFieldModule,
-                    MatIconModule,
-                    MatSelectModule,
-                    SdTranslateModule,
-                    MatCheckboxModule,
-                    MatProgressSpinnerModule,
-                    SdCommonModule,
-                    SdSelectModule
-                ],
-                declarations: [
-                    SdSelectEditor
-                ],
-                exports: [
-                    SdSelectEditor
-                ],
-                providers: []
-            },] }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdSelectEditor, SdSelectEditorModule };
-//# sourceMappingURL=sd-angular-core-select-editor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-select-editor.js","sources":["../../../../projects/sd-core/select-editor/src/lib/select-editor.component.ts","../../../../projects/sd-core/select-editor/src/lib/select-editor.module.ts","../../../../projects/sd-core/select-editor/src/public-api.ts","../../../../projects/sd-core/select-editor/sd-angular-core-select-editor.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  OnInit,\r\n  ViewChild,\r\n  Optional,\r\n  Inject,\r\n  Input,\r\n  ChangeDetectionStrategy,\r\n  ContentChild,\r\n} from \"@angular/core\";\r\nimport { MatSelect } from \"@angular/material/select\";\r\nimport { SdLabelDefDirective } from \"@sd-angular/core/common\";\r\nimport {\r\n  FORM_CONFIG,\r\n  IFormConfiguration\r\n} from \"@sd-angular/core/common\";\r\nimport { SdSelect } from \"@sd-angular/core/select\";\r\n\r\n@Component({\r\n  selector: \"sd-select-editor\",\r\n  templateUrl: \"./select-editor.component.html\",\r\n  styleUrls: [\"./select-editor.component.scss\"],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectEditor extends SdSelect implements OnInit, OnDestroy {\r\n  @ViewChild(MatSelect) matSelect: MatSelect;\r\n\r\n  @Input() addable: boolean = true;\r\n  @Input() editable: boolean = true;\r\n  @Input() deletable: boolean = true;\r\n\r\n  @Output() sdAdd = new EventEmitter();\r\n  @Output() sdEdit = new EventEmitter<any>();\r\n  @Output() sdDelete = new EventEmitter<any>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n  constructor(\r\n    private cdRef: ChangeDetectorRef,\r\n    @Inject(FORM_CONFIG)\r\n    @Optional()\r\n    private formConfiguration: IFormConfiguration\r\n  ) {\r\n    super(cdRef, formConfiguration);\r\n  }\r\n\r\n  onAdd = ($event: Event) => {\r\n    $event.stopPropagation();\r\n    $event?.preventDefault();\r\n    this.matSelect?.close();\r\n    this.sdAdd.emit();\r\n  };\r\n\r\n  onEdit = ($event: Event, item: any) => {\r\n    $event.stopPropagation();\r\n    $event?.preventDefault();\r\n    this.matSelect?.close();\r\n    this.sdEdit.emit(item);\r\n  };\r\n\r\n  onDelete = ($event: Event, item: any) => {\r\n    $event.stopPropagation();\r\n    $event?.preventDefault();\r\n    this.matSelect?.close();\r\n    this.sdDelete.emit(item);\r\n  };\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 { SdSelectEditor } from './select-editor.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 { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdSelectModule } from '@sd-angular/core/select';\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    SdTranslateModule,\r\n    MatCheckboxModule,\r\n    MatProgressSpinnerModule,\r\n    SdCommonModule,\r\n    SdSelectModule\r\n  ],\r\n  declarations: [\r\n    SdSelectEditor\r\n  ],\r\n  exports: [\r\n    SdSelectEditor\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectEditorModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-editor.module';\r\nexport * from './lib/select-editor.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MA4Ba,cAAe,SAAQ,QAAQ;IAY1C,YACU,KAAwB,EAGxB,iBAAqC;QAE7C,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QALxB,UAAK,GAAL,KAAK,CAAmB;QAGxB,sBAAiB,GAAjB,iBAAiB,CAAoB;QAbtC,YAAO,GAAY,IAAI,CAAC;QACxB,aAAQ,GAAY,IAAI,CAAC;QACzB,cAAS,GAAY,IAAI,CAAC;QAEzB,UAAK,GAAG,IAAI,YAAY,EAAE,CAAC;QAC3B,WAAM,GAAG,IAAI,YAAY,EAAO,CAAC;QACjC,aAAQ,GAAG,IAAI,YAAY,EAAO,CAAC;QAY7C,UAAK,GAAG,CAAC,MAAa;;YACpB,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,GAAG;YACzB,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,GAAG;YACxB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SACnB,CAAC;QAEF,WAAM,GAAG,CAAC,MAAa,EAAE,IAAS;;YAChC,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,GAAG;YACzB,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,GAAG;YACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACxB,CAAC;QAEF,aAAQ,GAAG,CAAC,MAAa,EAAE,IAAS;;YAClC,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,GAAG;YACzB,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,GAAG;YACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC1B,CAAC;KArBD;;;YAzBF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,4pSAA6C;gBAE7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAvBC,iBAAiB;4CAsCd,MAAM,SAAC,WAAW,cAClB,QAAQ;;;wBAdV,SAAS,SAAC,SAAS;sBAEnB,KAAK;uBACL,KAAK;wBACL,KAAK;oBAEL,MAAM;qBACN,MAAM;uBACN,MAAM;yBACN,YAAY,SAAC,mBAAmB;;;MCEtB,oBAAoB;;;YAzBhC,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,mBAAmB;oBACnB,cAAc;oBACd,gBAAgB;oBAChB,kBAAkB;oBAClB,aAAa;oBACb,eAAe;oBACf,iBAAiB;oBACjB,iBAAiB;oBACjB,wBAAwB;oBACxB,cAAc;oBACd,cAAc;iBACf;gBACD,YAAY,EAAE;oBACZ,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,cAAc;iBACf;gBACD,SAAS,EAAE,EACV;aACF;;;ACvCD;;;;ACAA;;;;;;"}