@tekus/design-system 0.0.72 → 1.0.3

package/.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "extends": "../../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "lib",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "lib",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "rules": {}
+    }
+  ]
+}

package/.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  stories: ['../**/*.mdx', '../**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,18 @@
+import type { Preview } from "@storybook/angular";
+import { setCompodocJson } from "@storybook/addon-docs/angular";
+import docJson from "../documentation.json";
+setCompodocJson(docJson);
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../tsconfig.lib.json",
+  "compilerOptions": {
+    "types": [
+      "node"
+    ],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "../test.ts",
+    "../**/*.spec.ts"
+  ],
+  "include": [
+    "../**/*",
+    "./preview.ts",
+    "../stories/**/*",
+    "../projects/**/*"
+  ],
+  "files": [
+    "./typings.d.ts"
+  ]
+}

package/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

package/components/search-bar/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/components/search-bar/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/components/search-bar/search-bar.component.css

@@ -0,0 +1,46 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.search__bar {
+  display: flex;
+  cursor: pointer;
+  max-width: 15rem;
+  padding: 0.3rem 0;
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+}
+
+.search__bar:hover {
+  border-bottom: 2px solid black;
+  .search__bar__input {
+    width: 13rem;
+  }
+}
+
+.search__bar__input {
+  width: 0;
+  border: none;
+  outline: none;
+  font-weight: 500;
+  background: transparent;
+  transition: all ease-in-out 0.5s;
+  font-size: clamp(0.8rem, 0.675rem + 0.333vw, 0.975rem);
+}
+
+.search__bar__input:focus {
+  width: 13rem;
+}
+
+.search__bar__clear__mark__icon {
+  margin: 0 0.5rem;
+}
+
+.search__bar__clear__mark__icon:hover {
+  scale: 1.3;
+  transition: all ease-in-out 0.1s;
+}

package/components/search-bar/search-bar.component.spec.ts

@@ -0,0 +1,54 @@
+import { SearchBarComponent } from './search-bar.component';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+describe('SearchBarComponent', () => {
+  let component: SearchBarComponent;
+  let fixture: ComponentFixture<SearchBarComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [SearchBarComponent],
+    });
+    fixture = TestBed.createComponent(SearchBarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should emit inputValueChange event with the input value when onInputChange is called', () => {
+    const inputValue = 'test input';
+    component.inputValue = inputValue;
+    spyOn(component.inputValueChange, 'emit');
+    component.onInputChange();
+    expect(component.inputValueChange.emit).toHaveBeenCalledWith(inputValue);
+  });
+
+  it('should focus on searchInput when onMouseEnter is called', () => {
+    const focusSpy = spyOn(component.searchInput.nativeElement, 'focus');
+    component.onMouseEnter();
+    expect(focusSpy).toHaveBeenCalled();
+  });
+
+  it('should clear inputValue and emit inputValueChange event with empty string when onInputClear is called', () => {
+    component.inputValue = 'test input';
+    spyOn(component.inputValueChange, 'emit');
+    component.onInputClear();
+    expect(component.inputValue).toBe('');
+    expect(component.inputValueChange.emit).toHaveBeenCalledWith('');
+  });
+
+  it('should set hintLabel input correctly', () => {
+    const hintLabel = 'test hint';
+    component.hintLabel = hintLabel;
+    expect(component.hintLabel).toBe(hintLabel);
+  });
+
+  it('should set backgroundColor input correctly', () => {
+    const backgroundColor = 'red';
+    component.backgroundColor = backgroundColor;
+    expect(component.backgroundColor).toBe(backgroundColor);
+  });
+});

package/components/search-bar/search-bar.component.stories.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { SearchBarComponent } from './search-bar.component';
+
+const meta: Meta<SearchBarComponent> = {
+  title: 'Components/Search bar',
+  component: SearchBarComponent,
+  tags: ['autodocs'],
+  render: (args: SearchBarComponent) => ({
+    props: {
+      backgroundColor: null,
+      ...args,
+    },
+  }),
+  argTypes: {
+    backgroundColor: {
+      control: 'color',
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<SearchBarComponent>;
+
+export const Default: Story = {
+  args: {
+    hintLabel: 'Search...',
+    backgroundColor: 'white',
+  },
+};

package/components/search-bar/search-bar.component.ts

@@ -0,0 +1,75 @@
+import {
+  Input,
+  Output,
+  Component,
+  ViewChild,
+  ElementRef,
+  EventEmitter,
+} from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgClass, NgStyle, NgIf } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';
+
+@Component({
+  selector: 'lib-tks-search-bar',
+  standalone: true,
+  imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule],
+  template: `<div
+    class="search__bar"
+    (mouseenter)="onMouseEnter()"
+    [ngStyle]="{ 'background-color': backgroundColor }">
+    <input
+      class="search__bar__input"
+      type="text"
+      #searchInput
+      [(ngModel)]="inputValue"
+      [placeholder]="hintLabel"
+      (input)="onInputChange()" />
+    <fa-icon
+      class="search__bar__clear__mark__icon"
+      [icon]="faXmark"
+      *ngIf="inputValue !== ''"
+      (click)="onInputClear()"></fa-icon>
+    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+  </div>`,
+  styleUrls: ['./search-bar.component.css'],
+})
+export class SearchBarComponent {
+  public inputValue = '';
+  public readonly faXmark = faXmark;
+  public readonly faMagnifyingGlass = faMagnifyingGlass;
+
+  @ViewChild('searchInput', { static: false }) searchInput!: ElementRef;
+
+  /**
+   * Search bar hint label
+   */
+  @Input()
+  hintLabel = '';
+
+  /**
+   * What background color to use
+   */
+  @Input()
+  backgroundColor?: string;
+
+  /**
+   * Input changes handler
+   */
+  @Output()
+  inputValueChange = new EventEmitter<string>();
+
+  public onInputChange(): void {
+    this.inputValueChange.emit(this.inputValue);
+  }
+
+  public onMouseEnter(): void {
+    this.searchInput.nativeElement.focus();
+  }
+
+  public onInputClear() {
+    this.inputValue = '';
+    this.inputValueChange.emit('');
+  }
+}

package/documentation.json

@@ -0,0 +1,371 @@
+{
+    "pipes": [],
+    "interfaces": [],
+    "injectables": [],
+    "guards": [],
+    "interceptors": [],
+    "classes": [],
+    "directives": [],
+    "components": [
+        {
+            "name": "SearchBarComponent",
+            "id": "component-SearchBarComponent-4ee13de11aa08b3cb3fd2d16bf08aacfbb0762a33c8ee74339eb947d2daab9a0bb34821c6028bf478dda6035cb325bb44af1a09ef1589f9e8c18f162e0cedeec",
+            "file": "projects/design-system/components/search-bar/search-bar.component.ts",
+            "encapsulation": [],
+            "entryComponents": [],
+            "inputs": [],
+            "outputs": [],
+            "providers": [],
+            "selector": "lib-tks-search-bar",
+            "styleUrls": [
+                "./search-bar.component.css"
+            ],
+            "styles": [],
+            "template": "<div    class=\"search__bar\"\n    #searchBar\n    (mouseenter)=\"onMouseEnter()\"\n    [ngStyle]=\"{ 'background-color': backgroundColor }\">\n    <input\n      class=\"search__bar__input\"\n      type=\"text\"\n      #searchInput\n      [(ngModel)]=\"inputValue\"\n      [placeholder]=\"hintLabel\"\n      (input)=\"onInputChange()\" />\n    <fa-icon\n      class=\"search__bar__clear__mark__icon\"\n      [icon]=\"faXmark\"\n      *ngIf=\"inputValue !== ''\"\n      (click)=\"onInputClear()\"></fa-icon>\n    <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n  </div>",
+            "templateUrl": [],
+            "viewProviders": [],
+            "hostDirectives": [],
+            "inputsClass": [
+                {
+                    "name": "backgroundColor",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nWhat background color to use\n",
+                    "description": "<p>What background color to use</p>\n",
+                    "line": 57,
+                    "type": "string",
+                    "decorators": []
+                },
+                {
+                    "name": "hintLabel",
+                    "defaultValue": "''",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSearch bar hint label\n",
+                    "description": "<p>Search bar hint label</p>\n",
+                    "line": 51,
+                    "type": "string",
+                    "decorators": []
+                }
+            ],
+            "outputsClass": [
+                {
+                    "name": "inputValueChange",
+                    "defaultValue": "new EventEmitter<string>()",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nInput changes handler\n",
+                    "description": "<p>Input changes handler</p>\n",
+                    "line": 63,
+                    "type": "EventEmitter"
+                }
+            ],
+            "propertiesClass": [
+                {
+                    "name": "faMagnifyingGlass",
+                    "defaultValue": "faMagnifyingGlass",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 42,
+                    "modifierKind": [
+                        125,
+                        148
+                    ]
+                },
+                {
+                    "name": "faXmark",
+                    "defaultValue": "faXmark",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 41,
+                    "modifierKind": [
+                        125,
+                        148
+                    ]
+                },
+                {
+                    "name": "inputValue",
+                    "defaultValue": "''",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "optional": false,
+                    "description": "",
+                    "line": 40,
+                    "modifierKind": [
+                        125
+                    ]
+                },
+                {
+                    "name": "searchBar",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "ElementRef",
+                    "optional": false,
+                    "description": "",
+                    "line": 44,
+                    "decorators": [
+                        {
+                            "name": "ViewChild",
+                            "stringifiedArguments": "'searchBar', {static: false}"
+                        }
+                    ],
+                    "modifierKind": [
+                        170
+                    ]
+                },
+                {
+                    "name": "searchInput",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "ElementRef",
+                    "optional": false,
+                    "description": "",
+                    "line": 45,
+                    "decorators": [
+                        {
+                            "name": "ViewChild",
+                            "stringifiedArguments": "'searchInput', {static: false}"
+                        }
+                    ],
+                    "modifierKind": [
+                        170
+                    ]
+                }
+            ],
+            "methodsClass": [
+                {
+                    "name": "onInputChange",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 65,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        125
+                    ]
+                },
+                {
+                    "name": "onInputClear",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 74,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        125
+                    ]
+                },
+                {
+                    "name": "onMouseEnter",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 69,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        125
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "standalone": true,
+            "imports": [
+                {
+                    "name": "NgIf"
+                },
+                {
+                    "name": "NgClass"
+                },
+                {
+                    "name": "NgStyle"
+                },
+                {
+                    "name": "FormsModule",
+                    "type": "module"
+                },
+                {
+                    "name": "FontAwesomeModule",
+                    "type": "module"
+                }
+            ],
+            "description": "",
+            "rawdescription": "\n",
+            "type": "component",
+            "sourceCode": "import {\r\n  Input,\r\n  Output,\r\n  Component,\r\n  ViewChild,\r\n  ElementRef,\r\n  EventEmitter,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgClass, NgStyle, NgIf } from '@angular/common';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';\r\n\r\n@Component({\r\n  selector: 'lib-tks-search-bar',\r\n  standalone: true,\r\n  imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule],\r\n  template: `<div\r\n    class=\"search__bar\"\r\n    #searchBar\r\n    (mouseenter)=\"onMouseEnter()\"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n    <input\r\n      class=\"search__bar__input\"\r\n      type=\"text\"\r\n      #searchInput\r\n      [(ngModel)]=\"inputValue\"\r\n      [placeholder]=\"hintLabel\"\r\n      (input)=\"onInputChange()\" />\r\n    <fa-icon\r\n      class=\"search__bar__clear__mark__icon\"\r\n      [icon]=\"faXmark\"\r\n      *ngIf=\"inputValue !== ''\"\r\n      (click)=\"onInputClear()\"></fa-icon>\r\n    <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\r\n  </div>`,\r\n  styleUrls: ['./search-bar.component.css'],\r\n})\r\nexport class SearchBarComponent {\r\n  public inputValue = '';\r\n  public readonly faXmark = faXmark;\r\n  public readonly faMagnifyingGlass = faMagnifyingGlass;\r\n\r\n  @ViewChild('searchBar', { static: false }) searchBar!: ElementRef;\r\n  @ViewChild('searchInput', { static: false }) searchInput!: ElementRef;\r\n\r\n  /**\r\n   * Search bar hint label\r\n   */\r\n  @Input()\r\n  hintLabel = '';\r\n\r\n  /**\r\n   * What background color to use\r\n   */\r\n  @Input()\r\n  backgroundColor?: string;\r\n\r\n  /**\r\n   * Input changes handler\r\n   */\r\n  @Output()\r\n  inputValueChange = new EventEmitter<string>();\r\n\r\n  public onInputChange(): void {\r\n    this.inputValueChange.emit(this.inputValue);\r\n  }\r\n\r\n  public onMouseEnter(): void {\r\n    this.searchInput.nativeElement.focus();\r\n    this.searchBar.nativeElement.focus();\r\n  }\r\n\r\n  public onInputClear() {\r\n    this.inputValue = '';\r\n    this.inputValueChange.emit('');\r\n  }\r\n}\r\n",
+            "assetsDirs": [],
+            "styleUrlsData": [
+                {
+                    "data": "* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.search__bar {\r\n  display: flex;\r\n  cursor: pointer;\r\n  max-width: 15rem;\r\n  padding: 0.3rem 0;\r\n  width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: white;\r\n}\r\n\r\n.search__bar:hover {\r\n  border-bottom: 2px solid black;\r\n  .search__bar__input {\r\n    width: 13rem;\r\n  }\r\n}\r\n\r\n.search__bar__input {\r\n  width: 0;\r\n  border: none;\r\n  outline: none;\r\n  font-weight: 500;\r\n  background: transparent;\r\n  transition: all ease-in-out 0.5s;\r\n  font-size: clamp(0.8rem, 0.675rem + 0.333vw, 0.975rem);\r\n}\r\n\r\n.search__bar__input:focus {\r\n  width: 13rem;\r\n}\r\n\r\n.search__bar__clear__mark__icon {\r\n  margin: 0 0.5rem;\r\n}\r\n\r\n.search__bar__clear__mark__icon:hover {\r\n  scale: 1.3;\r\n  transition: all ease-in-out 0.1s;\r\n}\r\n",
+                    "styleUrl": "./search-bar.component.css"
+                }
+            ],
+            "stylesData": "",
+            "extends": []
+        }
+    ],
+    "modules": [],
+    "miscellaneous": {
+        "variables": [
+            {
+                "name": "Default",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "Story",
+                "defaultValue": "{\r\n  args: {\r\n    hintLabel: 'Search...',\r\n    backgroundColor: 'white',\r\n  },\r\n}"
+            },
+            {
+                "name": "meta",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "Meta<SearchBarComponent>",
+                "defaultValue": "{\r\n  title: 'Components/Search bar',\r\n  component: SearchBarComponent,\r\n  tags: ['autodocs'],\r\n  render: (args: SearchBarComponent) => ({\r\n    props: {\r\n      backgroundColor: null,\r\n      ...args,\r\n    },\r\n  }),\r\n  argTypes: {\r\n    backgroundColor: {\r\n      control: 'color',\r\n    },\r\n  },\r\n}"
+            },
+            {
+                "name": "preview",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "projects/design-system/.storybook/preview.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "Preview",
+                "defaultValue": "{\n  parameters: {\n    actions: { argTypesRegex: \"^on[A-Z].*\" },\n    controls: {\n      matchers: {\n        color: /(background|color)$/i,\n        date: /Date$/i,\n      },\n    },\n  },\n}"
+            }
+        ],
+        "functions": [],
+        "typealiases": [
+            {
+                "name": "Story",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "StoryObj<SearchBarComponent>",
+                "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 183
+            }
+        ],
+        "enumerations": [],
+        "groupedVariables": {
+            "projects/design-system/components/search-bar/search-bar.component.stories.ts": [
+                {
+                    "name": "Default",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Story",
+                    "defaultValue": "{\r\n  args: {\r\n    hintLabel: 'Search...',\r\n    backgroundColor: 'white',\r\n  },\r\n}"
+                },
+                {
+                    "name": "meta",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Meta<SearchBarComponent>",
+                    "defaultValue": "{\r\n  title: 'Components/Search bar',\r\n  component: SearchBarComponent,\r\n  tags: ['autodocs'],\r\n  render: (args: SearchBarComponent) => ({\r\n    props: {\r\n      backgroundColor: null,\r\n      ...args,\r\n    },\r\n  }),\r\n  argTypes: {\r\n    backgroundColor: {\r\n      control: 'color',\r\n    },\r\n  },\r\n}"
+                }
+            ],
+            "projects/design-system/.storybook/preview.ts": [
+                {
+                    "name": "preview",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "projects/design-system/.storybook/preview.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Preview",
+                    "defaultValue": "{\n  parameters: {\n    actions: { argTypesRegex: \"^on[A-Z].*\" },\n    controls: {\n      matchers: {\n        color: /(background|color)$/i,\n        date: /Date$/i,\n      },\n    },\n  },\n}"
+                }
+            ]
+        },
+        "groupedFunctions": {},
+        "groupedEnumerations": {},
+        "groupedTypeAliases": {
+            "projects/design-system/components/search-bar/search-bar.component.stories.ts": [
+                {
+                    "name": "Story",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "StoryObj<SearchBarComponent>",
+                    "file": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 183
+                }
+            ]
+        }
+    },
+    "routes": [],
+    "coverage": {
+        "count": 6,
+        "status": "low",
+        "files": [
+            {
+                "filePath": "projects/design-system/.storybook/preview.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "preview",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "Default",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "projects/design-system/components/search-bar/search-bar.component.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "meta",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "projects/design-system/components/search-bar/search-bar.component.ts",
+                "type": "component",
+                "linktype": "component",
+                "name": "SearchBarComponent",
+                "coveragePercent": 25,
+                "coverageCount": "3/12",
+                "status": "low"
+            }
+        ]
+    }
+}

package/index.ts

@@ -0,0 +1 @@
+export {};

package/karma-ci.conf.js

@@ -0,0 +1,54 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular"],
+    plugins: [
+      require("karma-jasmine"),
+      require("karma-chrome-launcher"),
+      require("karma-jasmine-html-reporter"),
+      require("karma-coverage"),
+      require("@angular-devkit/build-angular/plugins/karma"),
+    ],
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true, // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require("path").join(__dirname, "../../coverage/design-system"),
+      subdir: ".",
+      reporters: [{ type: "lcov" }],
+      fixWebpackSourcePaths: true,
+      thresholds: {
+        statements: 50,
+        lines: 50,
+        branches: 50,
+        functions: 50,
+      },
+    },
+    reporters: ["progress", "kjhtml"],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: false,
+    restartOnFileChange: true,
+    browsers: ["ChromeHeadless"],
+    customLaunchers: {
+      ChromeHeadless: {
+        base: "Chrome",
+        flags: [
+          "--headless",
+          "--disable-gpu",
+          "--no-sandbox",
+          "--remote-debugging-port=9222",
+        ],
+      },
+    },
+    singleRun: true,
+    browserNoActivityTimeout: 40000,
+  });
+};

package/karma.conf.js

@@ -0,0 +1,33 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular"],
+    files: [
+      "projects/**/*.ts", // Buscará todos los archivos .ts dentro de la carpeta design-system y sus subdirectorios
+    ],
+    plugins: [
+      require("karma-jasmine"),
+      require("karma-chrome-launcher"),
+      require("karma-jasmine-html-reporter"),
+      require("karma-coverage"),
+      require("@angular-devkit/build-angular/plugins/karma"),
+    ],
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true, // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require("path").join(__dirname, "../../coverage/design-system"),
+      subdir: ".",
+      reporters: [{ type: "html" }, { type: "text-summary" }],
+    },
+    reporters: ["progress", "kjhtml"],
+    browsers: ["Chrome"],
+    restartOnFileChange: true,
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/design-system",
+  "lib": {
+    "entryFile": "./index.ts"
+  }
+}

package/package.json

@@ -1,31 +1,22 @@
 {
   "name": "@tekus/design-system",
-  "version": "0.0.72",
+  "description": "Tekus design system library",
+  "version": "1.0.3",
+  "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/core": "^16.2.0",
-    "@angular/common": "^16.2.0"
+    "@angular/common": "^16.2.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.4.2",
+    "@fortawesome/angular-fontawesome": "^0.13.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "module": "fesm2022/tekus-design-system.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/tekus-design-system.mjs",
-      "esm": "./esm2022/tekus-design-system.mjs",
-      "default": "./fesm2022/tekus-design-system.mjs"
-    },
-    "./components/search-bar": {
-      "types": "./components/search-bar/index.d.ts",
-      "esm2022": "./esm2022/components/search-bar/tekus-design-system-components-search-bar.mjs",
-      "esm": "./esm2022/components/search-bar/tekus-design-system-components-search-bar.mjs",
-      "default": "./fesm2022/tekus-design-system-components-search-bar.mjs"
-    }
-  }
-}
+  "publishConfig": {
+    "tag": "latest",
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": false
+}

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/components/search-bar/index.d.ts

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

package/components/search-bar/search-bar.component.d.ts

@@ -1,26 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SearchBarComponent {
-    inputValue: string;
-    isSearchBarExpanded: boolean;
-    readonly faXmark: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    readonly faMagnifyingGlass: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    /**
-     * Search bar hint label
-     */
-    hintLabel: string;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * Input changes handler
-     */
-    inputValueChange: EventEmitter<string>;
-    onInputChange(): void;
-    onClickClearInput(): void;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchBarComponent, "lib-tks-search-bar", never, { "hintLabel": { "alias": "hintLabel"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, { "inputValueChange": "inputValueChange"; }, never, never, true, never>;
-}

package/esm2022/components/search-bar/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './search-bar.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9zZWFyY2gtYmFyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VhcmNoLWJhci5jb21wb25lbnQnO1xyXG4iXX0=

package/esm2022/components/search-bar/search-bar.component.mjs

@@ -1,102 +0,0 @@
-import { FormsModule } from '@angular/forms';
-import { NgClass, NgStyle, NgIf } from '@angular/common';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { Input, Output, Component, EventEmitter } from '@angular/core';
-import { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@fortawesome/angular-fontawesome";
-export class SearchBarComponent {
-    constructor() {
-        this.inputValue = '';
-        this.isSearchBarExpanded = false;
-        this.faXmark = faXmark;
-        this.faMagnifyingGlass = faMagnifyingGlass;
-        /**
-         * Search bar hint label
-         */
-        this.hintLabel = '';
-        /**
-         * Input changes handler
-         */
-        this.inputValueChange = new EventEmitter();
-    }
-    onInputChange() {
-        console.log('Input value has changed');
-        this.inputValueChange.emit(this.inputValue);
-    }
-    onClickClearInput() {
-        console.log('Input has been cleared');
-        this.inputValue = '';
-        this.inputValueChange.emit(this.inputValue);
-    }
-    onMouseEnter() {
-        console.log('Mouse has entered');
-        if (this.isSearchBarExpanded === false) {
-            this.isSearchBarExpanded = true;
-        }
-    }
-    onMouseLeave() {
-        console.log('Mouse has left');
-        if (this.inputValue === '') {
-            this.isSearchBarExpanded = false;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBarComponent, isStandalone: true, selector: "lib-tks-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, ngImport: i0, template: `<div
-    (mouseenter)="onMouseEnter()"
-    (mouseleave)="onMouseLeave()"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-    [ngClass]="
-      isSearchBarExpanded ? 'search__bar search__bar--opened' : 'search__bar'
-    "
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (input)="onInputChange()"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="onClickClearInput()"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar--opened{width:13rem;border-bottom:2px solid black;background-color:#0ff}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: `<div
-    (mouseenter)="onMouseEnter()"
-    (mouseleave)="onMouseLeave()"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-    [ngClass]="
-      isSearchBarExpanded ? 'search__bar search__bar--opened' : 'search__bar'
-    "
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (input)="onInputChange()"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="onClickClearInput()"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar--opened{width:13rem;border-bottom:2px solid black;background-color:#0ff}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
-        }], propDecorators: { hintLabel: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }], inputValueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvc2VhcmNoLWJhci9zZWFyY2gtYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7QUErQjlFLE1BQU0sT0FBTyxrQkFBa0I7SUE3Qi9CO1FBOEJTLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFDbEIsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFFdEQ7O1dBRUc7UUFFSCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBUWY7O1dBRUc7UUFFSCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBMEIvQztJQXhCUSxhQUFhO1FBQ2xCLE9BQU8sQ0FBQyxHQUFHLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLE9BQU8sQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRU0sWUFBWTtRQUNqQixPQUFPLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEtBQUssS0FBSyxFQUFFO1lBQ3RDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7U0FDakM7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDOUIsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLEVBQUUsRUFBRTtZQUMxQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQzsrR0EvQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IseU1BekJuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQXNCSCx1cUJBdkJHLElBQUksNkZBQUUsT0FBTyxvRkFBRSxPQUFPLDBFQUFFLFdBQVcsOG1CQUFFLGlCQUFpQjs7NEZBMEJyRCxrQkFBa0I7a0JBN0I5QixTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLENBQUMsWUFDdkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FzQkg7OEJBYVAsU0FBUztzQkFEUixLQUFLO2dCQU9OLGVBQWU7c0JBRGQsS0FBSztnQkFPTixnQkFBZ0I7c0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1N0eWxlLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcbmltcG9ydCB7IElucHV0LCBPdXRwdXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZhTWFnbmlmeWluZ0dsYXNzLCBmYVhtYXJrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdGtzLXNlYXJjaC1iYXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nSWYsIE5nQ2xhc3MsIE5nU3R5bGUsIEZvcm1zTW9kdWxlLCBGb250QXdlc29tZU1vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiXHJcbiAgICAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiXHJcbiAgICBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWNvbG9yJzogYmFja2dyb3VuZENvbG9yIH1cIlxyXG4gICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgIGlzU2VhcmNoQmFyRXhwYW5kZWQgPyAnc2VhcmNoX19iYXIgc2VhcmNoX19iYXItLW9wZW5lZCcgOiAnc2VhcmNoX19iYXInXHJcbiAgICBcIlxyXG4gID5cclxuICAgIDxpbnB1dFxyXG4gICAgICBjbGFzcz1cInNlYXJjaF9fYmFyX19pbnB1dFwiXHJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJpbnB1dFZhbHVlXCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cImhpbnRMYWJlbFwiXHJcbiAgICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKClcIlxyXG4gICAgLz5cclxuICAgIDxmYS1pY29uXHJcbiAgICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2NsZWFyX19tYXJrX19pY29uXCJcclxuICAgICAgW2ljb25dPVwiZmFYbWFya1wiXHJcbiAgICAgICpuZ0lmPVwiaW5wdXRWYWx1ZSAhPT0gJydcIlxyXG4gICAgICAoY2xpY2spPVwib25DbGlja0NsZWFySW5wdXQoKVwiXHJcbiAgICA+PC9mYS1pY29uPlxyXG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFNYWduaWZ5aW5nR2xhc3NcIj48L2ZhLWljb24+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtYmFyLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaEJhckNvbXBvbmVudCB7XHJcbiAgcHVibGljIGlucHV0VmFsdWUgPSAnJztcclxuICBwdWJsaWMgaXNTZWFyY2hCYXJFeHBhbmRlZCA9IGZhbHNlO1xyXG4gIHB1YmxpYyByZWFkb25seSBmYVhtYXJrID0gZmFYbWFyaztcclxuICBwdWJsaWMgcmVhZG9ubHkgZmFNYWduaWZ5aW5nR2xhc3MgPSBmYU1hZ25pZnlpbmdHbGFzcztcclxuXHJcbiAgLyoqXHJcbiAgICogU2VhcmNoIGJhciBoaW50IGxhYmVsXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBoaW50TGFiZWwgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcclxuICAgKi9cclxuICBAT3V0cHV0KClcclxuICBpbnB1dFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIHB1YmxpYyBvbklucHV0Q2hhbmdlKCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coJ0lucHV0IHZhbHVlIGhhcyBjaGFuZ2VkJyk7XHJcbiAgICB0aGlzLmlucHV0VmFsdWVDaGFuZ2UuZW1pdCh0aGlzLmlucHV0VmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xpY2tDbGVhcklucHV0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coJ0lucHV0IGhhcyBiZWVuIGNsZWFyZWQnKTtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZSA9ICcnO1xyXG4gICAgdGhpcy5pbnB1dFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5pbnB1dFZhbHVlKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbk1vdXNlRW50ZXIoKTogdm9pZCB7XHJcbiAgICBjb25zb2xlLmxvZygnTW91c2UgaGFzIGVudGVyZWQnKTtcclxuICAgIGlmICh0aGlzLmlzU2VhcmNoQmFyRXhwYW5kZWQgPT09IGZhbHNlKSB7XHJcbiAgICAgIHRoaXMuaXNTZWFyY2hCYXJFeHBhbmRlZCA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25Nb3VzZUxlYXZlKCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coJ01vdXNlIGhhcyBsZWZ0Jyk7XHJcbiAgICBpZiAodGhpcy5pbnB1dFZhbHVlID09PSAnJykge1xyXG4gICAgICB0aGlzLmlzU2VhcmNoQmFyRXhwYW5kZWQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2022/components/search-bar/tekus-design-system-components-search-bar.mjs

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

package/esm2022/index.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il19

package/esm2022/tekus-design-system.mjs

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

package/fesm2022/tekus-design-system-components-search-bar.mjs

@@ -1,109 +0,0 @@
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { NgIf, NgClass, NgStyle } from '@angular/common';
-import * as i2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output } from '@angular/core';
-import { faXmark, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
-
-class SearchBarComponent {
-    constructor() {
-        this.inputValue = '';
-        this.isSearchBarExpanded = false;
-        this.faXmark = faXmark;
-        this.faMagnifyingGlass = faMagnifyingGlass;
-        /**
-         * Search bar hint label
-         */
-        this.hintLabel = '';
-        /**
-         * Input changes handler
-         */
-        this.inputValueChange = new EventEmitter();
-    }
-    onInputChange() {
-        console.log('Input value has changed');
-        this.inputValueChange.emit(this.inputValue);
-    }
-    onClickClearInput() {
-        console.log('Input has been cleared');
-        this.inputValue = '';
-        this.inputValueChange.emit(this.inputValue);
-    }
-    onMouseEnter() {
-        console.log('Mouse has entered');
-        if (this.isSearchBarExpanded === false) {
-            this.isSearchBarExpanded = true;
-        }
-    }
-    onMouseLeave() {
-        console.log('Mouse has left');
-        if (this.inputValue === '') {
-            this.isSearchBarExpanded = false;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBarComponent, isStandalone: true, selector: "lib-tks-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, ngImport: i0, template: `<div
-    (mouseenter)="onMouseEnter()"
-    (mouseleave)="onMouseLeave()"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-    [ngClass]="
-      isSearchBarExpanded ? 'search__bar search__bar--opened' : 'search__bar'
-    "
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (input)="onInputChange()"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="onClickClearInput()"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar--opened{width:13rem;border-bottom:2px solid black;background-color:#0ff}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: `<div
-    (mouseenter)="onMouseEnter()"
-    (mouseleave)="onMouseLeave()"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-    [ngClass]="
-      isSearchBarExpanded ? 'search__bar search__bar--opened' : 'search__bar'
-    "
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (input)="onInputChange()"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="onClickClearInput()"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar--opened{width:13rem;border-bottom:2px solid black;background-color:#0ff}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
-        }], propDecorators: { hintLabel: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }], inputValueChange: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SearchBarComponent };
-//# sourceMappingURL=tekus-design-system-components-search-bar.mjs.map

package/fesm2022/tekus-design-system-components-search-bar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tekus-design-system-components-search-bar.mjs","sources":["../../../projects/design-system/components/search-bar/search-bar.component.ts","../../../projects/design-system/components/search-bar/tekus-design-system-components-search-bar.ts"],"sourcesContent":["import { FormsModule } from '@angular/forms';\r\nimport { NgClass, NgStyle, NgIf } from '@angular/common';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { Input, Output, Component, EventEmitter } from '@angular/core';\r\nimport { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';\r\n\r\n@Component({\r\n  selector: 'lib-tks-search-bar',\r\n  standalone: true,\r\n  imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule],\r\n  template: `<div\r\n    (mouseenter)=\"onMouseEnter()\"\r\n    (mouseleave)=\"onMouseLeave()\"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\r\n    [ngClass]=\"\r\n      isSearchBarExpanded ? 'search__bar search__bar--opened' : 'search__bar'\r\n    \"\r\n  >\r\n    <input\r\n      class=\"search__bar__input\"\r\n      type=\"text\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [placeholder]=\"hintLabel\"\r\n      (input)=\"onInputChange()\"\r\n    />\r\n    <fa-icon\r\n      class=\"search__bar__clear__mark__icon\"\r\n      [icon]=\"faXmark\"\r\n      *ngIf=\"inputValue !== ''\"\r\n      (click)=\"onClickClearInput()\"\r\n    ></fa-icon>\r\n    <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\r\n  </div>`,\r\n  styleUrls: ['./search-bar.component.css'],\r\n})\r\nexport class SearchBarComponent {\r\n  public inputValue = '';\r\n  public isSearchBarExpanded = false;\r\n  public readonly faXmark = faXmark;\r\n  public readonly faMagnifyingGlass = faMagnifyingGlass;\r\n\r\n  /**\r\n   * Search bar hint label\r\n   */\r\n  @Input()\r\n  hintLabel = '';\r\n\r\n  /**\r\n   * What background color to use\r\n   */\r\n  @Input()\r\n  backgroundColor?: string;\r\n\r\n  /**\r\n   * Input changes handler\r\n   */\r\n  @Output()\r\n  inputValueChange = new EventEmitter<string>();\r\n\r\n  public onInputChange(): void {\r\n    console.log('Input value has changed');\r\n    this.inputValueChange.emit(this.inputValue);\r\n  }\r\n\r\n  public onClickClearInput(): void {\r\n    console.log('Input has been cleared');\r\n    this.inputValue = '';\r\n    this.inputValueChange.emit(this.inputValue);\r\n  }\r\n\r\n  public onMouseEnter(): void {\r\n    console.log('Mouse has entered');\r\n    if (this.isSearchBarExpanded === false) {\r\n      this.isSearchBarExpanded = true;\r\n    }\r\n  }\r\n\r\n  public onMouseLeave(): void {\r\n    console.log('Mouse has left');\r\n    if (this.inputValue === '') {\r\n      this.isSearchBarExpanded = false;\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=tekus-design-system.mjs.map

package/fesm2022/tekus-design-system.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tekus-design-system.mjs","sources":["../../../projects/design-system/tekus-design-system.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/index.d.ts

@@ -1 +0,0 @@
-export {};