@tekus/design-system 0.0.2 → 0.0.4

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

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

package/components/search-bar/public-api.d.ts

@@ -0,0 +1 @@
+export * from './search-bar.component';

package/{lib/components → components}/search-bar/search-bar.component.d.ts

@@ -6,8 +6,6 @@ export declare class SearchBarComponent {
     readonly faMagnifyingGlass: import("@fortawesome/fontawesome-common-types").IconDefinition;
     /**
      * Search bar hint label
-     *
-     * @required
      */
     hintLabel: string;
     /**
@@ -17,7 +15,7 @@ export declare class SearchBarComponent {
     /**
      * Input changes handler
      */
-    inputChange: EventEmitter<Event>;
+    inputValueChange: EventEmitter<string>;
     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; }; }, { "inputChange": "inputChange"; }, never, never, true, 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

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

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

@@ -0,0 +1,77 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+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/common";
+import * as i2 from "@fortawesome/angular-fontawesome";
+import * as i3 from "@angular/forms";
+export class SearchBarComponent {
+    constructor() {
+        this.inputValue = '';
+        this.faXmark = faXmark;
+        this.faMagnifyingGlass = faMagnifyingGlass;
+        /**
+         * Search bar hint label
+         */
+        this.hintLabel = '';
+        /**
+         * Input changes handler
+         */
+        this.inputValueChange = new EventEmitter();
+    }
+    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
+    [ngClass]="
+      inputValue === '' ? 'search__bar' : 'search__bar search__bar--opened'
+    "
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    <input
+      class="search__bar__input"
+      type="text"
+      [(ngModel)]="inputValue"
+      [placeholder]="hintLabel"
+      (ngModelChange)="inputValueChange.emit(inputValue)"
+    />
+    <fa-icon
+      class="search__bar__clear__mark__icon"
+      [icon]="faXmark"
+      *ngIf="inputValue !== ''"
+      (click)="inputValue = ''"
+    ></fa-icon>
+    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar--opened .search__bar__input{width:100%;max-width:18rem}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:100%;max-width:18rem}.search__bar__input{width:0;max-width:100%;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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: "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"] }, { 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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+}
+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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
+    [ngClass]="
+      inputValue === '' ? 'search__bar' : 'search__bar search__bar--opened'
+    "
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    <input
+      class="search__bar__input"
+      type="text"
+      [(ngModel)]="inputValue"
+      [placeholder]="hintLabel"
+      (ngModelChange)="inputValueChange.emit(inputValue)"
+    />
+    <fa-icon
+      class="search__bar__clear__mark__icon"
+      [icon]="faXmark"
+      *ngIf="inputValue !== ''"
+      (click)="inputValue = ''"
+    ></fa-icon>
+    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar--opened .search__bar__input{width:100%;max-width:18rem}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:100%;max-width:18rem}.search__bar__input{width:0;max-width:100%;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvc2VhcmNoLWJhci9zZWFyY2gtYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQTZCOUUsTUFBTSxPQUFPLGtCQUFrQjtJQTNCL0I7UUE0QlMsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNQLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFDbEIsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFFdEQ7O1dBRUc7UUFFSCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBUWY7O1dBRUc7UUFFSCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBQy9DOytHQXRCWSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5TUF2Qm5COzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQW9CSCw4dUJBckJHLFlBQVkscVRBQUUsaUJBQWlCLGtTQUFFLFdBQVcsOG1CQUFFLG1CQUFtQjs7NEZBd0JoRSxrQkFBa0I7a0JBM0I5QixTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixDQUFDLFlBQ2xFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQW9CSDs4QkFZUCxTQUFTO3NCQURSLEtBQUs7Z0JBT04sZUFBZTtzQkFEZCxLQUFLO2dCQU9OLGdCQUFnQjtzQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYU1hZ25pZnlpbmdHbGFzcywgZmFYbWFyayB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXRrcy1zZWFyY2gtYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBbbmdDbGFzc109XCJcclxuICAgICAgaW5wdXRWYWx1ZSA9PT0gJycgPyAnc2VhcmNoX19iYXInIDogJ3NlYXJjaF9fYmFyIHNlYXJjaF9fYmFyLS1vcGVuZWQnXHJcbiAgICBcIlxyXG4gICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tncm91bmRDb2xvciB9XCJcclxuICA+XHJcbiAgICA8aW5wdXRcclxuICAgICAgY2xhc3M9XCJzZWFyY2hfX2Jhcl9faW5wdXRcIlxyXG4gICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJoaW50TGFiZWxcIlxyXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJpbnB1dFZhbHVlQ2hhbmdlLmVtaXQoaW5wdXRWYWx1ZSlcIlxyXG4gICAgLz5cclxuICAgIDxmYS1pY29uXHJcbiAgICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2NsZWFyX19tYXJrX19pY29uXCJcclxuICAgICAgW2ljb25dPVwiZmFYbWFya1wiXHJcbiAgICAgICpuZ0lmPVwiaW5wdXRWYWx1ZSAhPT0gJydcIlxyXG4gICAgICAoY2xpY2spPVwiaW5wdXRWYWx1ZSA9ICcnXCJcclxuICAgID48L2ZhLWljb24+XHJcbiAgICA8ZmEtaWNvbiBbaWNvbl09XCJmYU1hZ25pZnlpbmdHbGFzc1wiPjwvZmEtaWNvbj5cclxuICA8L2Rpdj5gLFxyXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1iYXIuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VhcmNoQmFyQ29tcG9uZW50IHtcclxuICBwdWJsaWMgaW5wdXRWYWx1ZSA9ICcnO1xyXG4gIHB1YmxpYyByZWFkb25seSBmYVhtYXJrID0gZmFYbWFyaztcclxuICBwdWJsaWMgcmVhZG9ubHkgZmFNYWduaWZ5aW5nR2xhc3MgPSBmYU1hZ25pZnlpbmdHbGFzcztcclxuXHJcbiAgLyoqXHJcbiAgICogU2VhcmNoIGJhciBoaW50IGxhYmVsXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBoaW50TGFiZWwgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcclxuICAgKi9cclxuICBAT3V0cHV0KClcclxuICBpbnB1dFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbn1cclxuIl19

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

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

package/esm2022/index.mjs

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

package/esm2022/tekus-design-system.mjs

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

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

@@ -0,0 +1,84 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+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.faXmark = faXmark;
+        this.faMagnifyingGlass = faMagnifyingGlass;
+        /**
+         * Search bar hint label
+         */
+        this.hintLabel = '';
+        /**
+         * Input changes handler
+         */
+        this.inputValueChange = new EventEmitter();
+    }
+    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
+    [ngClass]="
+      inputValue === '' ? 'search__bar' : 'search__bar search__bar--opened'
+    "
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    <input
+      class="search__bar__input"
+      type="text"
+      [(ngModel)]="inputValue"
+      [placeholder]="hintLabel"
+      (ngModelChange)="inputValueChange.emit(inputValue)"
+    />
+    <fa-icon
+      class="search__bar__clear__mark__icon"
+      [icon]="faXmark"
+      *ngIf="inputValue !== ''"
+      (click)="inputValue = ''"
+    ></fa-icon>
+    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar--opened .search__bar__input{width:100%;max-width:18rem}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:100%;max-width:18rem}.search__bar__input{width:0;max-width:100%;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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: "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"] }, { 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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+}
+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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
+    [ngClass]="
+      inputValue === '' ? 'search__bar' : 'search__bar search__bar--opened'
+    "
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    <input
+      class="search__bar__input"
+      type="text"
+      [(ngModel)]="inputValue"
+      [placeholder]="hintLabel"
+      (ngModelChange)="inputValueChange.emit(inputValue)"
+    />
+    <fa-icon
+      class="search__bar__clear__mark__icon"
+      [icon]="faXmark"
+      *ngIf="inputValue !== ''"
+      (click)="inputValue = ''"
+    ></fa-icon>
+    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar--opened .search__bar__input{width:100%;max-width:18rem}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:100%;max-width:18rem}.search__bar__input{width:0;max-width:100%;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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

@@ -0,0 +1 @@
+{"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 { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule],\r\n  template: `<div\r\n    [ngClass]=\"\r\n      inputValue === '' ? 'search__bar' : 'search__bar search__bar--opened'\r\n    \"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\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      (ngModelChange)=\"inputValueChange.emit(inputValue)\"\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)=\"inputValue = ''\"\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 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAiCa,kBAAkB,CAAA;AA3B/B,IAAA,WAAA,GAAA;QA4BS,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;QAClB,IAAiB,CAAA,iBAAA,GAAG,iBAAiB,CAAC;AAEtD;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAQf;;AAEG;AAEH,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;AAC/C,KAAA;+GAtBY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAvBnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBH,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uqBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EArBG,YAAY,EAAE,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,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,8mBAAE,mBAAmB,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAwBhE,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA3B9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAClB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,mBAAmB,CAAC,EAClE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBH,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,uqBAAA,CAAA,EAAA,CAAA;8BAYP,SAAS,EAAA,CAAA;sBADR,KAAK;gBAON,eAAe,EAAA,CAAA;sBADd,KAAK;gBAON,gBAAgB,EAAA,CAAA;sBADf,MAAM;;;ACrDT;;AAEG;;;;"}

package/fesm2022/tekus-design-system.mjs

@@ -1,100 +1,4 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { faXmark, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
-
-class SearchBarComponent {
-    constructor() {
-        this.inputValue = '';
-        this.faXmark = faXmark;
-        this.faMagnifyingGlass = faMagnifyingGlass;
-        /**
-         * Search bar hint label
-         *
-         * @required
-         */
-        this.hintLabel = '';
-        /**
-         * Input changes handler
-         */
-        this.inputChange = new EventEmitter();
-    }
-    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: { inputChange: "inputChange" }, ngImport: i0, template: `<div
-    class="search__bar"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (ngModelChange)="inputChange.emit($event)"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="inputValue = ''"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:18rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
-}
-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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
-    class="search__bar"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (ngModelChange)="inputChange.emit($event)"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="inputValue = ''"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:18rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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
-            }], inputChange: [{
-                type: Output
-            }] } });
-
-class DesignSystemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent], exports: [SearchBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [SearchBarComponent],
-                    exports: [SearchBarComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of design-system
- */
-
 /**
  * Generated bundle index. Do not edit.
  */
-
-export { DesignSystemModule, SearchBarComponent };
 //# sourceMappingURL=tekus-design-system.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system.mjs","sources":["../../../projects/design-system/src/lib/components/search-bar/search-bar.component.ts","../../../projects/design-system/src/lib/design-system.module.ts","../../../projects/design-system/src/public-api.ts","../../../projects/design-system/src/tekus-design-system.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule],\r\n  template: `<div\r\n    class=\"search__bar\"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\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      (ngModelChange)=\"inputChange.emit($event)\"\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)=\"inputValue = ''\"\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 readonly faXmark = faXmark;\r\n  public readonly faMagnifyingGlass = faMagnifyingGlass;\r\n\r\n  /**\r\n   * Search bar hint label\r\n   *\r\n   * @required\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  inputChange = new EventEmitter<Event>();\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { SearchBarComponent } from './components/search-bar/search-bar.component';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [SearchBarComponent],\r\n  exports: [SearchBarComponent],\r\n})\r\nexport class DesignSystemModule {}\r\n","/*\r\n * Public API Surface of design-system\r\n */\r\n\r\nexport * from './lib/design-system.module';\r\nexport * from './lib/components/search-bar/search-bar.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"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,5 +1 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system" />
-export * from './public-api';
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekus/design-system",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0"
@@ -20,6 +20,12 @@
       "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"
     }
   }
 }

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

@@ -1,75 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-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/common";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/forms";
-export class SearchBarComponent {
-    constructor() {
-        this.inputValue = '';
-        this.faXmark = faXmark;
-        this.faMagnifyingGlass = faMagnifyingGlass;
-        /**
-         * Search bar hint label
-         *
-         * @required
-         */
-        this.hintLabel = '';
-        /**
-         * Input changes handler
-         */
-        this.inputChange = new EventEmitter();
-    }
-    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: { inputChange: "inputChange" }, ngImport: i0, template: `<div
-    class="search__bar"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (ngModelChange)="inputChange.emit($event)"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="inputValue = ''"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, isInline: true, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:18rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
-}
-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: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
-    class="search__bar"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-  >
-    <input
-      class="search__bar__input"
-      type="text"
-      [(ngModel)]="inputValue"
-      [placeholder]="hintLabel"
-      (ngModelChange)="inputChange.emit($event)"
-    />
-    <fa-icon
-      class="search__bar__clear__mark__icon"
-      [icon]="faXmark"
-      *ngIf="inputValue !== ''"
-      (click)="inputValue = ''"
-    ></fa-icon>
-    <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-  </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{width:-moz-fit-content;width:fit-content;height:2.5rem;display:flex;cursor:pointer;align-items:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:18rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .8s;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
-            }], inputChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBMkI5RSxNQUFNLE9BQU8sa0JBQWtCO0lBekIvQjtRQTBCUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ1AsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUV0RDs7OztXQUlHO1FBRUgsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQVFmOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBQ3pDOytHQXhCWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrTEFyQm5COzs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FrQkgsNG9CQW5CRyxZQUFZLHVOQUFFLGlCQUFpQixrU0FBRSxXQUFXLDhtQkFBRSxtQkFBbUI7OzRGQXNCaEUsa0JBQWtCO2tCQXpCOUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxZQUNsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O1NBa0JIOzhCQWNQLFNBQVM7c0JBRFIsS0FBSztnQkFPTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYU1hZ25pZnlpbmdHbGFzcywgZmFYbWFyayB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXRrcy1zZWFyY2gtYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBjbGFzcz1cInNlYXJjaF9fYmFyXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3IgfVwiXHJcbiAgPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2lucHV0XCJcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiaGludExhYmVsXCJcclxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiaW5wdXRDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcclxuICAgIC8+XHJcbiAgICA8ZmEtaWNvblxyXG4gICAgICBjbGFzcz1cInNlYXJjaF9fYmFyX19jbGVhcl9fbWFya19faWNvblwiXHJcbiAgICAgIFtpY29uXT1cImZhWG1hcmtcIlxyXG4gICAgICAqbmdJZj1cImlucHV0VmFsdWUgIT09ICcnXCJcclxuICAgICAgKGNsaWNrKT1cImlucHV0VmFsdWUgPSAnJ1wiXHJcbiAgICA+PC9mYS1pY29uPlxyXG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFNYWduaWZ5aW5nR2xhc3NcIj48L2ZhLWljb24+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtYmFyLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaEJhckNvbXBvbmVudCB7XHJcbiAgcHVibGljIGlucHV0VmFsdWUgPSAnJztcclxuICBwdWJsaWMgcmVhZG9ubHkgZmFYbWFyayA9IGZhWG1hcms7XHJcbiAgcHVibGljIHJlYWRvbmx5IGZhTWFnbmlmeWluZ0dsYXNzID0gZmFNYWduaWZ5aW5nR2xhc3M7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNlYXJjaCBiYXIgaGludCBsYWJlbFxyXG4gICAqXHJcbiAgICogQHJlcXVpcmVkXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBoaW50TGFiZWwgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcclxuICAgKi9cclxuICBAT3V0cHV0KClcclxuICBpbnB1dENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcbn1cclxuIl19

package/esm2022/lib/design-system.module.mjs

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { SearchBarComponent } from './components/search-bar/search-bar.component';
-import * as i0 from "@angular/core";
-export class DesignSystemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent], exports: [SearchBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [SearchBarComponent],
-                    exports: [SearchBarComponent],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvZGVzaWduLXN5c3RlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFPbEYsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsWUFIbkIsa0JBQWtCLGFBQ2xCLGtCQUFrQjtnSEFFakIsa0JBQWtCLFlBSG5CLGtCQUFrQjs7NEZBR2pCLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNlYXJjaEJhckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXSxcclxuICBpbXBvcnRzOiBbU2VhcmNoQmFyQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbU2VhcmNoQmFyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIERlc2lnblN5c3RlbU1vZHVsZSB7fVxyXG4iXX0=

package/esm2022/public-api.mjs

@@ -1,6 +0,0 @@
-/*
- * Public API Surface of design-system
- */
-export * from './lib/design-system.module';
-export * from './lib/components/search-bar/search-bar.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsa0RBQWtELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZGVzaWduLXN5c3RlbVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Rlc2lnbi1zeXN0ZW0ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50JztcclxuIl19

package/lib/design-system.module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./components/search-bar/search-bar.component";
-export declare class DesignSystemModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DesignSystemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignSystemModule, never, [typeof i1.SearchBarComponent], [typeof i1.SearchBarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DesignSystemModule>;
-}

package/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/design-system.module';
-export * from './lib/components/search-bar/search-bar.component';