ca-components 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# CaComponents
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ca-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ca-components`.
+> Note: Don't forget to add `--project ca-components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ca-components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ca-components`, go to the dist folder `cd dist/ca-components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ca-components` 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.

package/esm2022/ca-components.mjs

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

package/esm2022/lib/components/ca-profile-image/ca-profile-image.component.mjs

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaProfileImageComponent {
+    constructor() {
+        this.isRound = true;
+        this.isHoverEffect = true;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaProfileImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaProfileImageComponent, isStandalone: true, selector: "app-ca-profile-image", inputs: { avatarImg: "avatarImg", avatarColor: "avatarColor", textShortName: "textShortName", isRound: "isRound", size: "size", fontSize: "fontSize", isHoverEffect: "isHoverEffect" }, ngImport: i0, template: "<div \n  class=\"avatar-container d-flex\"\n  [ngClass]=\"{\n    'avatar-hover': isHoverEffect,\n  }\"  \n>\n  <ng-container *ngIf=\"avatarImg else noImage\">\n    <div \n      class=\"avatar-img\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        width: size + 'px',\n        height: size + 'px'\n      }\"\n      >\n      \n      <img class=\"d-flex\" alt=\"avatar\" [src]=\"avatarImg\" />\n    </div>\n  </ng-container>\n\n  <ng-template #noImage>\n    <div class=\"avatar-no-img d-flex justify-content-center align-items-center\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        'background-color': \n          avatarColor.background\n          ? avatarColor.background\n          : 'unset',\n        color: avatarColor.color\n          ? avatarColor.color\n          : 'unset',\n        width: size + 'px',\n        height: size + 'px',\n        'font-size': fontSize + 'px'\n      }\"\n      >\n      {{ textShortName }}\n    </div>\n  </ng-template>\n</div>", styles: [".avatar-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.avatar-container.avatar-hover{transition:transform .2s}.avatar-container.avatar-hover:hover{transform:scale(1.8);transition:.2s}.avatar-container .round-avatar{border-radius:50%;width:20px;height:20px;overflow:hidden}.avatar-container .regular-avatar{border-radius:2px;width:18px;height:20px;overflow:hidden}.avatar-container .regular-avatar img{border-radius:2px}.avatar-container .avatar-img img{width:100%;height:100%}.avatar-container .avatar-no-img{font-size:7px;font-weight:800;-webkit-user-select:none;user-select:none}.avatar-container .avatar-owner{-webkit-user-select:none;user-select:none;width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaProfileImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-profile-image', standalone: true, imports: [CommonModule], template: "<div \n  class=\"avatar-container d-flex\"\n  [ngClass]=\"{\n    'avatar-hover': isHoverEffect,\n  }\"  \n>\n  <ng-container *ngIf=\"avatarImg else noImage\">\n    <div \n      class=\"avatar-img\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        width: size + 'px',\n        height: size + 'px'\n      }\"\n      >\n      \n      <img class=\"d-flex\" alt=\"avatar\" [src]=\"avatarImg\" />\n    </div>\n  </ng-container>\n\n  <ng-template #noImage>\n    <div class=\"avatar-no-img d-flex justify-content-center align-items-center\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        'background-color': \n          avatarColor.background\n          ? avatarColor.background\n          : 'unset',\n        color: avatarColor.color\n          ? avatarColor.color\n          : 'unset',\n        width: size + 'px',\n        height: size + 'px',\n        'font-size': fontSize + 'px'\n      }\"\n      >\n      {{ textShortName }}\n    </div>\n  </ng-template>\n</div>", styles: [".avatar-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.avatar-container.avatar-hover{transition:transform .2s}.avatar-container.avatar-hover:hover{transform:scale(1.8);transition:.2s}.avatar-container .round-avatar{border-radius:50%;width:20px;height:20px;overflow:hidden}.avatar-container .regular-avatar{border-radius:2px;width:18px;height:20px;overflow:hidden}.avatar-container .regular-avatar img{border-radius:2px}.avatar-container .avatar-img img{width:100%;height:100%}.avatar-container .avatar-no-img{font-size:7px;font-weight:800;-webkit-user-select:none;user-select:none}.avatar-container .avatar-owner{-webkit-user-select:none;user-select:none;width:10px;height:10px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { avatarImg: [{
+                type: Input
+            }], avatarColor: [{
+                type: Input
+            }], textShortName: [{
+                type: Input
+            }], isRound: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], isHoverEffect: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1wcm9maWxlLWltYWdlL2NhLXByb2ZpbGUtaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtcHJvZmlsZS1pbWFnZS9jYS1wcm9maWxlLWltYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3pELE1BQU0sT0FBTyx1QkFBdUI7SUFRbEM7UUFKUyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBR3hCLGtCQUFhLEdBQVksSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7K0dBVkYsdUJBQXVCO21HQUF2Qix1QkFBdUIsd1FDVnBDLCttQ0E2Q00sZ3lCRHJDTSxZQUFZOzs0RkFFWCx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usc0JBQXNCLGNBR3BCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzswRUFHZCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNhLXByb2ZpbGUtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhLXByb2ZpbGUtaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENhUHJvZmlsZUltYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYXZhdGFySW1nITogc3RyaW5nO1xuICBASW5wdXQoKSBhdmF0YXJDb2xvciE6IHsgYmFja2dyb3VuZD86IHN0cmluZzsgY29sb3I/OiBzdHJpbmcgfTtcbiAgQElucHV0KCkgdGV4dFNob3J0TmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgaXNSb3VuZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHNpemUhOiBzdHJpbmcgfCBudW1iZXI7XG4gIEBJbnB1dCgpIGZvbnRTaXplITogc3RyaW5nIHwgbnVtYmVyO1xuICBASW5wdXQoKSBpc0hvdmVyRWZmZWN0OiBib29sZWFuID0gdHJ1ZTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiIsIjxkaXYgXG4gIGNsYXNzPVwiYXZhdGFyLWNvbnRhaW5lciBkLWZsZXhcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2F2YXRhci1ob3Zlcic6IGlzSG92ZXJFZmZlY3QsXG4gIH1cIiAgXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJhdmF0YXJJbWcgZWxzZSBub0ltYWdlXCI+XG4gICAgPGRpdiBcbiAgICAgIGNsYXNzPVwiYXZhdGFyLWltZ1wiIFxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAncm91bmQtYXZhdGFyJzogaXNSb3VuZCxcbiAgICAgICAgJ3JlZ3VsYXItYXZhdGFyJzogIWlzUm91bmRcbiAgICAgIH1cIiBcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgd2lkdGg6IHNpemUgKyAncHgnLFxuICAgICAgICBoZWlnaHQ6IHNpemUgKyAncHgnXG4gICAgICB9XCJcbiAgICAgID5cbiAgICAgIFxuICAgICAgPGltZyBjbGFzcz1cImQtZmxleFwiIGFsdD1cImF2YXRhclwiIFtzcmNdPVwiYXZhdGFySW1nXCIgLz5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLXRlbXBsYXRlICNub0ltYWdlPlxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItbm8taW1nIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiIFxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAncm91bmQtYXZhdGFyJzogaXNSb3VuZCxcbiAgICAgICAgJ3JlZ3VsYXItYXZhdGFyJzogIWlzUm91bmRcbiAgICAgIH1cIiBcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBcbiAgICAgICAgICBhdmF0YXJDb2xvci5iYWNrZ3JvdW5kXG4gICAgICAgICAgPyBhdmF0YXJDb2xvci5iYWNrZ3JvdW5kXG4gICAgICAgICAgOiAndW5zZXQnLFxuICAgICAgICBjb2xvcjogYXZhdGFyQ29sb3IuY29sb3JcbiAgICAgICAgICA/IGF2YXRhckNvbG9yLmNvbG9yXG4gICAgICAgICAgOiAndW5zZXQnLFxuICAgICAgICB3aWR0aDogc2l6ZSArICdweCcsXG4gICAgICAgIGhlaWdodDogc2l6ZSArICdweCcsXG4gICAgICAgICdmb250LXNpemUnOiBmb250U2l6ZSArICdweCdcbiAgICAgIH1cIlxuICAgICAgPlxuICAgICAge3sgdGV4dFNob3J0TmFtZSB9fVxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+Il19

package/esm2022/public-api.mjs

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of ca-components
+ */
+export * from './lib/components/ca-profile-image/ca-profile-image.component';
+// export * from './lib/ca-components.component';
+// export * from './lib/ca-components.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGlEQUFpRDtBQUNqRCw4Q0FBOEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNhLWNvbXBvbmVudHNcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXByb2ZpbGUtaW1hZ2UvY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY2EtY29tcG9uZW50cy5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY2EtY29tcG9uZW50cy5tb2R1bGUnO1xuIl19

package/fesm2022/ca-components.mjs

@@ -0,0 +1,45 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+
+class CaProfileImageComponent {
+    constructor() {
+        this.isRound = true;
+        this.isHoverEffect = true;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaProfileImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaProfileImageComponent, isStandalone: true, selector: "app-ca-profile-image", inputs: { avatarImg: "avatarImg", avatarColor: "avatarColor", textShortName: "textShortName", isRound: "isRound", size: "size", fontSize: "fontSize", isHoverEffect: "isHoverEffect" }, ngImport: i0, template: "<div \n  class=\"avatar-container d-flex\"\n  [ngClass]=\"{\n    'avatar-hover': isHoverEffect,\n  }\"  \n>\n  <ng-container *ngIf=\"avatarImg else noImage\">\n    <div \n      class=\"avatar-img\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        width: size + 'px',\n        height: size + 'px'\n      }\"\n      >\n      \n      <img class=\"d-flex\" alt=\"avatar\" [src]=\"avatarImg\" />\n    </div>\n  </ng-container>\n\n  <ng-template #noImage>\n    <div class=\"avatar-no-img d-flex justify-content-center align-items-center\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        'background-color': \n          avatarColor.background\n          ? avatarColor.background\n          : 'unset',\n        color: avatarColor.color\n          ? avatarColor.color\n          : 'unset',\n        width: size + 'px',\n        height: size + 'px',\n        'font-size': fontSize + 'px'\n      }\"\n      >\n      {{ textShortName }}\n    </div>\n  </ng-template>\n</div>", styles: [".avatar-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.avatar-container.avatar-hover{transition:transform .2s}.avatar-container.avatar-hover:hover{transform:scale(1.8);transition:.2s}.avatar-container .round-avatar{border-radius:50%;width:20px;height:20px;overflow:hidden}.avatar-container .regular-avatar{border-radius:2px;width:18px;height:20px;overflow:hidden}.avatar-container .regular-avatar img{border-radius:2px}.avatar-container .avatar-img img{width:100%;height:100%}.avatar-container .avatar-no-img{font-size:7px;font-weight:800;-webkit-user-select:none;user-select:none}.avatar-container .avatar-owner{-webkit-user-select:none;user-select:none;width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaProfileImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-profile-image', standalone: true, imports: [CommonModule], template: "<div \n  class=\"avatar-container d-flex\"\n  [ngClass]=\"{\n    'avatar-hover': isHoverEffect,\n  }\"  \n>\n  <ng-container *ngIf=\"avatarImg else noImage\">\n    <div \n      class=\"avatar-img\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        width: size + 'px',\n        height: size + 'px'\n      }\"\n      >\n      \n      <img class=\"d-flex\" alt=\"avatar\" [src]=\"avatarImg\" />\n    </div>\n  </ng-container>\n\n  <ng-template #noImage>\n    <div class=\"avatar-no-img d-flex justify-content-center align-items-center\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        'background-color': \n          avatarColor.background\n          ? avatarColor.background\n          : 'unset',\n        color: avatarColor.color\n          ? avatarColor.color\n          : 'unset',\n        width: size + 'px',\n        height: size + 'px',\n        'font-size': fontSize + 'px'\n      }\"\n      >\n      {{ textShortName }}\n    </div>\n  </ng-template>\n</div>", styles: [".avatar-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.avatar-container.avatar-hover{transition:transform .2s}.avatar-container.avatar-hover:hover{transform:scale(1.8);transition:.2s}.avatar-container .round-avatar{border-radius:50%;width:20px;height:20px;overflow:hidden}.avatar-container .regular-avatar{border-radius:2px;width:18px;height:20px;overflow:hidden}.avatar-container .regular-avatar img{border-radius:2px}.avatar-container .avatar-img img{width:100%;height:100%}.avatar-container .avatar-no-img{font-size:7px;font-weight:800;-webkit-user-select:none;user-select:none}.avatar-container .avatar-owner{-webkit-user-select:none;user-select:none;width:10px;height:10px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { avatarImg: [{
+                type: Input
+            }], avatarColor: [{
+                type: Input
+            }], textShortName: [{
+                type: Input
+            }], isRound: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], isHoverEffect: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of ca-components
+ */
+// export * from './lib/ca-components.component';
+// export * from './lib/ca-components.module';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CaProfileImageComponent };
+//# sourceMappingURL=ca-components.mjs.map

package/fesm2022/ca-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-components.mjs","sources":["../../../projects/ca-components/src/lib/components/ca-profile-image/ca-profile-image.component.ts","../../../projects/ca-components/src/lib/components/ca-profile-image/ca-profile-image.component.html","../../../projects/ca-components/src/public-api.ts","../../../projects/ca-components/src/ca-components.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-ca-profile-image',\n  templateUrl: './ca-profile-image.component.html',\n  styleUrls: ['./ca-profile-image.component.scss'],\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class CaProfileImageComponent implements OnInit {\n  @Input() avatarImg!: string;\n  @Input() avatarColor!: { background?: string; color?: string };\n  @Input() textShortName!: string;\n  @Input() isRound: boolean = true;\n  @Input() size!: string | number;\n  @Input() fontSize!: string | number;\n  @Input() isHoverEffect: boolean = true;\n  constructor() {}\n\n  ngOnInit() {}\n}\n","<div \n  class=\"avatar-container d-flex\"\n  [ngClass]=\"{\n    'avatar-hover': isHoverEffect,\n  }\"  \n>\n  <ng-container *ngIf=\"avatarImg else noImage\">\n    <div \n      class=\"avatar-img\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        width: size + 'px',\n        height: size + 'px'\n      }\"\n      >\n      \n      <img class=\"d-flex\" alt=\"avatar\" [src]=\"avatarImg\" />\n    </div>\n  </ng-container>\n\n  <ng-template #noImage>\n    <div class=\"avatar-no-img d-flex justify-content-center align-items-center\" \n      [ngClass]=\"{\n        'round-avatar': isRound,\n        'regular-avatar': !isRound\n      }\" \n      [ngStyle]=\"{\n        'background-color': \n          avatarColor.background\n          ? avatarColor.background\n          : 'unset',\n        color: avatarColor.color\n          ? avatarColor.color\n          : 'unset',\n        width: size + 'px',\n        height: size + 'px',\n        'font-size': fontSize + 'px'\n      }\"\n      >\n      {{ textShortName }}\n    </div>\n  </ng-template>\n</div>","/*\n * Public API Surface of ca-components\n */\n\nexport * from './lib/components/ca-profile-image/ca-profile-image.component';\n// export * from './lib/ca-components.component';\n// export * from './lib/ca-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,uBAAuB,CAAA;AAQlC,IAAA,WAAA,GAAA;QAJS,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;QAGxB,IAAa,CAAA,aAAA,GAAY,IAAI,CAAC;KACvB;AAEhB,IAAA,QAAQ,MAAK;+GAVF,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVpC,+mCA6CM,EAAA,MAAA,EAAA,CAAA,yuBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrCM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAEX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGpB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,+mCAAA,EAAA,MAAA,EAAA,CAAA,yuBAAA,CAAA,EAAA,CAAA;0EAGd,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;;;AEjBR;;AAEG;AAGH;AACA;;ACNA;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ca-components" />
+export * from './public-api';

package/lib/components/ca-profile-image/ca-profile-image.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CaProfileImageComponent implements OnInit {
+    avatarImg: string;
+    avatarColor: {
+        background?: string;
+        color?: string;
+    };
+    textShortName: string;
+    isRound: boolean;
+    size: string | number;
+    fontSize: string | number;
+    isHoverEffect: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaProfileImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaProfileImageComponent, "app-ca-profile-image", never, { "avatarImg": { "alias": "avatarImg"; "required": false; }; "avatarColor": { "alias": "avatarColor"; "required": false; }; "textShortName": { "alias": "textShortName"; "required": false; }; "isRound": { "alias": "isRound"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "isHoverEffect": { "alias": "isHoverEffect"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "ca-components",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ca-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ca-components.mjs",
+      "esm": "./esm2022/ca-components.mjs",
+      "default": "./fesm2022/ca-components.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './lib/components/ca-profile-image/ca-profile-image.component';