@koalarx/ui 12.4.1 → 12.4.2

package/button/bundles/koalarx-ui-button.umd.js

@@ -0,0 +1,71 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/common'), require('@angular/material/tooltip'), require('@koalarx/ui/icon')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/button', ['exports', '@angular/core', '@angular/material/button', '@angular/material/icon', '@angular/common', '@angular/material/tooltip', '@koalarx/ui/icon'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.button = {}), global.ng.core, global.ng.material.button, global.ng.material.icon, global.ng.common, global.ng.material.tooltip, global.icon));
+})(this, (function (exports, core, button, icon, common, tooltip, icon$1) { 'use strict';
+
+    var ButtonComponent = /** @class */ (function () {
+        function ButtonComponent() {
+            this.color = '#fff';
+            this.backgroundColor = '#000';
+            this.koalaIcon = false;
+            this.koalaIconSize = 20;
+        }
+        ButtonComponent.prototype.ngOnInit = function () {
+            this.style = "color: " + this.color + "!important;background-color: " + this.backgroundColor + "!important;";
+        };
+        return ButtonComponent;
+    }());
+    ButtonComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'koala-button',
+                    template: "<button\n\t*ngIf=\"text else iconButton\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip\"\n\t[disabled]=\"disabled\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon && !koalaIcon\">{{icon}}</mat-icon>\n  <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"icon && koalaIcon\"></koala-icon>\n\t{{text}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip\"\n    [style]=\"style\"\n\t  [disabled]=\"disabled\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon *ngIf=\"!koalaIcon\">{{icon}}</mat-icon>\n    <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"koalaIcon\"></koala-icon>\n  </button>\n</ng-template>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".koala-button{padding:2px 8px}.koala-button koala-icon{position:relative;display:inline-block;margin-right:8px;top:-1px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"]
+                },] }
+    ];
+    ButtonComponent.propDecorators = {
+        color: [{ type: core.Input }],
+        backgroundColor: [{ type: core.Input }],
+        icon: [{ type: core.Input }],
+        text: [{ type: core.Input }],
+        tooltip: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        koalaIcon: [{ type: core.Input }],
+        koalaIconSize: [{ type: core.Input }]
+    };
+
+    var KoalaButtonModule = /** @class */ (function () {
+        function KoalaButtonModule() {
+        }
+        return KoalaButtonModule;
+    }());
+    KoalaButtonModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        ButtonComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        tooltip.MatTooltipModule,
+                        button.MatButtonModule,
+                        icon.MatIconModule,
+                        icon$1.KoalaIconModule
+                    ],
+                    exports: [
+                        ButtonComponent
+                    ]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ButtonComponent = ButtonComponent;
+    exports.KoalaButtonModule = KoalaButtonModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=koalarx-ui-button.umd.js.map

package/button/bundles/koalarx-ui-button.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-button.umd.js","sources":["../../../projects/button/src/lib/button.component.ts","../../../projects/button/src/lib/koala.button.module.ts","../../../projects/button/src/koalarx-ui-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'koala-button',\n  templateUrl: 'button.component.html',\n  styleUrls: ['button.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ButtonComponent implements OnInit {\n  @Input() color: string = '#fff';\n  @Input() backgroundColor: string = '#000';\n  @Input() icon?: string;\n  @Input() text?: string;\n  @Input() tooltip?: string;\n  @Input() disabled?: boolean;\n  @Input() koalaIcon: boolean = false;\n  @Input() koalaIconSize: number = 20;\n  public style?: string;\n\n  ngOnInit() {\n    this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ButtonComponent } from './button.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { KoalaIconModule } from '@koalarx/ui/icon';\n\n@NgModule({\n  declarations: [\n    ButtonComponent\n  ],\n  imports: [\n    CommonModule,\n    MatTooltipModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    ButtonComponent\n  ]\n})\nexport class KoalaButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatTooltipModule","MatButtonModule","MatIconModule","KoalaIconModule"],"mappings":";;;;;;;QAEA;YAOW,UAAK,GAAW,MAAM,CAAC;YACvB,oBAAe,GAAW,MAAM,CAAC;YAKjC,cAAS,GAAY,KAAK,CAAC;YAC3B,kBAAa,GAAW,EAAE,CAAC;SAMrC;QAHC,kCAAQ,GAAR;YACE,IAAI,CAAC,KAAK,GAAG,YAAU,IAAI,CAAC,KAAK,qCAAgC,IAAI,CAAC,eAAe,gBAAa,CAAC;SACpG;;;;gBAnBFA,cAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,85BAAoC;oBAEpC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;wBAEEC,UAAK;kCACLA,UAAK;uBACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;2BACLA,UAAK;4BACLA,UAAK;gCACLA,UAAK;;;;QCOR;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,wBAAgB;wBAChBC,sBAAe;wBACfC,kBAAa;wBACbC,sBAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,eAAe;qBAChB;iBACF;;;ICtBD;;;;;;;;;;;;;"}

package/button/esm2015/index.js

@@ -0,0 +1,3 @@
+export * from './lib/button.component';
+export * from './lib/koala.button.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9idXR0b24vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIva29hbGEuYnV0dG9uLm1vZHVsZSc7XG4iXX0=

package/button/esm2015/koalarx-ui-button.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGFyeC11aS1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9idXR0b24vc3JjL2tvYWxhcngtdWktYnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/button/esm2015/lib/button.component.js

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+export class ButtonComponent {
+    constructor() {
+        this.color = '#fff';
+        this.backgroundColor = '#000';
+        this.koalaIcon = false;
+        this.koalaIconSize = 20;
+    }
+    ngOnInit() {
+        this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;
+    }
+}
+ButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-button',
+                template: "<button\n\t*ngIf=\"text else iconButton\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip\"\n\t[disabled]=\"disabled\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon && !koalaIcon\">{{icon}}</mat-icon>\n  <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"icon && koalaIcon\"></koala-icon>\n\t{{text}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip\"\n    [style]=\"style\"\n\t  [disabled]=\"disabled\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon *ngIf=\"!koalaIcon\">{{icon}}</mat-icon>\n    <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"koalaIcon\"></koala-icon>\n  </button>\n</ng-template>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".koala-button{padding:2px 8px}.koala-button koala-icon{position:relative;display:inline-block;margin-right:8px;top:-1px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"]
+            },] }
+];
+ButtonComponent.propDecorators = {
+    color: [{ type: Input }],
+    backgroundColor: [{ type: Input }],
+    icon: [{ type: Input }],
+    text: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    disabled: [{ type: Input }],
+    koalaIcon: [{ type: Input }],
+    koalaIconSize: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFRbEYsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPVyxVQUFLLEdBQVcsTUFBTSxDQUFDO1FBQ3ZCLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBS2pDLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0Isa0JBQWEsR0FBVyxFQUFFLENBQUM7SUFNdEMsQ0FBQztJQUhDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsSUFBSSxDQUFDLEtBQUssZ0NBQWdDLElBQUksQ0FBQyxlQUFlLGFBQWEsQ0FBQztJQUNyRyxDQUFDOzs7WUFuQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4Qiw4NUJBQW9DO2dCQUVwQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7OztvQkFFRSxLQUFLOzhCQUNMLEtBQUs7bUJBQ0wsS0FBSzttQkFDTCxLQUFLO3NCQUNMLEtBQUs7dUJBQ0wsS0FBSzt3QkFDTCxLQUFLOzRCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tvYWxhLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2J1dHRvbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnI2ZmZic7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyMwMDAnO1xuICBASW5wdXQoKSBpY29uPzogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwPzogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGtvYWxhSWNvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBrb2FsYUljb25TaXplOiBudW1iZXIgPSAyMDtcbiAgcHVibGljIHN0eWxlPzogc3RyaW5nO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3R5bGUgPSBgY29sb3I6ICR7dGhpcy5jb2xvcn0haW1wb3J0YW50O2JhY2tncm91bmQtY29sb3I6ICR7dGhpcy5iYWNrZ3JvdW5kQ29sb3J9IWltcG9ydGFudDtgO1xuICB9XG59XG4iXX0=

package/button/esm2015/lib/koala.button.module.js

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { ButtonComponent } from './button.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { KoalaIconModule } from '@koalarx/ui/icon';
+export class KoalaButtonModule {
+}
+KoalaButtonModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ButtonComponent
+                ],
+                imports: [
+                    CommonModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    KoalaIconModule
+                ],
+                exports: [
+                    ButtonComponent
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbi9zcmMvbGliL2tvYWxhLmJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBaUJuRCxNQUFNLE9BQU8saUJBQWlCOzs7WUFmN0IsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixlQUFlO2lCQUNoQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixnQkFBZ0I7b0JBQ2hCLGVBQWU7b0JBQ2YsYUFBYTtvQkFDYixlQUFlO2lCQUNoQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsZUFBZTtpQkFDaEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBLb2FsYUljb25Nb2R1bGUgfSBmcm9tICdAa29hbGFyeC91aS9pY29uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBLb2FsYUljb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEtvYWxhQnV0dG9uTW9kdWxlIHtcbn1cbiJdfQ==

package/button/fesm2015/koalarx-ui-button.js

@@ -0,0 +1,63 @@
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { KoalaIconModule } from '@koalarx/ui/icon';
+
+class ButtonComponent {
+    constructor() {
+        this.color = '#fff';
+        this.backgroundColor = '#000';
+        this.koalaIcon = false;
+        this.koalaIconSize = 20;
+    }
+    ngOnInit() {
+        this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;
+    }
+}
+ButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-button',
+                template: "<button\n\t*ngIf=\"text else iconButton\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip\"\n\t[disabled]=\"disabled\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon && !koalaIcon\">{{icon}}</mat-icon>\n  <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"icon && koalaIcon\"></koala-icon>\n\t{{text}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip\"\n    [style]=\"style\"\n\t  [disabled]=\"disabled\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon *ngIf=\"!koalaIcon\">{{icon}}</mat-icon>\n    <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"koalaIcon\"></koala-icon>\n  </button>\n</ng-template>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".koala-button{padding:2px 8px}.koala-button koala-icon{position:relative;display:inline-block;margin-right:8px;top:-1px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"]
+            },] }
+];
+ButtonComponent.propDecorators = {
+    color: [{ type: Input }],
+    backgroundColor: [{ type: Input }],
+    icon: [{ type: Input }],
+    text: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    disabled: [{ type: Input }],
+    koalaIcon: [{ type: Input }],
+    koalaIconSize: [{ type: Input }]
+};
+
+class KoalaButtonModule {
+}
+KoalaButtonModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ButtonComponent
+                ],
+                imports: [
+                    CommonModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    KoalaIconModule
+                ],
+                exports: [
+                    ButtonComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, KoalaButtonModule };
+//# sourceMappingURL=koalarx-ui-button.js.map

package/button/fesm2015/koalarx-ui-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-button.js","sources":["../../../projects/button/src/lib/button.component.ts","../../../projects/button/src/lib/koala.button.module.ts","../../../projects/button/src/koalarx-ui-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'koala-button',\n  templateUrl: 'button.component.html',\n  styleUrls: ['button.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ButtonComponent implements OnInit {\n  @Input() color: string = '#fff';\n  @Input() backgroundColor: string = '#000';\n  @Input() icon?: string;\n  @Input() text?: string;\n  @Input() tooltip?: string;\n  @Input() disabled?: boolean;\n  @Input() koalaIcon: boolean = false;\n  @Input() koalaIconSize: number = 20;\n  public style?: string;\n\n  ngOnInit() {\n    this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ButtonComponent } from './button.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { KoalaIconModule } from '@koalarx/ui/icon';\n\n@NgModule({\n  declarations: [\n    ButtonComponent\n  ],\n  imports: [\n    CommonModule,\n    MatTooltipModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    ButtonComponent\n  ]\n})\nexport class KoalaButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,eAAe;IAN5B;QAOW,UAAK,GAAW,MAAM,CAAC;QACvB,oBAAe,GAAW,MAAM,CAAC;QAKjC,cAAS,GAAY,KAAK,CAAC;QAC3B,kBAAa,GAAW,EAAE,CAAC;KAMrC;IAHC,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,UAAU,IAAI,CAAC,KAAK,gCAAgC,IAAI,CAAC,eAAe,aAAa,CAAC;KACpG;;;YAnBF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,85BAAoC;gBAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;oBAEE,KAAK;8BACL,KAAK;mBACL,KAAK;mBACL,KAAK;sBACL,KAAK;uBACL,KAAK;wBACL,KAAK;4BACL,KAAK;;;MCOK,iBAAiB;;;YAf7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,gBAAgB;oBAChB,eAAe;oBACf,aAAa;oBACb,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,eAAe;iBAChB;aACF;;;ACtBD;;;;;;"}

package/button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './button.component';
-export * from './koala.button.module';
+export * from './lib/button.component';
+export * from './lib/koala.button.module';

package/button/koalarx-ui-button.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/button/koalarx-ui-button.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"koala-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<button\n\t*ngIf=\"text else iconButton\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip\"\n\t[disabled]=\"disabled\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon && !koalaIcon\">{{icon}}</mat-icon>\n  <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"icon && koalaIcon\"></koala-icon>\n\t{{text}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip\"\n    [style]=\"style\"\n\t  [disabled]=\"disabled\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon *ngIf=\"!koalaIcon\">{{icon}}</mat-icon>\n    <koala-icon [color]=\"color\" [icon]=\"icon\" [size]=\"koalaIconSize\" *ngIf=\"koalaIcon\"></koala-icon>\n  </button>\n</ng-template>\n","styles":[".koala-button{padding:2px 8px}.koala-button koala-icon{position:relative;display:inline-block;margin-right:8px;top:-1px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"koalaIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"koalaIconSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"KoalaButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":16,"character":4},{"__symbolic":"reference","module":"@koalarx/ui/icon","name":"KoalaIconModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"members":{}}},"origins":{"ButtonComponent":"./lib/button.component","KoalaButtonModule":"./lib/koala.button.module"},"importAs":"@koalarx/ui/button"}

package/button/lib/button.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+export declare class ButtonComponent implements OnInit {
+    color: string;
+    backgroundColor: string;
+    icon?: string;
+    text?: string;
+    tooltip?: string;
+    disabled?: boolean;
+    koalaIcon: boolean;
+    koalaIconSize: number;
+    style?: string;
+    ngOnInit(): void;
+}

package/button/lib/koala.button.module.d.ts

@@ -0,0 +1,2 @@
+export declare class KoalaButtonModule {
+}

package/button/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@koalarx/ui/button",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^12.0.3",
+    "@angular/core": "^12.0.3"
+  },
+  "dependencies": {
+    "tslib": "^2.1.0"
+  },
+  "main": "bundles/koalarx-ui-button.umd.js",
+  "module": "fesm2015/koalarx-ui-button.js",
+  "es2015": "fesm2015/koalarx-ui-button.js",
+  "esm2015": "esm2015/koalarx-ui-button.js",
+  "fesm2015": "fesm2015/koalarx-ui-button.js",
+  "typings": "koalarx-ui-button.d.ts",
+  "metadata": "koalarx-ui-button.metadata.json",
+  "sideEffects": false
+}

package/core/README.md

@@ -0,0 +1,24 @@
+# Core
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project core`.
+> Note: Don't forget to add `--project core` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build core` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build core`, go to the dist folder `cd dist/core` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test core` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.