@sd-angular/core 1.2.99 → 1.3.0

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

@@ -0,0 +1,70 @@
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+class SdBadge {
+    constructor() {
+        this.color = 'unknown';
+        this.type = 'circle';
+        this.icon = 'fiber_manual_record';
+        this.size = 'sm';
+        this.sdClick = new EventEmitter();
+        this.onClick = (event) => {
+            this.sdClick.observers.length;
+            this.sdClick.emit(event);
+        };
+    }
+    set _color(color) {
+        if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {
+            this.color = 'unknown';
+        }
+        else {
+            this.color = color;
+        }
+    }
+    ;
+    set _icon(val) {
+        this.icon = val || 'fiber_manual_record';
+    }
+    ;
+}
+SdBadge.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-badge',
+                template: "<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n  [ngClass]=\"{'c-black400': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n  [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n  {{ title }}\r\n</div>\r\n<div *ngIf=\"type === 'circle' || type === 'icon'\" class=\"d-flex\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n  [ngClass]=\"{'c-badge-circle': type === 'circle','c-badge-icon': type === 'icon', 'c-unknown': color === 'unknown', 'c-primary': color === 'primary', 'c-black400': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n  [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n  <div class=\"d-flex align-items-center\">\r\n    <span class=\"c-material-icon mr-4\" [ngClass]=\"{\r\n      'material-icons-outlined': color === 'unknown',\r\n      'material-icons-round': color !== 'unknown',\r\n      'c-xs': size === 'xs',\r\n      'c-sm': size === 'sm',\r\n      'c-md': size === 'md',\r\n      'c-lg': size === 'lg', \r\n      'c-unknown': color === 'unknown', \r\n      'c-primary': color === 'primary', \r\n      'c-black400': color === 'normal', \r\n      'c-info': color === 'info', \r\n      'c-success': color === 'success', \r\n      'c-danger': color === 'danger', \r\n      'c-warning': color === 'warning'\r\n    }\">\r\n      {{ icon }}\r\n    </span>\r\n    <div class=\"d-flex flex-column\">\r\n      <span class=\"T14R\">{{ title }}</span>\r\n      <span *ngIf=\"description\" class=\"T12R c-badge-description\">{{ description }}</span>\r\n    </div>\r\n  </div>\r\n</div>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".text-black400{color:#757575}.c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-black400{background:#e9e9e9;color:#757575}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.c-badge-circle.c-black400{color:#757575}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}.c-badge-icon{min-width:50px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-black400{color:#757575}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}.c-badge-description{color:rgba(0,0,0,.5)}"]
+            },] }
+];
+SdBadge.propDecorators = {
+    type: [{ type: Input }],
+    _color: [{ type: Input, args: ['color',] }],
+    title: [{ type: Input }],
+    description: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    _icon: [{ type: Input, args: ['icon',] }],
+    size: [{ type: Input }],
+    sdClick: [{ type: Output }]
+};
+
+class SdBadgeModule {
+}
+SdBadgeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MatIconModule, MatTooltipModule],
+                declarations: [SdBadge],
+                exports: [SdBadge],
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdBadge, SdBadgeModule };
+//# sourceMappingURL=sd-angular-core-badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-badge.js","sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts","../../../../projects/sd-core/badge/src/public-api.ts","../../../../projects/sd-core/badge/sd-angular-core-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n  selector: 'sd-badge',\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n  color: SdBadgeColor | 'unknown' = 'unknown';\r\n  @Input() type: 'circle' | 'round' | 'icon' = 'circle';\r\n  @Input('color') set _color(color: SdBadgeColor) {\r\n    if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n      this.color = 'unknown';\r\n    } else {\r\n      this.color = color;\r\n    }\r\n  };\r\n  @Input() title: string;\r\n  @Input() description: string;\r\n  @Input() tooltip: string;\r\n\r\n  icon: string = 'fiber_manual_record';\r\n  @Input('icon') set _icon(val: string) {\r\n    this.icon = val || 'fiber_manual_record';\r\n  };\r\n\r\n  @Input() size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';\r\n  @Output() sdClick = new EventEmitter();\r\n  onClick = (event: Event) => {\r\n    this.sdClick.observers.length\r\n    this.sdClick.emit(event);\r\n  }\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\n\r\nimport { SdBadge } from \"./badge.component\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatIconModule, MatTooltipModule],\r\n  declarations: [SdBadge],\r\n  exports: [SdBadge],\r\n})\r\nexport class SdBadgeModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdBadgeModule } from \"./lib/badge.module\";\r\nexport * from \"./lib/badge.component\";\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAUa,OAAO;IANpB;QAOE,UAAK,GAA6B,SAAS,CAAC;QACnC,SAAI,GAAgC,QAAQ,CAAC;QAYtD,SAAI,GAAW,qBAAqB,CAAC;QAK5B,SAAI,GAA8B,IAAI,CAAC;QACtC,YAAO,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,YAAO,GAAG,CAAC,KAAY;YACrB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAA;YAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1B,CAAA;KACF;IAtBC,IAAoB,MAAM,CAAC,KAAmB;QAC5C,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC5F,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SACxB;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACpB;KACF;;IAMD,IAAmB,KAAK,CAAC,GAAW;QAClC,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,qBAAqB,CAAC;KAC1C;;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,uzDAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;mBAGE,KAAK;qBACL,KAAK,SAAC,OAAO;oBAOb,KAAK;0BACL,KAAK;sBACL,KAAK;oBAGL,KAAK,SAAC,MAAM;mBAIZ,KAAK;sBACL,MAAM;;;MClBI,aAAa;;;YALzB,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC;gBACxD,YAAY,EAAE,CAAC,OAAO,CAAC;gBACvB,OAAO,EAAE,CAAC,OAAO,CAAC;aACnB;;;ACXD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-badge.js","sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts","../../../../projects/sd-core/badge/src/public-api.ts","../../../../projects/sd-core/badge/sd-angular-core-badge.ts"],"names":[],"mappings":";;;;;MAUa,OAAO;AACpB,IAPA;AACG,QAMD,UAAK,GAA6B,SAAS,CAAC;AAC9C,QAAW,SAAI,GAAgC,QAAQ,CAAC;AACxD,QAWE,SAAI,GAAW,qBAAqB,CAAC;AACvC,QAIW,SAAI,GAA8B,IAAI,CAAC;AAClD,QAAY,YAAO,GAAG,IAAI,YAAY,EAAE,CAAC;AACzC,QAAE,YAAO,GAAG,CAAC,KAAY;AACzB,YAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAA;AACjC,YAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,SAAG,CAAA;AACH,KAAC;AACD,IAvBE,IAAoB,MAAM,CAAC,KAAmB;AAChD,QAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAClG,YAAM,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAC7B,SAAK;AAAC,aAAK;AACX,YAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,SAAK;AACL,KAAG;AAAC;AACC,IAKH,IAAmB,KAAK,CAAC,GAAW;AACtC,QAAI,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,qBAAqB,CAAC;AAC7C,KAAG;AAAC;AAEA;AAAE;AAAuB,YAzB5B,SAAS,SAAC;AACX,gBAAE,QAAQ,EAAE,UAAU;AACtB,gBAAE,uzDAAqC;AACvC,gBACE,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD;AA2B4/B,aA3B5/B;AACE;AAAG;AACI,mBACP,KAAK;AAAK,qBACV,KAAK,SAAC,OAAO;AAAO,oBAOpB,KAAK;AAAK,0BACV,KAAK;AAAK,sBACV,KAAK;AAAK,oBAGV,KAAK,SAAC,MAAM;AAAO,mBAInB,KAAK;AAAK,sBACV,MAAM;AAAI;AAAG;AAAC,MClBJ,aAAa;AAAG;AAC5B;AAA6B,YAN7B,QAAQ,SAAC;AACV,gBAAE,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC;AAC1D,gBAAE,YAAY,EAAE,CAAC,OAAO,CAAC;AACzB,gBAAE,OAAO,EAAE,CAAC,OAAO,CAAC;AACpB,aAAC;AACE;AAAG;ACZN;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACU","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n  selector: 'sd-badge',\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n  color: SdBadgeColor | 'unknown' = 'unknown';\r\n  @Input() type: 'circle' | 'round' | 'icon' = 'circle';\r\n  @Input('color') set _color(color: SdBadgeColor) {\r\n    if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n      this.color = 'unknown';\r\n    } else {\r\n      this.color = color;\r\n    }\r\n  };\r\n  @Input() title: string;\r\n  @Input() description: string;\r\n  @Input() tooltip: string;\r\n\r\n  icon: string = 'fiber_manual_record';\r\n  @Input('icon') set _icon(val: string) {\r\n    this.icon = val || 'fiber_manual_record';\r\n  };\r\n\r\n  @Input() size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';\r\n  @Output() sdClick = new EventEmitter();\r\n  onClick = (event: Event) => {\r\n    this.sdClick.observers.length\r\n    this.sdClick.emit(event);\r\n  }\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\n\r\nimport { SdBadge } from \"./badge.component\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatIconModule, MatTooltipModule],\r\n  declarations: [SdBadge],\r\n  exports: [SdBadge],\r\n})\r\nexport class SdBadgeModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdBadgeModule } from \"./lib/badge.module\";\r\nexport * from \"./lib/badge.component\";\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-badge.js","sources":["../../../../projects/sd-core/badge/src/lib/badge.component.ts","../../../../projects/sd-core/badge/src/lib/badge.module.ts","../../../../projects/sd-core/badge/src/public-api.ts","../../../../projects/sd-core/badge/sd-angular-core-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type SdBadgeColor = 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\n@Component({\r\n  selector: 'sd-badge',\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdBadge {\r\n  color: SdBadgeColor | 'unknown' = 'unknown';\r\n  @Input() type: 'circle' | 'round' | 'icon' = 'circle';\r\n  @Input('color') set _color(color: SdBadgeColor) {\r\n    if (!color || !['normal', 'primary', 'info', 'success', 'warning', 'danger'].includes(color)) {\r\n      this.color = 'unknown';\r\n    } else {\r\n      this.color = color;\r\n    }\r\n  };\r\n  @Input() title: string;\r\n  @Input() description: string;\r\n  @Input() tooltip: string;\r\n\r\n  icon: string = 'fiber_manual_record';\r\n  @Input('icon') set _icon(val: string) {\r\n    this.icon = val || 'fiber_manual_record';\r\n  };\r\n\r\n  @Input() size: 'xs' | 'sm' | 'md' | 'lg' = 'sm';\r\n  @Output() sdClick = new EventEmitter();\r\n  onClick = (event: Event) => {\r\n    this.sdClick.observers.length\r\n    this.sdClick.emit(event);\r\n  }\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\n\r\nimport { SdBadge } from \"./badge.component\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatIconModule, MatTooltipModule],\r\n  declarations: [SdBadge],\r\n  exports: [SdBadge],\r\n})\r\nexport class SdBadgeModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdBadgeModule } from \"./lib/badge.module\";\r\nexport * from \"./lib/badge.component\";\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAUa,OAAO;IANpB;QAOE,UAAK,GAA6B,SAAS,CAAC;QACnC,SAAI,GAAgC,QAAQ,CAAC;QAYtD,SAAI,GAAW,qBAAqB,CAAC;QAK5B,SAAI,GAA8B,IAAI,CAAC;QACtC,YAAO,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,YAAO,GAAG,CAAC,KAAY;YACrB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAA;YAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1B,CAAA;KACF;IAtBC,IAAoB,MAAM,CAAC,KAAmB;QAC5C,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC5F,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SACxB;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACpB;KACF;;IAMD,IAAmB,KAAK,CAAC,GAAW;QAClC,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,qBAAqB,CAAC;KAC1C;;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,uzDAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;mBAGE,KAAK;qBACL,KAAK,SAAC,OAAO;oBAOb,KAAK;0BACL,KAAK;sBACL,KAAK;oBAGL,KAAK,SAAC,MAAM;mBAIZ,KAAK;sBACL,MAAM;;;MClBI,aAAa;;;YALzB,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC;gBACxD,YAAY,EAAE,CAAC,OAAO,CAAC;gBACvB,OAAO,EAAE,CAAC,OAAO,CAAC;aACnB;;;ACXD;;;;ACAA;;;;;;"}

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

@@ -115,4 +115,5 @@ SdButtonModule.decorators = [
  */
 
 export { SdButton, SdButtonModule };
-//# sourceMappingURL=sd-angular-core-button.js.map
+
+//# sourceMappingURL=sd-angular-core-button.js.map

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

@@ -0,0 +1,118 @@
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { Subscription, fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+var _disabled, _initialized, _subscription, _onChanges;
+class SdButton {
+    constructor(ref) {
+        this.ref = ref;
+        _disabled.set(this, false);
+        _initialized.set(this, false);
+        this.isDisabled = false;
+        this.type = 'light';
+        this.color = 'secondary';
+        this.iconSuffix = false;
+        this.fontSet = 'material-icons';
+        this.loading = false;
+        this.action = new EventEmitter();
+        _subscription.set(this, new Subscription());
+        _onChanges.set(this, () => {
+            this.isDisabled = __classPrivateFieldGet(this, _disabled);
+            this.ref.detectChanges();
+        });
+        this.onClick = ($event) => {
+            if (this.loading) {
+                return;
+            }
+            this.action.emit($event);
+        };
+    }
+    set disabled(value) {
+        __classPrivateFieldSet(this, _disabled, value || false);
+        if (__classPrivateFieldGet(this, _initialized)) {
+            __classPrivateFieldGet(this, _onChanges).call(this);
+        }
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldGet(this, _onChanges).call(this);
+        __classPrivateFieldGet(this, _subscription).add(fromEvent(this.button._elementRef.nativeElement, 'click').pipe(debounceTime(200)).subscribe($event => {
+            if (this.loading) {
+                return;
+            }
+            this.action.emit($event);
+        }));
+        __classPrivateFieldSet(this, _initialized, true);
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_disabled = new WeakMap(), _initialized = new WeakMap(), _subscription = new WeakMap(), _onChanges = new WeakMap();
+SdButton.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-button',
+                template: "<button *ngIf=\"type === 'fill'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-fill\" [class.c-square]=\"icon && !title\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'light'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-light\" [class.c-square]=\"icon && !title\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'outline'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-outline\"\r\n  [class.c-square]=\"icon && !title\" [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\"\r\n  [color]=\"color\" [disabled]=\"isDisabled\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-stroked-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'link'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-link\" [class.c-square]=\"icon && !title\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<ng-template #buttonContent>\r\n  <ng-container *ngIf=\"title\">\r\n    <ng-container *ngIf=\"!iconSuffix\">\r\n      <mat-spinner *ngIf=\"loading\" strokeWidth=\"2\" mode=\"indeterminate\" diameter=\"18\" value=\"100\"\r\n        class=\"d-inline-block\"></mat-spinner>\r\n      <mat-icon *ngIf=\"!loading && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n    </ng-container>\r\n    <span class=\"d-inline\" [ngClass]=\"{'ml-8': icon && !iconSuffix, 'mr-8': icon && iconSuffix}\">{{title}}</span>\r\n    <mat-icon *ngIf=\"iconSuffix && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!title\">\r\n    <mat-icon [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n</ng-template>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: {
+                    '[attr.disabled]': 'isDisabled ? true : null'
+                },
+                styles: [".text-black400{color:#757575}:host[disabled=true]{pointer-events:none}:host ::ng-deep button.c-button{font-size:16px;height:40px;line-height:20px;min-width:auto;padding:2px 16px!important}:host ::ng-deep button.c-button .mat-button-wrapper{align-items:center;display:flex;justify-content:center}:host ::ng-deep button.c-button.mat-button-disabled{background-color:#e9e9e9!important;color:#a6a6a6!important}:host ::ng-deep button.c-button.c-square{min-width:auto!important;padding:0!important;width:40px!important}:host ::ng-deep button.c-button.c-sm{font-size:14px!important;font-weight:400;height:32px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-sm mat-icon{font-size:16px!important;height:16px!important;width:16px!important}:host ::ng-deep button.c-button.c-sm.c-square{width:32px!important}:host ::ng-deep button.c-button.c-lg{font-size:16px!important;height:48px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-lg.c-square{width:48px!important}:host ::ng-deep button.c-button:focus{outline:none}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-primary{background-color:#2962ff;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-success{background-color:#4caf50;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-warning{background-color:#ff9600;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-danger{background-color:#f82c13;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-secondary{background-color:#212121;color:#fff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-primary{background-color:#e7e9ff;color:#2962ff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-success{background-color:#dbefdc;color:#4caf50}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-warning{background-color:#ffeacc;color:#ff9600}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-danger{background-color:#fed5d0;color:#f82c13}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-secondary{background-color:#e9e9e9;color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button{border-color:#d3d3d3}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-info,:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-secondary{color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-button-disabled{background:transparent!important}:host ::ng-deep button.c-button.c-link.mat-button.mat-info,:host ::ng-deep button.c-button.c-link.mat-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-link.mat-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-link.mat-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-link.mat-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-link.mat-button.mat-secondary{color:#212121}"]
+            },] }
+];
+SdButton.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SdButton.propDecorators = {
+    button: [{ type: ViewChild, args: ['button',] }],
+    type: [{ type: Input }],
+    color: [{ type: Input }],
+    title: [{ type: Input }],
+    icon: [{ type: Input }],
+    width: [{ type: Input }],
+    size: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    iconSuffix: [{ type: Input }],
+    fontSet: [{ type: Input }],
+    disabled: [{ type: Input }],
+    loading: [{ type: Input }],
+    action: [{ type: Output }]
+};
+
+class SdButtonModule {
+}
+SdButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatProgressSpinnerModule,
+                    MatTooltipModule
+                ],
+                declarations: [
+                    SdButton
+                ],
+                exports: [
+                    SdButton
+                ]
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdButton, SdButtonModule };
+//# sourceMappingURL=sd-angular-core-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-button.js","sources":["../../../../projects/sd-core/button/src/lib/button.component.ts","../../../../projects/sd-core/button/src/lib/button.module.ts","../../../../projects/sd-core/button/src/public-api.ts","../../../../projects/sd-core/button/sd-angular-core-button.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  AfterViewInit,\r\n  ViewChild,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { Subscription, fromEvent } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { MatButton } from '@angular/material/button';\r\n\r\n@Component({\r\n  selector: 'sd-button',\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.disabled]': 'isDisabled ? true : null'\r\n  }\r\n})\r\n\r\nexport class SdButton implements OnInit, AfterViewInit {\r\n  @ViewChild('button') button: MatButton;\r\n  #disabled = false;\r\n  #initialized = false;\r\n  isDisabled = false;\r\n  @Input() type: 'fill' | 'light' | 'outline' | 'link' = 'light';\r\n  @Input() color: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary' = 'secondary';\r\n  @Input() title: string;\r\n  @Input() icon: string;\r\n  @Input() width: string;\r\n  @Input() size: 'sm' | 'lg';\r\n  @Input() tooltip: string;\r\n  @Input() iconSuffix = false;\r\n  @Input() fontSet: 'material-icons' |\r\n    'material-icons-outlined' |\r\n    'material-icons-round' |\r\n    'material-icons-sharp' = 'material-icons';\r\n  @Input() set disabled(value: boolean) {\r\n    this.#disabled = value || false;\r\n    if (this.#initialized) {\r\n      this.#onChanges();\r\n    }\r\n  }\r\n  @Input() loading = false;\r\n  @Output() action = new EventEmitter();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#onChanges();\r\n    this.#subscription.add(fromEvent(this.button._elementRef.nativeElement, 'click').pipe(debounceTime(200)).subscribe($event => {\r\n      if (this.loading) {\r\n        return;\r\n      }\r\n      this.action.emit($event);\r\n    }));\r\n    this.#initialized = true;\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #onChanges = () => {\r\n    this.isDisabled = this.#disabled;\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  onClick = ($event: any) => {\r\n    if (this.loading) {\r\n      return;\r\n    }\r\n    this.action.emit($event);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdButton } from './button.component';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatProgressSpinnerModule,\r\n    MatTooltipModule\r\n  ],\r\n  declarations: [\r\n    SdButton\r\n  ],\r\n  exports: [\r\n    SdButton\r\n  ]\r\n})\r\nexport class SdButtonModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdButtonModule } from './lib/button.module';\r\nexport * from './lib/button.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MA0Ba,QAAQ;IA0BnB,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;QAxB1C,oBAAY,KAAK,EAAC;QAClB,uBAAe,KAAK,EAAC;QACrB,eAAU,GAAG,KAAK,CAAC;QACV,SAAI,GAA0C,OAAO,CAAC;QACtD,UAAK,GAA4F,WAAW,CAAC;QAM7G,eAAU,GAAG,KAAK,CAAC;QACnB,YAAO,GAGW,gBAAgB,CAAC;QAOnC,YAAO,GAAG,KAAK,CAAC;QACf,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QACtC,wBAAgB,IAAI,YAAY,EAAE,EAAC;QAsBnC,qBAAa;YACX,IAAI,CAAC,UAAU,0CAAiB,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;SAC1B,EAAA;QAED,YAAO,GAAG,CAAC,MAAW;YACpB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAA;KA9BA;IAVD,IAAa,QAAQ,CAAC,KAAc;QAClC,uBAAA,IAAI,aAAa,KAAK,IAAI,KAAK,EAAC;QAChC,gDAAuB;YACrB,8CAAA,IAAI,CAAa,CAAC;SACnB;KACF;IAOD,QAAQ;KACP;IAED,eAAe;QACb,8CAAA,IAAI,CAAa,CAAC;QAClB,4CAAmB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM;YACvH,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC,CAAC,CAAC;QACJ,uBAAA,IAAI,gBAAgB,IAAI,EAAC;KAC1B;IAED,WAAW;QACT,4CAAmB,WAAW,EAAE,CAAC;KAClC;;;;YAvDF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,w5EAAsC;gBAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,iBAAiB,EAAE,0BAA0B;iBAC9C;;aACF;;;YAnBC,iBAAiB;;;qBAsBhB,SAAS,SAAC,QAAQ;mBAIlB,KAAK;oBACL,KAAK;oBACL,KAAK;mBACL,KAAK;oBACL,KAAK;mBACL,KAAK;sBACL,KAAK;yBACL,KAAK;sBACL,KAAK;uBAIL,KAAK;sBAML,KAAK;qBACL,MAAM;;;MC3BI,cAAc;;;YAf1B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,wBAAwB;oBACxB,gBAAgB;iBACjB;gBACD,YAAY,EAAE;oBACZ,QAAQ;iBACT;gBACD,OAAO,EAAE;oBACP,QAAQ;iBACT;aACF;;;ACtBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-button.js","sources":["../../../../projects/sd-core/button/src/lib/button.component.ts","../../../../projects/sd-core/button/src/lib/button.module.ts","../../../../projects/sd-core/button/src/public-api.ts","../../../../projects/sd-core/button/sd-angular-core-button.ts"],"names":[],"mappings":";;;;;;;;;;;MA0Ba,QAAQ;AAAG,IA0BtB,YAAoB,GAAsB;AAC5C,QADsB,QAAG,GAAH,GAAG,CAAmB;AAAC,QAxB3C,oBAAY,KAAK,EAAC;AACpB,QAAE,uBAAe,KAAK,EAAC;AACvB,QAAE,eAAU,GAAG,KAAK,CAAC;AACrB,QAAW,SAAI,GAA0C,OAAO,CAAC;AACjE,QAAW,UAAK,GAA4F,WAAW,CAAC;AACxH,QAKW,eAAU,GAAG,KAAK,CAAC;AAC9B,QAAW,YAAO,GAGW,gBAAgB,CAAC;AAC9C,QAMW,YAAO,GAAG,KAAK,CAAC;AAC3B,QAAY,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;AACxC,QAAE,wBAAgB,IAAI,YAAY,EAAE,EAAC;AACrC,QAqBE,qBAAa;AACf,YAAI,IAAI,CAAC,UAAU,0CAAiB,CAAC;AACrC,YAAI,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;AAC7B,SAAG,EAAA;AACH,QACE,YAAO,GAAG,CAAC,MAAW;AACxB,YAAI,IAAI,IAAI,CAAC,OAAO,EAAE;AACtB,gBAAM,OAAO;AACb,aAAK;AACL,YAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC7B,SAAG,CAAA;AACH,KA/BG;AACH,IAXE,IAAa,QAAQ,CAAC,KAAc;AACtC,QAAI,uBAAA,IAAI,aAAa,KAAK,IAAI,KAAK,EAAC;AACpC,QAAI,gDAAuB;AAC3B,YAAM,8CAAA,IAAI,CAAa,CAAC;AACxB,SAAK;AACL,KAAG;AACH,IAME,QAAQ;AACV,KAAG;AACH,IACE,eAAe;AACjB,QAAI,8CAAA,IAAI,CAAa,CAAC;AACtB,QAAI,4CAAmB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM;AAC7H,YAAM,IAAI,IAAI,CAAC,OAAO,EAAE;AACxB,gBAAQ,OAAO;AACf,aAAO;AACP,YAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC/B,SAAK,CAAC,CAAC,CAAC;AACR,QAAI,uBAAA,IAAI,gBAAgB,IAAI,EAAC;AAC7B,KAAG;AACH,IACE,WAAW;AACb,QAAI,4CAAmB,WAAW,EAAE,CAAC;AACrC,KAAG;AACH;AACC;AAKoB;AACP,YA/Db,SAAS,SAAC;AACX,gBAAE,QAAQ,EAAE,WAAW;AACvB,gBAAE,w5EAAsC;AACxC,gBACE,eAAe,EAAE,uBAAuB,CAAC,MAAM;AACjD,gBAAE,IAAI,EAAE;AACR,oBAAI,iBAAiB,EAAE,0BAA0B;AACjD,iBAAG;AACF;AA6Di1D,aA7Dj1D;AAEC;AAAG;AAAkC,YArBrC,iBAAiB;AAClB;AAAG;AAEC,qBAmBF,SAAS,SAAC,QAAQ;AAAO,mBAIzB,KAAK;AAAK,oBACV,KAAK;AAAK,oBACV,KAAK;AAAK,mBACV,KAAK;AAAK,oBACV,KAAK;AAAK,mBACV,KAAK;AAAK,sBACV,KAAK;AAAK,yBACV,KAAK;AAAK,sBACV,KAAK;AAAK,uBAIV,KAAK;AAAK,sBAMV,KAAK;AAAK,qBACV,MAAM;AAAI;AAAG;AAAC,MC3BJ,cAAc;AAAG;AAC9B;AAA8B,YAhB7B,QAAQ,SAAC;AACV,gBAAE,OAAO,EAAE;AACX,oBAAI,YAAY;AAChB,oBAAI,aAAa;AACjB,oBAAI,eAAe;AACnB,oBAAI,wBAAwB;AAC5B,oBAAI,gBAAgB;AACpB,iBAAG;AACH,gBAAE,YAAY,EAAE;AAChB,oBAAI,QAAQ;AACZ,iBAAG;AACH,gBAAE,OAAO,EAAE;AACX,oBAAI,QAAQ;AACZ,iBAAG;AACH,aAAC;AACE;AAAG;ACvBN;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACY","sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  AfterViewInit,\r\n  ViewChild,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { Subscription, fromEvent } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { MatButton } from '@angular/material/button';\r\n\r\n@Component({\r\n  selector: 'sd-button',\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.disabled]': 'isDisabled ? true : null'\r\n  }\r\n})\r\n\r\nexport class SdButton implements OnInit, AfterViewInit {\r\n  @ViewChild('button') button: MatButton;\r\n  #disabled = false;\r\n  #initialized = false;\r\n  isDisabled = false;\r\n  @Input() type: 'fill' | 'light' | 'outline' | 'link' = 'light';\r\n  @Input() color: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary' = 'secondary';\r\n  @Input() title: string;\r\n  @Input() icon: string;\r\n  @Input() width: string;\r\n  @Input() size: 'sm' | 'lg';\r\n  @Input() tooltip: string;\r\n  @Input() iconSuffix = false;\r\n  @Input() fontSet: 'material-icons' |\r\n    'material-icons-outlined' |\r\n    'material-icons-round' |\r\n    'material-icons-sharp' = 'material-icons';\r\n  @Input() set disabled(value: boolean) {\r\n    this.#disabled = value || false;\r\n    if (this.#initialized) {\r\n      this.#onChanges();\r\n    }\r\n  }\r\n  @Input() loading = false;\r\n  @Output() action = new EventEmitter();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#onChanges();\r\n    this.#subscription.add(fromEvent(this.button._elementRef.nativeElement, 'click').pipe(debounceTime(200)).subscribe($event => {\r\n      if (this.loading) {\r\n        return;\r\n      }\r\n      this.action.emit($event);\r\n    }));\r\n    this.#initialized = true;\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #onChanges = () => {\r\n    this.isDisabled = this.#disabled;\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  onClick = ($event: any) => {\r\n    if (this.loading) {\r\n      return;\r\n    }\r\n    this.action.emit($event);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdButton } from './button.component';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatProgressSpinnerModule,\r\n    MatTooltipModule\r\n  ],\r\n  declarations: [\r\n    SdButton\r\n  ],\r\n  exports: [\r\n    SdButton\r\n  ]\r\n})\r\nexport class SdButtonModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdButtonModule } from './lib/button.module';\r\nexport * from './lib/button.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-button.js","sources":["../../../../projects/sd-core/button/src/lib/button.component.ts","../../../../projects/sd-core/button/src/lib/button.module.ts","../../../../projects/sd-core/button/src/public-api.ts","../../../../projects/sd-core/button/sd-angular-core-button.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  AfterViewInit,\r\n  ViewChild,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { Subscription, fromEvent } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { MatButton } from '@angular/material/button';\r\n\r\n@Component({\r\n  selector: 'sd-button',\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.disabled]': 'isDisabled ? true : null'\r\n  }\r\n})\r\n\r\nexport class SdButton implements OnInit, AfterViewInit {\r\n  @ViewChild('button') button: MatButton;\r\n  #disabled = false;\r\n  #initialized = false;\r\n  isDisabled = false;\r\n  @Input() type: 'fill' | 'light' | 'outline' | 'link' = 'light';\r\n  @Input() color: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary' = 'secondary';\r\n  @Input() title: string;\r\n  @Input() icon: string;\r\n  @Input() width: string;\r\n  @Input() size: 'sm' | 'lg';\r\n  @Input() tooltip: string;\r\n  @Input() iconSuffix = false;\r\n  @Input() fontSet: 'material-icons' |\r\n    'material-icons-outlined' |\r\n    'material-icons-round' |\r\n    'material-icons-sharp' = 'material-icons';\r\n  @Input() set disabled(value: boolean) {\r\n    this.#disabled = value || false;\r\n    if (this.#initialized) {\r\n      this.#onChanges();\r\n    }\r\n  }\r\n  @Input() loading = false;\r\n  @Output() action = new EventEmitter();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#onChanges();\r\n    this.#subscription.add(fromEvent(this.button._elementRef.nativeElement, 'click').pipe(debounceTime(200)).subscribe($event => {\r\n      if (this.loading) {\r\n        return;\r\n      }\r\n      this.action.emit($event);\r\n    }));\r\n    this.#initialized = true;\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #onChanges = () => {\r\n    this.isDisabled = this.#disabled;\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  onClick = ($event: any) => {\r\n    if (this.loading) {\r\n      return;\r\n    }\r\n    this.action.emit($event);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdButton } from './button.component';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatProgressSpinnerModule,\r\n    MatTooltipModule\r\n  ],\r\n  declarations: [\r\n    SdButton\r\n  ],\r\n  exports: [\r\n    SdButton\r\n  ]\r\n})\r\nexport class SdButtonModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdButtonModule } from './lib/button.module';\r\nexport * from './lib/button.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MA0Ba,QAAQ;IA0BnB,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;QAxB1C,oBAAY,KAAK,EAAC;QAClB,uBAAe,KAAK,EAAC;QACrB,eAAU,GAAG,KAAK,CAAC;QACV,SAAI,GAA0C,OAAO,CAAC;QACtD,UAAK,GAA4F,WAAW,CAAC;QAM7G,eAAU,GAAG,KAAK,CAAC;QACnB,YAAO,GAGW,gBAAgB,CAAC;QAOnC,YAAO,GAAG,KAAK,CAAC;QACf,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QACtC,wBAAgB,IAAI,YAAY,EAAE,EAAC;QAsBnC,qBAAa;YACX,IAAI,CAAC,UAAU,0CAAiB,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;SAC1B,EAAA;QAED,YAAO,GAAG,CAAC,MAAW;YACpB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAA;KA9BA;IAVD,IAAa,QAAQ,CAAC,KAAc;QAClC,uBAAA,IAAI,aAAa,KAAK,IAAI,KAAK,EAAC;QAChC,gDAAuB;YACrB,8CAAA,IAAI,CAAa,CAAC;SACnB;KACF;IAOD,QAAQ;KACP;IAED,eAAe;QACb,8CAAA,IAAI,CAAa,CAAC;QAClB,4CAAmB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM;YACvH,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC,CAAC,CAAC;QACJ,uBAAA,IAAI,gBAAgB,IAAI,EAAC;KAC1B;IAED,WAAW;QACT,4CAAmB,WAAW,EAAE,CAAC;KAClC;;;;YAvDF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,w5EAAsC;gBAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,iBAAiB,EAAE,0BAA0B;iBAC9C;;aACF;;;YAnBC,iBAAiB;;;qBAsBhB,SAAS,SAAC,QAAQ;mBAIlB,KAAK;oBACL,KAAK;oBACL,KAAK;mBACL,KAAK;oBACL,KAAK;mBACL,KAAK;sBACL,KAAK;yBACL,KAAK;sBACL,KAAK;uBAIL,KAAK;sBAML,KAAK;qBACL,MAAM;;;MC3BI,cAAc;;;YAf1B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,wBAAwB;oBACxB,gBAAgB;iBACjB;gBACD,YAAY,EAAE;oBACZ,QAAQ;iBACT;gBACD,OAAO,EAAE;oBACP,QAAQ;iBACT;aACF;;;ACtBD;;;;ACAA;;;;;;"}

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

@@ -256,4 +256,5 @@ SdCacheService.ctorParameters = () => [
  */
 
 export { CACHE_CONFIG, SdCacheService };
-//# sourceMappingURL=sd-angular-core-cache.js.map
+
+//# sourceMappingURL=sd-angular-core-cache.js.map

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

@@ -0,0 +1,259 @@
+import '@sd-angular/core/common';
+import { __classPrivateFieldGet, __awaiter } from 'tslib';
+import { InjectionToken, ɵɵdefineInjectable, ɵɵinject, Injectable, Inject, Optional } from '@angular/core';
+import hash from 'object-hash';
+import { BehaviorSubject } from 'rxjs';
+import { map, switchMap } from 'rxjs/operators';
+
+const CACHE_CONFIG = new InjectionToken('cache.configuration');
+
+var _cache, _subject, _get, _getServer, _set, _setServer, _has, _hasServer, _remove, _removeServer;
+class SdCacheService {
+    constructor(configuration) {
+        this.configuration = configuration;
+        _cache.set(this, {});
+        _subject.set(this, {});
+        _get.set(this, (key, option) => {
+            return () => {
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
+                    try {
+                        cache = JSON.parse(sessionStorage.getItem(key));
+                    }
+                    catch (_a) {
+                        cache = undefined;
+                    }
+                }
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'local') {
+                    try {
+                        cache = JSON.parse(localStorage.getItem(key));
+                    }
+                    catch (_b) {
+                        cache = undefined;
+                    }
+                }
+                if (!cache) {
+                    return option === null || option === void 0 ? void 0 : option.default;
+                }
+                if ((option === null || option === void 0 ? void 0 : option.hours) && Date.addHours(cache.createdOn, option === null || option === void 0 ? void 0 : option.hours) < new Date()) {
+                    const remove = __classPrivateFieldGet(this, _remove).call(this, key, option);
+                    remove();
+                    return option === null || option === void 0 ? void 0 : option.default;
+                }
+                return JSON.parse(JSON.stringify(cache.data));
+            };
+        });
+        _getServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get) {
+                    cache = yield this.configuration.get(key, option).catch(err => {
+                        console.error(err);
+                        return undefined;
+                    });
+                }
+                if (!cache) {
+                    return option === null || option === void 0 ? void 0 : option.default;
+                }
+                if ((option === null || option === void 0 ? void 0 : option.hours) && Date.addHours(cache.createdOn, option === null || option === void 0 ? void 0 : option.hours) < new Date()) {
+                    const remove = __classPrivateFieldGet(this, _removeServer).call(this, key, option);
+                    remove();
+                    return option === null || option === void 0 ? void 0 : option.default;
+                }
+                return JSON.parse(JSON.stringify(cache.data));
+            });
+        });
+        _set.set(this, (key, option) => {
+            return (data) => {
+                data = data !== null && data !== void 0 ? data : null;
+                __classPrivateFieldGet(this, _cache)[key] = {
+                    data: JSON.parse(JSON.stringify(data)),
+                    createdOn: new Date()
+                };
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
+                    try {
+                        sessionStorage.setItem(key, JSON.stringify(__classPrivateFieldGet(this, _cache)[key]));
+                    }
+                    catch (err) {
+                        console.error(err);
+                    }
+                }
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'local') {
+                    try {
+                        localStorage.setItem(key, JSON.stringify(__classPrivateFieldGet(this, _cache)[key]));
+                    }
+                    catch (err) {
+                        console.error(err);
+                    }
+                }
+                __classPrivateFieldGet(this, _subject)[key].next(__classPrivateFieldGet(this, _cache)[key].data);
+            };
+        });
+        _setServer.set(this, (key, option) => {
+            return (data) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                data = data !== null && data !== void 0 ? data : null;
+                __classPrivateFieldGet(this, _cache)[key] = {
+                    data: JSON.parse(JSON.stringify(data)),
+                    createdOn: new Date()
+                };
+                if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.set) {
+                    try {
+                        yield this.configuration.set(key, __classPrivateFieldGet(this, _cache)[key], option);
+                    }
+                    catch (err) {
+                        console.error(err);
+                    }
+                }
+                __classPrivateFieldGet(this, _subject)[key].next(__classPrivateFieldGet(this, _cache)[key].data);
+            });
+        });
+        _has.set(this, (key, option) => {
+            return () => {
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
+                    try {
+                        cache = JSON.parse(sessionStorage.getItem(key));
+                    }
+                    catch (_a) {
+                        cache = undefined;
+                    }
+                }
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'local') {
+                    try {
+                        cache = JSON.parse(localStorage.getItem(key));
+                    }
+                    catch (_b) {
+                        cache = undefined;
+                    }
+                }
+                if (!cache) {
+                    return false;
+                }
+                if ((option === null || option === void 0 ? void 0 : option.hours) && Date.addHours(cache.createdOn, option === null || option === void 0 ? void 0 : option.hours) < new Date()) {
+                    return false;
+                }
+                return true;
+            };
+        });
+        _hasServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get) {
+                    cache = yield this.configuration.get(key, option).catch(err => {
+                        console.error(err);
+                        return undefined;
+                    });
+                }
+                if (!cache) {
+                    return false;
+                }
+                if ((option === null || option === void 0 ? void 0 : option.hours) && Date.addHours(cache.createdOn, option === null || option === void 0 ? void 0 : option.hours) < new Date()) {
+                    return false;
+                }
+                return true;
+            });
+        });
+        _remove.set(this, (key, option) => {
+            return () => {
+                __classPrivateFieldGet(this, _cache)[key] = undefined;
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
+                    sessionStorage.removeItem(key);
+                }
+                if ((option === null || option === void 0 ? void 0 : option.type) === 'local') {
+                    localStorage.removeItem(key);
+                }
+                __classPrivateFieldGet(this, _subject)[key].next(undefined);
+            };
+        });
+        _removeServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                __classPrivateFieldGet(this, _cache)[key] = undefined;
+                if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.remove) {
+                    yield this.configuration.remove(key, option).catch(err => {
+                        console.error(err);
+                    });
+                }
+                __classPrivateFieldGet(this, _subject)[key].next(undefined);
+            });
+        });
+    }
+    create(key, option) {
+        if (!key) {
+            throw new Error('Key is required');
+        }
+        let hashKey = null;
+        if (typeof (key) === 'string') {
+            hashKey = key;
+        }
+        else if (typeof (key) === 'object') {
+            hashKey = hash(key);
+        }
+        else {
+            throw new Error('Invalid key');
+        }
+        if (!__classPrivateFieldGet(this, _subject)[hashKey]) {
+            __classPrivateFieldGet(this, _subject)[hashKey] = new BehaviorSubject(option === null || option === void 0 ? void 0 : option.default);
+        }
+        const get = __classPrivateFieldGet(this, _get).call(this, hashKey, option);
+        const set = __classPrivateFieldGet(this, _set).call(this, hashKey, option);
+        const has = __classPrivateFieldGet(this, _has).call(this, hashKey, option);
+        const remove = __classPrivateFieldGet(this, _remove).call(this, hashKey, option);
+        return {
+            get,
+            set,
+            has,
+            remove,
+            observer: __classPrivateFieldGet(this, _subject)[hashKey].pipe(map(get))
+        };
+    }
+    createServer(key, option) {
+        if (!key) {
+            throw new Error('Key is required');
+        }
+        let hashKey = null;
+        if (typeof (key) === 'string') {
+            hashKey = key;
+        }
+        else if (typeof (key) === 'object') {
+            hashKey = hash(key);
+        }
+        else {
+            throw new Error('Invalid key');
+        }
+        if (!__classPrivateFieldGet(this, _subject)[hashKey]) {
+            __classPrivateFieldGet(this, _subject)[hashKey] = new BehaviorSubject(option === null || option === void 0 ? void 0 : option.default);
+        }
+        const get = __classPrivateFieldGet(this, _getServer).call(this, hashKey, option);
+        const set = __classPrivateFieldGet(this, _setServer).call(this, hashKey, option);
+        const has = __classPrivateFieldGet(this, _hasServer).call(this, hashKey, option);
+        const remove = __classPrivateFieldGet(this, _removeServer).call(this, hashKey, option);
+        return {
+            get,
+            set,
+            has,
+            remove,
+            observer: __classPrivateFieldGet(this, _subject)[hashKey].pipe(switchMap(get))
+        };
+    }
+}
+_cache = new WeakMap(), _subject = new WeakMap(), _get = new WeakMap(), _getServer = new WeakMap(), _set = new WeakMap(), _setServer = new WeakMap(), _has = new WeakMap(), _hasServer = new WeakMap(), _remove = new WeakMap(), _removeServer = new WeakMap();
+SdCacheService.ɵprov = ɵɵdefineInjectable({ factory: function SdCacheService_Factory() { return new SdCacheService(ɵɵinject(CACHE_CONFIG, 8)); }, token: SdCacheService, providedIn: "root" });
+SdCacheService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+SdCacheService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [CACHE_CONFIG,] }, { type: Optional }] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CACHE_CONFIG, SdCacheService };
+//# sourceMappingURL=sd-angular-core-cache.js.map