angular-dumb-lib 0.0.2 → 0.0.5

package/src/lib/components/pages/footer/footer.component.scss

@@ -0,0 +1,69 @@
+.footer {
+  background-color: #333;
+  color: #fff;
+  padding: 20px 0;
+  text-align: center;
+  font-family: 'Roboto', sans-serif;
+}
+
+.footer-container {
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.footer-section {
+  flex: 1;
+  margin: 15px;
+  min-width: 200px;
+}
+
+.footer-section h3 {
+  margin-bottom: 15px;
+  font-size: 18px;
+}
+
+.footer-section p,
+.footer-section ul,
+.footer-section a {
+  font-size: 14px;
+  color: #ccc;
+  text-decoration: none;
+}
+
+.footer-section ul {
+  list-style: none;
+  padding: 0;
+}
+
+.footer-section ul li {
+  margin: 5px 0;
+}
+
+.footer-section ul li a:hover {
+  color: #fff;
+}
+
+.social-icons {
+  margin-top: 10px;
+}
+
+.social-icons a {
+  display: inline-block;
+  color: #ccc;
+  margin: 0 10px;
+  font-size: 20px;
+}
+
+.social-icons a:hover {
+  color: #fff;
+}
+
+.footer-bottom {
+  margin-top: 20px;
+  border-top: 1px solid #444;
+  padding-top: 10px;
+  font-size: 12px;
+}

package/src/lib/components/pages/footer/footer.component.ts

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  standalone: true,
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

package/src/lib/components/pages/login/login.component.html

@@ -0,0 +1,10 @@
+<div class="login-page">
+    <div class="icon-area">
+      <div class="icon">
+        <span>innocons</span>
+      </div>
+    </div>
+    <div class="login-button" id="buttonDiv">
+      <ng-template #buttonContainer></ng-template>
+    </div>
+</div>

package/src/lib/components/pages/login/login.component.scss

@@ -0,0 +1,32 @@
+.login-button {
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+}
+
+.login-page {
+  height: 100%;
+  width: 100%;
+  flex-direction: row;
+  display: flex;
+}
+
+.icon-area {
+  width: 38%;
+  background-color: #2a76d7;
+  height: 100%;
+  display: flex;;
+}
+
+.icon {
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  span {
+    color: white;
+    font-size: xxx-large;
+    font-family: fantasy;
+  }
+}

package/src/lib/components/pages/login/login.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, OnInit, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  standalone: true,
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.scss'],
+  imports: [CommonModule]
+})
+export class LoginComponent implements OnInit {
+ // Input property to accept a TemplateRef from the parent component
+ @Input() buttonTemplate!: TemplateRef<any>;
+ @ViewChild('buttonContainer', { read: ViewContainerRef }) buttonContainer!: ViewContainerRef;
+
+ constructor() {
+ }
+
+ ngOnInit(): void {
+ }
+
+ // After the view initializes, we render the button
+ ngAfterViewInit(): void {
+   // Clear any existing content in the container
+   this.buttonContainer.clear();
+
+   // Render the provided button template inside the container
+   if (this.buttonTemplate) {
+     this.buttonContainer.createEmbeddedView(this.buttonTemplate);
+   }
+ }
+}

package/src/lib/components/pages/menu/menu.component.html

@@ -0,0 +1,18 @@
+<nav class="menu" [ngClass]="{'vertical': isVertical, 'horizontal': !isVertical}">
+  <div class="logo">
+    <img src="{{logoUrl}}" alt="Logo" />
+  </div>
+  <ul>
+    <li *ngFor="let item of menuItems">
+      <a [href]="item.route">{{ item.label }}</a>
+    </li>
+  </ul>
+  <div class="actions">
+    <div class="language">
+      <span class="material-icons" aria-hidden="true">language</span>
+    </div>
+    <div class="login">
+      <span class="material-icons" aria-hidden="true">person</span>
+    </div>
+  </div>
+</nav>

package/src/lib/components/pages/menu/menu.component.scss

@@ -0,0 +1,87 @@
+:host {
+  display: flex;
+}
+
+.menu {
+  background-color: #f8f9fa;
+  padding: 10px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+
+  &.vertical {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    width: 200px;
+
+    ul {
+      list-style-type: none;
+      padding: 0;
+      height: 100%;
+
+      li {
+        padding: 8px 0;
+
+        &:hover {
+          background-color: #e9ecef;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .actions {
+      display: flex;
+      flex-direction: column;
+      align-items: baseline;
+    }
+  }
+
+  &.horizontal {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 80px;
+
+    ul {
+      display: flex;
+      list-style-type: none;
+      padding: 0;
+      margin: 0;
+      flex-grow: 1;
+      align-items: center;
+
+      li {
+        padding: 8px 16px; /* Adjust for horizontal spacing */
+
+        &:hover {
+          background-color: #e9ecef;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  .logo {
+    img {
+      width: 100%;
+      height: 100%; /* Maintain aspect ratio */
+    }
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+
+    .language,
+    .login {
+      margin-left: 10px;
+    }
+  }
+}
+
+a {
+  text-decoration: none; // Remove the underline from links
+  color: inherit; // Inherit color from parent element
+  display: block; // Make the link block-level so it fills the entire list item
+  padding: 10px; // Add some padding for clickable area
+  transition: background-color 0.3s ease; // Optional: smooth background color transition
+}

package/src/lib/components/pages/menu/menu.component.ts

@@ -0,0 +1,26 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { IMenuItem } from '../../../shared/interfaces/interface';
+import { MenuDirection } from '../../../shared/enums/enum';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-menu',
+  standalone: true,
+  templateUrl: './menu.component.html',
+  styleUrls: ['./menu.component.scss'],
+  imports: [CommonModule]
+})
+export class MenuComponent implements OnInit {
+  @Input() menuItems: IMenuItem[] = [];
+  @Input() logoUrl: string = "";
+  @Input() direction: MenuDirection = MenuDirection.horizontal;
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  get isVertical(): boolean {
+    return this.direction === MenuDirection.vertical;
+  }
+}

package/src/lib/components/pages/version/version.component.html

@@ -0,0 +1,3 @@
+<app-content-design
+[content] = "content">
+</app-content-design>

package/src/lib/components/pages/version/version.component.ts

@@ -0,0 +1,28 @@
+import { CommonModule } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ContentDesignComponent } from 'angular-dumb-lib';
+import { IContentDesign } from '../../../shared/interfaces/interface';
+import { ContentDirection } from '../../../shared/enums/enum';
+
+@Component({
+  selector: 'app-version',
+  standalone: true,
+  templateUrl: './version.component.html',
+  styleUrls: ['./version.component.scss'],
+  imports: [CommonModule, ContentDesignComponent]
+})
+export class VersionComponent implements OnInit {
+  content: IContentDesign;
+  constructor() {
+    this.content = {
+      title: 'Card 2 Title',
+      content: 'This is an example of left-aligned content.',
+      coverImage: 'https://via.placeholder.com/150',
+      contentDirection: ContentDirection.right,
+      template: null
+    }
+  }
+
+  ngOnInit() {
+  }
+}

package/src/lib/shared/constants/constant.ts

@@ -0,0 +1,7 @@
+import { InputType } from "../enums/enum";
+
+export const textualInputTypes: InputType[] =
+  [InputType.text, InputType.password, InputType.email, InputType.url,
+  InputType.tel, InputType.search, InputType.number, InputType.range,
+  InputType.hidden, InputType.textarea, InputType.richText, InputType.image];
+export const selectionInputTypes: InputType[] = [InputType.checkbox, InputType.radio, InputType.select]

package/src/lib/shared/enums/enum.ts

@@ -0,0 +1,68 @@
+
+export enum DesignType {
+  normal = 'normal',
+  contrast = 'contrast'
+}
+
+export enum ButtonType {
+  submit = 'submit',
+  button = 'button'
+}
+
+export enum InputGroupType {
+  textual = 'textual',
+  datetime = 'datetime',
+  selection = 'selection',
+  file = 'file'
+}
+
+export enum InputDirection {
+  horizontal = 'horizontal',
+  vertical = 'vertical'
+}
+
+export enum InputType {
+  image = 'image',
+  text = 'text',
+  richText = 'richText',
+  password = 'password',
+  email = 'email',
+  url = 'url',
+  tel = 'tel',
+  search = 'search',
+  number = 'number',
+  range = 'range',
+  hidden = 'hidden',
+  textarea = 'textarea',
+  datetime = 'datetime',
+  checkbox = 'checkbox',
+  radio = 'radio',
+  select = 'select',
+  file = 'file'
+}
+
+export enum ContentDirection {
+  left = 'left',
+  right = 'right',
+  up = 'up',
+  down = 'down'
+}
+
+export enum SelectionType {
+  dropdown = 'dropdown',
+  radio = 'radio',
+  checkbox = 'checkbox'
+}
+
+export enum LoadingSize {
+	Xbig = 'xbig',
+	Big = 'big',
+	Medium = 'medium',
+	Small = 'small',
+	Xsmall = 'xsmall'
+}
+
+export enum MenuDirection {
+  vertical = 'vertical',
+  horizontal = 'horizontal'
+}

package/src/lib/shared/interfaces/interface.ts

@@ -0,0 +1,64 @@
+import { TemplateRef } from "@angular/core";
+import { ButtonType, ContentDirection, DesignType, InputDirection, InputType } from "../enums/enum";
+
+export interface IButtonConfig {
+  isDisabled?: boolean;
+  isActive?: boolean;
+  designType?: DesignType;
+  label?: string;
+  iconValue?: string;
+  type?: ButtonType;
+  action?: string;
+}
+
+export interface IInputConfig {
+  required: boolean;
+  label?: string;
+  name: string;
+  placeholder?: string;
+  type?: InputType; // Optional, defaults to InputType.text
+  direction?: InputDirection; // Optional, defaults to InputDirection.vertical
+  isValid?: boolean;
+  options?: IDropdownOption[];
+}
+
+export interface IContentDesign {
+  name?: string;
+  coverImage?: string;
+  issuedDate?: string;
+  title?: string;
+  contentDirection?: ContentDirection;
+  content?: string;
+  template: TemplateRef<unknown> | null;
+  button?: IButtonConfig;
+}
+
+export interface IDropdownOption {
+  label: string; // The display label of the option
+  value: any;    // The underlying value of the option
+}
+
+export interface IMenuItem {
+  label: string,
+  route: string
+}
+
+export interface IModalEvent {
+  isDialog: boolean;
+  isModalVisible: boolean;
+  template: TemplateRef<unknown> | null;
+  title: string;
+  params?: { [key: string]: any };
+  onOk?: ()=> void;
+  onCancel?: ()=> void;
+}
+
+export interface IPaginator {
+  itemsPerPage: number;
+  selectedPage: number;
+}
+
+export interface IDataColumnConfig {
+  field: string;
+  name: string
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,6 +1,10 @@
+/*
+ * Public API Surface of angular-dumb-lib
+ */
+
 export * from './lib/angular-dumb-lib.service';
 export * from './lib/angular-dumb-lib.component';
 export * from './lib/angular-dumb-lib.module';
 export * from './lib/components/atoms/button/button.component';
 export * from './lib/components/atoms/input/input.component';
-export * from './lib/components/molecules/content-design/content-design.component';
+export * from './lib/components/molecules/content-design/content-design.component'

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2022/angular-dumb-lib.mjs

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

package/esm2022/lib/angular-dumb-lib.component.mjs

@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-class AngularDumbLibComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularDumbLibComponent, selector: "lib-angular-dumb-lib", ngImport: i0, template: `
-    <p>
-      angular-dumb-lib works!
-    </p>
-  `, isInline: true }); }
-}
-export { AngularDumbLibComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-angular-dumb-lib', template: `
-    <p>
-      angular-dumb-lib works!
-    </p>
-  ` }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1kdW1iLWxpYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWR1bWItbGliL3NyYy9saWIvYW5ndWxhci1kdW1iLWxpYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUMsTUFVYSx1QkFBdUI7K0dBQXZCLHVCQUF1QjttR0FBdkIsdUJBQXVCLDREQVJ4Qjs7OztHQUlUOztTQUlVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNFLHNCQUFzQixZQUN0Qjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hbmd1bGFyLWR1bWItbGliJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8cD5cbiAgICAgIGFuZ3VsYXItZHVtYi1saWIgd29ya3MhXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyRHVtYkxpYkNvbXBvbmVudCB7XG5cbn1cbiJdfQ==

package/esm2022/lib/angular-dumb-lib.module.mjs

@@ -1,32 +0,0 @@
-import { NgModule } from '@angular/core';
-import { AngularDumbLibComponent } from './angular-dumb-lib.component';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i0 from "@angular/core";
-class AngularDumbLibModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibModule, declarations: [AngularDumbLibComponent], imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule], exports: [AngularDumbLibComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule] }); }
-}
-export { AngularDumbLibModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AngularDumbLibComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                    ],
-                    exports: [
-                        AngularDumbLibComponent,
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1kdW1iLWxpYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWR1bWItbGliL3NyYy9saWIvYW5ndWxhci1kdW1iLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUVsRSxNQWFhLG9CQUFvQjsrR0FBcEIsb0JBQW9CO2dIQUFwQixvQkFBb0IsaUJBWDdCLHVCQUF1QixhQUd2QixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQixhQUduQix1QkFBdUI7Z0hBR2Qsb0JBQW9CLFlBUjdCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1COztTQU1WLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQWJoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3FCQUN4QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFuZ3VsYXJEdW1iTGliQ29tcG9uZW50IH0gZnJvbSAnLi9hbmd1bGFyLWR1bWItbGliLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEFuZ3VsYXJEdW1iTGliQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQW5ndWxhckR1bWJMaWJDb21wb25lbnQsXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQW5ndWxhckR1bWJMaWJNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2022/lib/angular-dumb-lib.service.mjs

@@ -1,15 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-class AngularDumbLibService {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibService, providedIn: 'root' }); }
-}
-export { AngularDumbLibService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDumbLibService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1kdW1iLWxpYi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2FuZ3VsYXItZHVtYi1saWIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUzQyxNQUdhLHFCQUFxQjtJQUVoQyxnQkFBZ0IsQ0FBQzsrR0FGTixxQkFBcUI7bUhBQXJCLHFCQUFxQixjQUZwQixNQUFNOztTQUVQLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgQW5ndWxhckR1bWJMaWJTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIl19

package/esm2022/lib/components/atoms/button/button.component.mjs

@@ -1,34 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ButtonType, DesignType } from '../../../shared/enums/enum';
-import { CommonModule } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-class ButtonComponent {
-    constructor() {
-        this.clickEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        this.config = {
-            isDisabled: false,
-            isActive: false,
-            designType: DesignType.normal,
-            type: ButtonType.submit,
-            ...this.config,
-        };
-    }
-    onButtonClick() {
-        this.clickEvent.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "app-button", inputs: { config: "config" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<button\r\n  type=\"{{config.type}}\"\r\n  class=\"btn btn-primary\"\r\n  [disabled]=\"config.isDisabled\"\r\n  [ngClass]=\"{'active': config.isActive,\r\n            'normal': config.designType === 'normal',\r\n            'contrast': config.designType === 'contrast'}\"\r\n  (click)=\"onButtonClick()\">\r\n    <div class=\"button-content\">\r\n      <ng-container *ngIf=\"config.iconValue\">\r\n      <i class=\"material-icons\" data-toggle=\"tooltip\" title=\"Delete\">{{config.iconValue}}</i>\r\n    </ng-container>\r\n    <span>{{ config.label }}</span>\r\n    </div>\r\n</button>\r\n", styles: ["button.btn.btn-primary{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;height:3rem}button.btn.btn-primary .button-content{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}button.btn.btn-primary:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;border-color:#666!important}button.btn.btn-primary.normal{background-color:#007bff;color:#fff}button.btn.btn-primary.normal:hover:not(:disabled){background-color:#0056d2}button.btn.btn-primary.contrast{color:#007bff;border:1px solid #4A90E2}button.btn.btn-primary.contrast:hover:not(:disabled){background-color:#e6f0fa;color:#1a1a1a}button.btn.btn-primary.active{background-color:#003d99;color:#fff}button.btn.btn-primary.active:hover:not(:disabled){background-color:#0056d2;color:#fff}\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"] }] }); }
-}
-export { ButtonComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-button', standalone: true, imports: [CommonModule], template: "<button\r\n  type=\"{{config.type}}\"\r\n  class=\"btn btn-primary\"\r\n  [disabled]=\"config.isDisabled\"\r\n  [ngClass]=\"{'active': config.isActive,\r\n            'normal': config.designType === 'normal',\r\n            'contrast': config.designType === 'contrast'}\"\r\n  (click)=\"onButtonClick()\">\r\n    <div class=\"button-content\">\r\n      <ng-container *ngIf=\"config.iconValue\">\r\n      <i class=\"material-icons\" data-toggle=\"tooltip\" title=\"Delete\">{{config.iconValue}}</i>\r\n    </ng-container>\r\n    <span>{{ config.label }}</span>\r\n    </div>\r\n</button>\r\n", styles: ["button.btn.btn-primary{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;height:3rem}button.btn.btn-primary .button-content{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}button.btn.btn-primary:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;border-color:#666!important}button.btn.btn-primary.normal{background-color:#007bff;color:#fff}button.btn.btn-primary.normal:hover:not(:disabled){background-color:#0056d2}button.btn.btn-primary.contrast{color:#007bff;border:1px solid #4A90E2}button.btn.btn-primary.contrast:hover:not(:disabled){background-color:#e6f0fa;color:#1a1a1a}button.btn.btn-primary.active{background-color:#003d99;color:#fff}button.btn.btn-primary.active:hover:not(:disabled){background-color:#0056d2;color:#fff}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
-                type: Input
-            }], clickEvent: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFL0MsTUFPYSxlQUFlO0lBSzFCO1FBRlUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFaEMsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRztZQUNaLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsVUFBVSxFQUFFLFVBQVUsQ0FBQyxNQUFNO1lBQzdCLElBQUksRUFBRSxVQUFVLENBQUMsTUFBTTtZQUN2QixHQUFHLElBQUksQ0FBQyxNQUFNO1NBQ2YsQ0FBQTtJQUNILENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDOytHQW5CVSxlQUFlO21HQUFmLGVBQWUsMklDWjVCLGdsQkFlQSxzM0JETFksWUFBWTs7U0FFWCxlQUFlOzRGQUFmLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FHUCxDQUFDLFlBQVksQ0FBQzswRUFHZCxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uVHlwZSwgRGVzaWduVHlwZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuaW1wb3J0IHsgSUJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzL2ludGVyZmFjZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgY29uZmlnITogSUJ1dHRvbkNvbmZpZztcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5jb25maWcgPSB7XHJcbiAgICAgIGlzRGlzYWJsZWQ6IGZhbHNlLFxyXG4gICAgICBpc0FjdGl2ZTogZmFsc2UsXHJcbiAgICAgIGRlc2lnblR5cGU6IERlc2lnblR5cGUubm9ybWFsLFxyXG4gICAgICB0eXBlOiBCdXR0b25UeXBlLnN1Ym1pdCxcclxuICAgICAgLi4udGhpcy5jb25maWcsXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCkge1xyXG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIHR5cGU9XCJ7e2NvbmZpZy50eXBlfX1cIlxyXG4gIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCJcclxuICBbZGlzYWJsZWRdPVwiY29uZmlnLmlzRGlzYWJsZWRcIlxyXG4gIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogY29uZmlnLmlzQWN0aXZlLFxyXG4gICAgICAgICAgICAnbm9ybWFsJzogY29uZmlnLmRlc2lnblR5cGUgPT09ICdub3JtYWwnLFxyXG4gICAgICAgICAgICAnY29udHJhc3QnOiBjb25maWcuZGVzaWduVHlwZSA9PT0gJ2NvbnRyYXN0J31cIlxyXG4gIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29uZmlnLmljb25WYWx1ZVwiPlxyXG4gICAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCIgZGF0YS10b2dnbGU9XCJ0b29sdGlwXCIgdGl0bGU9XCJEZWxldGVcIj57e2NvbmZpZy5pY29uVmFsdWV9fTwvaT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPHNwYW4+e3sgY29uZmlnLmxhYmVsIH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbjwvYnV0dG9uPlxyXG4iXX0=