@tekus/design-system 2.0.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/assets/styles/_index.scss +1 -0
  2. package/assets/styles/_variables.scss +284 -0
  3. package/components/tk-dropdown-list/index.d.ts +5 -0
  4. package/components/tk-dropdown-list/public-api.d.ts +1 -0
  5. package/components/{dropdown-list/dropdown-list.component.d.ts → tk-dropdown-list/tk-dropdown-list.component.d.ts} +3 -3
  6. package/components/tk-form-autocomplete-field/index.d.ts +5 -0
  7. package/components/tk-form-autocomplete-field/models/option.model.d.ts +4 -0
  8. package/components/tk-form-autocomplete-field/public-api.d.ts +1 -0
  9. package/components/tk-form-autocomplete-field/tk-form-autocomplete-field.component.d.ts +158 -0
  10. package/components/tk-form-chips-autocomplete-field/index.d.ts +5 -0
  11. package/components/tk-form-chips-autocomplete-field/models/option.model.d.ts +4 -0
  12. package/components/tk-form-chips-autocomplete-field/public-api.d.ts +1 -0
  13. package/components/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.d.ts +114 -0
  14. package/components/tk-form-input-field/index.d.ts +5 -0
  15. package/components/tk-form-input-field/models/validator-with-message.model.d.ts +5 -0
  16. package/components/tk-form-input-field/public-api.d.ts +1 -0
  17. package/components/tk-form-input-field/tk-form-input-field.component.d.ts +132 -0
  18. package/components/{dropdown-list → tk-search-bar}/index.d.ts +1 -1
  19. package/components/tk-search-bar/public-api.d.ts +1 -0
  20. package/components/{search-bar/search-bar.component.d.ts → tk-search-bar/tk-search-bar.component.d.ts} +3 -3
  21. package/components/tk-typography/index.d.ts +5 -0
  22. package/components/tk-typography/public-api.d.ts +1 -0
  23. package/components/tk-typography/tk-typography.component.d.ts +10 -0
  24. package/esm2022/components/tk-dropdown-list/models/dropdown-list-item.model.mjs +2 -0
  25. package/esm2022/components/tk-dropdown-list/public-api.mjs +2 -0
  26. package/esm2022/components/tk-dropdown-list/tekus-design-system-components-tk-dropdown-list.mjs +5 -0
  27. package/esm2022/components/tk-dropdown-list/tk-dropdown-list.component.mjs +137 -0
  28. package/esm2022/components/tk-form-autocomplete-field/models/option.model.mjs +2 -0
  29. package/esm2022/components/tk-form-autocomplete-field/public-api.mjs +2 -0
  30. package/esm2022/components/tk-form-autocomplete-field/tekus-design-system-components-tk-form-autocomplete-field.mjs +5 -0
  31. package/esm2022/components/tk-form-autocomplete-field/tk-form-autocomplete-field.component.mjs +238 -0
  32. package/esm2022/components/tk-form-chips-autocomplete-field/models/option.model.mjs +2 -0
  33. package/esm2022/components/tk-form-chips-autocomplete-field/public-api.mjs +2 -0
  34. package/esm2022/components/tk-form-chips-autocomplete-field/tekus-design-system-components-tk-form-chips-autocomplete-field.mjs +5 -0
  35. package/esm2022/components/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.mjs +167 -0
  36. package/esm2022/components/tk-form-input-field/models/validator-with-message.model.mjs +2 -0
  37. package/esm2022/components/tk-form-input-field/public-api.mjs +2 -0
  38. package/esm2022/components/tk-form-input-field/tekus-design-system-components-tk-form-input-field.mjs +5 -0
  39. package/esm2022/components/tk-form-input-field/tk-form-input-field.component.mjs +199 -0
  40. package/esm2022/components/tk-search-bar/public-api.mjs +2 -0
  41. package/esm2022/components/tk-search-bar/tekus-design-system-components-tk-search-bar.mjs +5 -0
  42. package/esm2022/components/tk-search-bar/tk-search-bar.component.mjs +49 -0
  43. package/esm2022/components/tk-typography/public-api.mjs +2 -0
  44. package/esm2022/components/tk-typography/tekus-design-system-components-tk-typography.mjs +5 -0
  45. package/esm2022/components/tk-typography/tk-typography.component.mjs +29 -0
  46. package/esm2022/services/typography/models/typographyStyles.model.mjs +2 -0
  47. package/esm2022/services/typography/public-api.mjs +2 -0
  48. package/esm2022/services/typography/tekus-design-system-services-typography.mjs +5 -0
  49. package/esm2022/services/typography/typography.service.mjs +84 -0
  50. package/fesm2022/{tekus-design-system-components-dropdown-list.mjs → tekus-design-system-components-tk-dropdown-list.mjs} +7 -7
  51. package/fesm2022/tekus-design-system-components-tk-dropdown-list.mjs.map +1 -0
  52. package/fesm2022/tekus-design-system-components-tk-form-autocomplete-field.mjs +245 -0
  53. package/fesm2022/tekus-design-system-components-tk-form-autocomplete-field.mjs.map +1 -0
  54. package/fesm2022/tekus-design-system-components-tk-form-chips-autocomplete-field.mjs +174 -0
  55. package/fesm2022/tekus-design-system-components-tk-form-chips-autocomplete-field.mjs.map +1 -0
  56. package/fesm2022/tekus-design-system-components-tk-form-input-field.mjs +206 -0
  57. package/fesm2022/tekus-design-system-components-tk-form-input-field.mjs.map +1 -0
  58. package/fesm2022/tekus-design-system-components-tk-search-bar.mjs +56 -0
  59. package/fesm2022/tekus-design-system-components-tk-search-bar.mjs.map +1 -0
  60. package/fesm2022/tekus-design-system-components-tk-typography.mjs +36 -0
  61. package/fesm2022/tekus-design-system-components-tk-typography.mjs.map +1 -0
  62. package/fesm2022/tekus-design-system-services-typography.mjs +91 -0
  63. package/fesm2022/tekus-design-system-services-typography.mjs.map +1 -0
  64. package/package.json +43 -12
  65. package/{components/search-bar → services/typography}/index.d.ts +1 -1
  66. package/services/typography/models/typographyStyles.model.d.ts +36 -0
  67. package/services/typography/public-api.d.ts +1 -0
  68. package/services/typography/typography.service.d.ts +8 -0
  69. package/components/dropdown-list/public-api.d.ts +0 -2
  70. package/components/search-bar/public-api.d.ts +0 -1
  71. package/esm2022/components/dropdown-list/dropdown-list.component.mjs +0 -137
  72. package/esm2022/components/dropdown-list/models/dropdown-list-item.model.mjs +0 -2
  73. package/esm2022/components/dropdown-list/public-api.mjs +0 -3
  74. package/esm2022/components/dropdown-list/tekus-design-system-components-dropdown-list.mjs +0 -5
  75. package/esm2022/components/search-bar/public-api.mjs +0 -2
  76. package/esm2022/components/search-bar/search-bar.component.mjs +0 -83
  77. package/esm2022/components/search-bar/tekus-design-system-components-search-bar.mjs +0 -5
  78. package/fesm2022/tekus-design-system-components-dropdown-list.mjs.map +0 -1
  79. package/fesm2022/tekus-design-system-components-search-bar.mjs +0 -90
  80. package/fesm2022/tekus-design-system-components-search-bar.mjs.map +0 -1
  81. /package/components/{dropdown-list → tk-dropdown-list}/models/dropdown-list-item.model.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
- /// <amd-module name="@tekus/design-system/components/search-bar" />
4
+ /// <amd-module name="@tekus/design-system/services/typography" />
5
5
  export * from './public-api';
@@ -0,0 +1,36 @@
1
+ export interface TypographyStyles {
2
+ general: FontCSSProperties;
3
+ 'h1-heading': FontCSSProperties;
4
+ 'h2-heading': FontCSSProperties;
5
+ 'h3-heading': FontCSSProperties;
6
+ 'h4-heading': FontCSSProperties;
7
+ 'h5-heading': FontCSSProperties;
8
+ 'h6-heading': FontCSSProperties;
9
+ subtitle1: FontCSSProperties;
10
+ subtitle2: FontCSSProperties;
11
+ body1: FontCSSProperties;
12
+ body2: FontCSSProperties;
13
+ 'p1-paragraph': FontCSSProperties;
14
+ 'underline-text': FontCSSProperties;
15
+ }
16
+ export interface FontCSSProperties {
17
+ fontFamily?: string;
18
+ fontSize?: string | number;
19
+ fontStyle?: 'normal' | 'italic' | 'oblique' | 'initial' | 'inherit';
20
+ fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter' | 'initial' | 'inherit';
21
+ fontVariant?: 'normal' | 'small-caps' | 'initial' | 'inherit';
22
+ lineHeight?: number | string;
23
+ letterSpacing?: string;
24
+ textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
25
+ textDecoration?: 'none' | 'underline' | 'overline' | 'line-through' | 'initial' | 'inherit';
26
+ textAlign?: 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';
27
+ textShadow?: string;
28
+ color?: string;
29
+ direction?: 'ltr' | 'rtl' | 'initial' | 'inherit';
30
+ whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'initial' | 'inherit';
31
+ wordSpacing?: string;
32
+ wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'initial' | 'inherit';
33
+ overflowWrap?: 'normal' | 'break-word' | 'anywhere' | 'initial' | 'inherit';
34
+ hyphens?: 'none' | 'manual' | 'auto' | 'initial' | 'inherit';
35
+ [key: string]: string | number | undefined;
36
+ }
@@ -0,0 +1 @@
1
+ export * from './typography.service';
@@ -0,0 +1,8 @@
1
+ import { TypographyStyles } from './models/typographyStyles.model';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TypographyService {
4
+ initTheme(customTypography?: TypographyStyles | null): void;
5
+ getDefaultTypographyStyles(): TypographyStyles;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<TypographyService, never>;
7
+ static ɵprov: i0.ɵɵInjectableDeclaration<TypographyService>;
8
+ }
@@ -1,2 +0,0 @@
1
- export * from './dropdown-list.component';
2
- export * from './models/dropdown-list-item.model';
@@ -1 +0,0 @@
1
- export * from './search-bar.component';
@@ -1,137 +0,0 @@
1
- import { faXmark, faCheck, faCaretUp, faCaretDown, } from '@fortawesome/pro-solid-svg-icons';
2
- import { FormsModule } from '@angular/forms';
3
- import { NgClass, NgFor, NgIf, NgStyle } from '@angular/common';
4
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
5
- import { Input, Output, Component, EventEmitter } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/forms";
8
- import * as i2 from "@fortawesome/angular-fontawesome";
9
- export class DropdownListComponent {
10
- constructor() {
11
- /**
12
- * Search field input value
13
- * @ignore
14
- */
15
- this.inputValue = '';
16
- /**
17
- * Selected value
18
- * @ignore
19
- */
20
- this.selectedValue = { Value: '', ViewValue: '' };
21
- /**
22
- * Is dropdown list visible
23
- * @ignore
24
- */
25
- this.isDropDownListVisible = false;
26
- /**
27
- * Icon
28
- * @ignore
29
- */
30
- this.faXmark = faXmark;
31
- /**
32
- * Icon
33
- * @ignore
34
- */
35
- this.faCheck = faCheck;
36
- /**
37
- * Icon
38
- * @ignore
39
- */
40
- this.faCaretUp = faCaretUp;
41
- /**
42
- * Icon
43
- * @ignore
44
- */
45
- this.faCaretDown = faCaretDown;
46
- /**
47
- * Dropdown list hint label
48
- * @default ''
49
- */
50
- this.hintLabel = '';
51
- /**
52
- * Dropdown list search field placeholder
53
- * @default ''
54
- */
55
- this.searchFieldPlaceHolder = '';
56
- /**
57
- * Selected value changes handler
58
- */
59
- this.selectedValueChange = new EventEmitter();
60
- }
61
- /**
62
- * @ignore
63
- * Component lifecycle method
64
- */
65
- ngOnInit() {
66
- this.loadData();
67
- }
68
- /**
69
- * @ignore
70
- * Component method to load data
71
- */
72
- loadData() {
73
- if (this.data && this.data.length > 0) {
74
- this.filteredData = this.data.slice();
75
- }
76
- }
77
- /**
78
- * @ignore
79
- * Component method to handle click on dropdown list
80
- */
81
- onClickDropDownList() {
82
- this.isDropDownListVisible = !this.isDropDownListVisible;
83
- }
84
- /**
85
- * @ignore
86
- * Component method to handle click on clear selected value
87
- */
88
- onClickClearSelectedValue() {
89
- this.selectedValue.Value = '';
90
- this.selectedValue.ViewValue = '';
91
- this.selectedValueChange.emit(this.selectedValue.Value);
92
- }
93
- /**
94
- * @ignore
95
- * Component method to handle click on clear input value
96
- */
97
- onClickClearInputValue() {
98
- this.inputValue = '';
99
- this.filter();
100
- }
101
- /**
102
- * @ignore
103
- * Component method to handle click on dropdown list item
104
- */
105
- onClickListItem(item) {
106
- this.selectedValue.Value = item.Value;
107
- this.selectedValue.ViewValue = item.ViewValue;
108
- this.selectedValueChange.emit(item.Value);
109
- }
110
- /**
111
- * @ignore
112
- * Component method to filter data
113
- */
114
- filter() {
115
- const filterValue = this.inputValue.toLowerCase();
116
- this.filteredData = this.data.filter(option => String(option.ViewValue).toLowerCase().trim().includes(filterValue));
117
- }
118
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DropdownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
119
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DropdownListComponent, isStandalone: true, selector: "lib-tks-dropdown-list", inputs: { data: "data", hintLabel: "hintLabel", searchFieldPlaceHolder: "searchFieldPlaceHolder", width: "width", backgroundColor: "backgroundColor" }, outputs: { selectedValueChange: "selectedValueChange" }, ngImport: i0, template: "<div class=\"dropdown__list\">\n <div\n class=\"dropdown__list__selected__item__field\"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <label [attr.aria-label]=\"selectedValue.ViewValue\" for=\"selectedValue\">\n <input\n class=\"dropdown__list__selected__item\"\n type=\"text\"\n readonly=\"true\"\n id=\"selectedValue\"\n name=\"selectedValue\"\n [value]=\"\n selectedValue.ViewValue ? selectedValue.ViewValue : hintLabel\n \" />\n </label>\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"selectedValue.ViewValue !== ''\"\n (click)=\"onClickClearSelectedValue()\"></fa-icon>\n <fa-icon\n class=\"dropdown__list__caret__icon\"\n [icon]=\"isDropDownListVisible ? faCaretUp : faCaretDown\"\n (click)=\"onClickDropDownList()\"></fa-icon>\n </div>\n <div\n [class]=\"\n isDropDownListVisible\n ? 'dropdown__list__collapsible--open dropdown__list__collapsible'\n : 'dropdown__list__collapsible'\n \"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <div class=\"dropdown__list__search__field\">\n <input\n class=\"dropdown__list__search__field__input\"\n type=\"text\"\n (input)=\"filter()\"\n (focus)=\"filter()\"\n [(ngModel)]=\"inputValue\"\n [placeholder]=\"searchFieldPlaceHolder\" />\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"inputValue !== ''\"\n (click)=\"onClickClearInputValue()\"></fa-icon>\n </div>\n <ul class=\"dropdown__list__items\">\n <li\n [ngClass]=\"\n filteredValue.ViewValue === selectedValue.ViewValue\n ? 'dropdown__list__item dropdown__list__item--selected'\n : 'dropdown__list__item'\n \"\n tabindex=\"0\"\n (click)=\"onClickListItem(filteredValue)\"\n *ngFor=\"let filteredValue of filteredData\"\n (keydown.enter)=\"onClickListItem(filteredValue)\">\n {{ filteredValue.ViewValue }}\n <fa-icon\n class=\"dropdown__list__item__checked__icon\"\n [icon]=\"faCheck\"\n *ngIf=\"filteredValue.ViewValue === selectedValue.ViewValue\"></fa-icon>\n </li>\n </ul>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.dropdown__list{position:relative}.dropdown__list__selected__item__field{width:13rem;display:flex;align-items:center;padding:.3rem 0rem;flex-flow:row nowrap;justify-content:space-between;border-bottom:1.2px solid black}.dropdown__list__selected__item{width:100%;border:none;outline:none;display:flex;align-items:center;flex-flow:row nowrap;background:transparent;justify-content:flex-start;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__caret__icon{margin:0 .5rem}.dropdown__list__caret__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__collapsible{top:100%;height:0;opacity:0;gap:.5rem;width:13rem;z-index:100;display:flex;overflow:hidden;position:absolute;align-items:center;padding:.5rem .3rem;justify-content:center;flex-flow:column nowrap;background-color:#fff;transition:all .4s ease-in-out}.dropdown__list__collapsible--open{opacity:1;max-height:10rem;height:fit-content}.dropdown__list__collapsible--open .dropdown__list__search__field,.dropdown__list__collapsible--open .dropdown__list__items{display:flex}.dropdown__list__search__field{width:100%;display:none;align-items:center;border-radius:.5rem;padding:.3rem .5rem;justify-content:center;border:1px solid black}.dropdown__list__search__field__input{width:100%;border:none;outline:none;font-weight:500;background:transparent;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__clear__mark__icon{margin:0 .5rem}.dropdown__list__clear__mark__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__items{width:100%;height:100%;display:none;overflow-y:auto;padding:.1rem 0;align-items:flex-start;flex-flow:column nowrap}.dropdown__list__item{width:100%;display:flex;cursor:pointer;list-style:none;align-items:center;flex-flow:row nowrap;padding:.3rem .2rem;transition:font-size .3s;justify-content:space-between;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__item:hover{font-size:1rem;background-color:#d3d3d3}.dropdown__list__item--selected{background-color:#c1efc3}.dropdown__list__item__checked__icon{color:#2ba130}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] }); }
120
- }
121
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DropdownListComponent, decorators: [{
122
- type: Component,
123
- args: [{ selector: 'lib-tks-dropdown-list', standalone: true, imports: [NgStyle, NgClass, NgFor, NgIf, FormsModule, FontAwesomeModule], template: "<div class=\"dropdown__list\">\n <div\n class=\"dropdown__list__selected__item__field\"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <label [attr.aria-label]=\"selectedValue.ViewValue\" for=\"selectedValue\">\n <input\n class=\"dropdown__list__selected__item\"\n type=\"text\"\n readonly=\"true\"\n id=\"selectedValue\"\n name=\"selectedValue\"\n [value]=\"\n selectedValue.ViewValue ? selectedValue.ViewValue : hintLabel\n \" />\n </label>\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"selectedValue.ViewValue !== ''\"\n (click)=\"onClickClearSelectedValue()\"></fa-icon>\n <fa-icon\n class=\"dropdown__list__caret__icon\"\n [icon]=\"isDropDownListVisible ? faCaretUp : faCaretDown\"\n (click)=\"onClickDropDownList()\"></fa-icon>\n </div>\n <div\n [class]=\"\n isDropDownListVisible\n ? 'dropdown__list__collapsible--open dropdown__list__collapsible'\n : 'dropdown__list__collapsible'\n \"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <div class=\"dropdown__list__search__field\">\n <input\n class=\"dropdown__list__search__field__input\"\n type=\"text\"\n (input)=\"filter()\"\n (focus)=\"filter()\"\n [(ngModel)]=\"inputValue\"\n [placeholder]=\"searchFieldPlaceHolder\" />\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"inputValue !== ''\"\n (click)=\"onClickClearInputValue()\"></fa-icon>\n </div>\n <ul class=\"dropdown__list__items\">\n <li\n [ngClass]=\"\n filteredValue.ViewValue === selectedValue.ViewValue\n ? 'dropdown__list__item dropdown__list__item--selected'\n : 'dropdown__list__item'\n \"\n tabindex=\"0\"\n (click)=\"onClickListItem(filteredValue)\"\n *ngFor=\"let filteredValue of filteredData\"\n (keydown.enter)=\"onClickListItem(filteredValue)\">\n {{ filteredValue.ViewValue }}\n <fa-icon\n class=\"dropdown__list__item__checked__icon\"\n [icon]=\"faCheck\"\n *ngIf=\"filteredValue.ViewValue === selectedValue.ViewValue\"></fa-icon>\n </li>\n </ul>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.dropdown__list{position:relative}.dropdown__list__selected__item__field{width:13rem;display:flex;align-items:center;padding:.3rem 0rem;flex-flow:row nowrap;justify-content:space-between;border-bottom:1.2px solid black}.dropdown__list__selected__item{width:100%;border:none;outline:none;display:flex;align-items:center;flex-flow:row nowrap;background:transparent;justify-content:flex-start;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__caret__icon{margin:0 .5rem}.dropdown__list__caret__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__collapsible{top:100%;height:0;opacity:0;gap:.5rem;width:13rem;z-index:100;display:flex;overflow:hidden;position:absolute;align-items:center;padding:.5rem .3rem;justify-content:center;flex-flow:column nowrap;background-color:#fff;transition:all .4s ease-in-out}.dropdown__list__collapsible--open{opacity:1;max-height:10rem;height:fit-content}.dropdown__list__collapsible--open .dropdown__list__search__field,.dropdown__list__collapsible--open .dropdown__list__items{display:flex}.dropdown__list__search__field{width:100%;display:none;align-items:center;border-radius:.5rem;padding:.3rem .5rem;justify-content:center;border:1px solid black}.dropdown__list__search__field__input{width:100%;border:none;outline:none;font-weight:500;background:transparent;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__clear__mark__icon{margin:0 .5rem}.dropdown__list__clear__mark__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__items{width:100%;height:100%;display:none;overflow-y:auto;padding:.1rem 0;align-items:flex-start;flex-flow:column nowrap}.dropdown__list__item{width:100%;display:flex;cursor:pointer;list-style:none;align-items:center;flex-flow:row nowrap;padding:.3rem .2rem;transition:font-size .3s;justify-content:space-between;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__item:hover{font-size:1rem;background-color:#d3d3d3}.dropdown__list__item--selected{background-color:#c1efc3}.dropdown__list__item__checked__icon{color:#2ba130}\n"] }]
124
- }], propDecorators: { data: [{
125
- type: Input
126
- }], hintLabel: [{
127
- type: Input
128
- }], searchFieldPlaceHolder: [{
129
- type: Input
130
- }], width: [{
131
- type: Input
132
- }], backgroundColor: [{
133
- type: Input
134
- }], selectedValueChange: [{
135
- type: Output
136
- }] } });
137
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvZHJvcGRvd24tbGlzdC9kcm9wZG93bi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9kcm9wZG93bi1saXN0L2Ryb3Bkb3duLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGtDQUFrQyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUUU7OztXQUdHO1FBQ0ksZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7O1dBR0c7UUFDSSxrQkFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFRcEQ7OztXQUdHO1FBQ0ksMEJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBRXJDOzs7V0FHRztRQUNhLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFDbEM7OztXQUdHO1FBQ2EsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQzs7O1dBR0c7UUFDYSxjQUFTLEdBQUcsU0FBUyxDQUFDO1FBQ3RDOzs7V0FHRztRQUNhLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBTzFDOzs7V0FHRztRQUVILGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZjs7O1dBR0c7UUFFSCwyQkFBc0IsR0FBRyxFQUFFLENBQUM7UUFnQjVCOztXQUVHO1FBRUgsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQW1FbEQ7SUFqRUM7OztPQUdHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssUUFBUTtRQUNkLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSSxtQkFBbUI7UUFDeEIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDO0lBQzNELENBQUM7SUFFRDs7O09BR0c7SUFDSSx5QkFBeUI7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNsQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVEOzs7T0FHRztJQUNJLHNCQUFzQjtRQUMzQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLGVBQWUsQ0FBQyxJQUFzQjtRQUMzQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDOUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLE1BQU07UUFDWCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FDNUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQ3BFLENBQUM7SUFDSixDQUFDOytHQXJKVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixrU0NuQmxDLDYxRUFrRUEsK3FFRG5EWSxPQUFPLDJFQUFFLE9BQU8sb0ZBQUUsS0FBSyxtSEFBRSxJQUFJLDRGQUFFLFdBQVcsOG1CQUFFLGlCQUFpQjs7NEZBSTVELHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQzs4QkFxRC9ELElBQUk7c0JBQVosS0FBSztnQkFPTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sc0JBQXNCO3NCQURyQixLQUFLO2dCQVFOLEtBQUs7c0JBREosS0FBSztnQkFRTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sbUJBQW1CO3NCQURsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZmFYbWFyayxcbiAgZmFDaGVjayxcbiAgZmFDYXJldFVwLFxuICBmYUNhcmV0RG93bixcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0ZvciwgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IERyb3Bkb3duTGlzdEl0ZW0gfSBmcm9tICcuL21vZGVscy9kcm9wZG93bi1saXN0LWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCwgT25Jbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGtzLWRyb3Bkb3duLWxpc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdTdHlsZSwgTmdDbGFzcywgTmdGb3IsIE5nSWYsIEZvcm1zTW9kdWxlLCBGb250QXdlc29tZU1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogU2VhcmNoIGZpZWxkIGlucHV0IHZhbHVlXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBpbnB1dFZhbHVlID0gJyc7XG5cbiAgLyoqXG4gICAqIFNlbGVjdGVkIHZhbHVlXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBzZWxlY3RlZFZhbHVlID0geyBWYWx1ZTogJycsIFZpZXdWYWx1ZTogJycgfTtcblxuICAvKipcbiAgICogRmlsdGVyZWQgZGF0YVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZmlsdGVyZWREYXRhITogRHJvcGRvd25MaXN0SXRlbVtdO1xuXG4gIC8qKlxuICAgKiBJcyBkcm9wZG93biBsaXN0IHZpc2libGVcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGlzRHJvcERvd25MaXN0VmlzaWJsZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJY29uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBmYVhtYXJrID0gZmFYbWFyaztcbiAgLyoqXG4gICAqIEljb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGZhQ2hlY2sgPSBmYUNoZWNrO1xuICAvKipcbiAgICogSWNvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgZmFDYXJldFVwID0gZmFDYXJldFVwO1xuICAvKipcbiAgICogSWNvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgZmFDYXJldERvd24gPSBmYUNhcmV0RG93bjtcblxuICAvKipcbiAgICogRGF0YSBmb3IgZHJvcGRvd24gbGlzdFxuICAgKi9cbiAgQElucHV0KCkgZGF0YSE6IERyb3Bkb3duTGlzdEl0ZW1bXTtcblxuICAvKipcbiAgICogRHJvcGRvd24gbGlzdCBoaW50IGxhYmVsXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBoaW50TGFiZWwgPSAnJztcblxuICAvKipcbiAgICogRHJvcGRvd24gbGlzdCBzZWFyY2ggZmllbGQgcGxhY2Vob2xkZXJcbiAgICogQGRlZmF1bHQgJydcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNlYXJjaEZpZWxkUGxhY2VIb2xkZXIgPSAnJztcblxuICAvKipcbiAgICogV2lkdGggb2YgdGhlIGRyb3Bkb3duIGxpc3RcbiAgICogQGRlZmF1bHQgMTNyZW1cbiAgICovXG4gIEBJbnB1dCgpXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGF0IGJhY2tncm91bmQgY29sb3IgdG8gdXNlXG4gICAqIEBkZWZhdWx0ICNmZmZcbiAgICovXG4gIEBJbnB1dCgpXG4gIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcblxuICAvKipcbiAgICogU2VsZWN0ZWQgdmFsdWUgY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgc2VsZWN0ZWRWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWREYXRhKCk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDb21wb25lbnQgbWV0aG9kIHRvIGxvYWQgZGF0YVxuICAgKi9cbiAgcHJpdmF0ZSBsb2FkRGF0YSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kYXRhICYmIHRoaXMuZGF0YS5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMuZGF0YS5zbGljZSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBtZXRob2QgdG8gaGFuZGxlIGNsaWNrIG9uIGRyb3Bkb3duIGxpc3RcbiAgICovXG4gIHB1YmxpYyBvbkNsaWNrRHJvcERvd25MaXN0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNEcm9wRG93bkxpc3RWaXNpYmxlID0gIXRoaXMuaXNEcm9wRG93bkxpc3RWaXNpYmxlO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogQ29tcG9uZW50IG1ldGhvZCB0byBoYW5kbGUgY2xpY2sgb24gY2xlYXIgc2VsZWN0ZWQgdmFsdWVcbiAgICovXG4gIHB1YmxpYyBvbkNsaWNrQ2xlYXJTZWxlY3RlZFZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZS5WYWx1ZSA9ICcnO1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWUgPSAnJztcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkVmFsdWUuVmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogQ29tcG9uZW50IG1ldGhvZCB0byBoYW5kbGUgY2xpY2sgb24gY2xlYXIgaW5wdXQgdmFsdWVcbiAgICovXG4gIHB1YmxpYyBvbkNsaWNrQ2xlYXJJbnB1dFZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRWYWx1ZSA9ICcnO1xuICAgIHRoaXMuZmlsdGVyKCk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDb21wb25lbnQgbWV0aG9kIHRvIGhhbmRsZSBjbGljayBvbiBkcm9wZG93biBsaXN0IGl0ZW1cbiAgICovXG4gIHB1YmxpYyBvbkNsaWNrTGlzdEl0ZW0oaXRlbTogRHJvcGRvd25MaXN0SXRlbSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZS5WYWx1ZSA9IGl0ZW0uVmFsdWU7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZSA9IGl0ZW0uVmlld1ZhbHVlO1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZUNoYW5nZS5lbWl0KGl0ZW0uVmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogQ29tcG9uZW50IG1ldGhvZCB0byBmaWx0ZXIgZGF0YVxuICAgKi9cbiAgcHVibGljIGZpbHRlcigpOiB2b2lkIHtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHRoaXMuaW5wdXRWYWx1ZS50b0xvd2VyQ2FzZSgpO1xuICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5kYXRhLmZpbHRlcihvcHRpb24gPT5cbiAgICAgIFN0cmluZyhvcHRpb24uVmlld1ZhbHVlKS50b0xvd2VyQ2FzZSgpLnRyaW0oKS5pbmNsdWRlcyhmaWx0ZXJWYWx1ZSlcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZHJvcGRvd25fX2xpc3RcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX3NlbGVjdGVkX19pdGVtX19maWVsZFwiXG4gICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tncm91bmRDb2xvciwgd2lkdGg6IHdpZHRoIH1cIj5cbiAgICA8bGFiZWwgW2F0dHIuYXJpYS1sYWJlbF09XCJzZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZVwiIGZvcj1cInNlbGVjdGVkVmFsdWVcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duX19saXN0X19zZWxlY3RlZF9faXRlbVwiXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgcmVhZG9ubHk9XCJ0cnVlXCJcbiAgICAgICAgaWQ9XCJzZWxlY3RlZFZhbHVlXCJcbiAgICAgICAgbmFtZT1cInNlbGVjdGVkVmFsdWVcIlxuICAgICAgICBbdmFsdWVdPVwiXG4gICAgICAgICAgc2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWUgPyBzZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZSA6IGhpbnRMYWJlbFxuICAgICAgICBcIiAvPlxuICAgIDwvbGFiZWw+XG4gICAgPGZhLWljb25cbiAgICAgIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX2NsZWFyX19tYXJrX19pY29uXCJcbiAgICAgIFtpY29uXT1cImZhWG1hcmtcIlxuICAgICAgKm5nSWY9XCJzZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZSAhPT0gJydcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tDbGVhclNlbGVjdGVkVmFsdWUoKVwiPjwvZmEtaWNvbj5cbiAgICA8ZmEtaWNvblxuICAgICAgY2xhc3M9XCJkcm9wZG93bl9fbGlzdF9fY2FyZXRfX2ljb25cIlxuICAgICAgW2ljb25dPVwiaXNEcm9wRG93bkxpc3RWaXNpYmxlID8gZmFDYXJldFVwIDogZmFDYXJldERvd25cIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tEcm9wRG93bkxpc3QoKVwiPjwvZmEtaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBbY2xhc3NdPVwiXG4gICAgICBpc0Ryb3BEb3duTGlzdFZpc2libGVcbiAgICAgICAgPyAnZHJvcGRvd25fX2xpc3RfX2NvbGxhcHNpYmxlLS1vcGVuIGRyb3Bkb3duX19saXN0X19jb2xsYXBzaWJsZSdcbiAgICAgICAgOiAnZHJvcGRvd25fX2xpc3RfX2NvbGxhcHNpYmxlJ1xuICAgIFwiXG4gICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tncm91bmRDb2xvciwgd2lkdGg6IHdpZHRoIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX3NlYXJjaF9fZmllbGRcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duX19saXN0X19zZWFyY2hfX2ZpZWxkX19pbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgKGlucHV0KT1cImZpbHRlcigpXCJcbiAgICAgICAgKGZvY3VzKT1cImZpbHRlcigpXCJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJpbnB1dFZhbHVlXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaEZpZWxkUGxhY2VIb2xkZXJcIiAvPlxuICAgICAgPGZhLWljb25cbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bl9fbGlzdF9fY2xlYXJfX21hcmtfX2ljb25cIlxuICAgICAgICBbaWNvbl09XCJmYVhtYXJrXCJcbiAgICAgICAgKm5nSWY9XCJpbnB1dFZhbHVlICE9PSAnJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrQ2xlYXJJbnB1dFZhbHVlKClcIj48L2ZhLWljb24+XG4gICAgPC9kaXY+XG4gICAgPHVsIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX2l0ZW1zXCI+XG4gICAgICA8bGlcbiAgICAgICAgW25nQ2xhc3NdPVwiXG4gICAgICAgICAgZmlsdGVyZWRWYWx1ZS5WaWV3VmFsdWUgPT09IHNlbGVjdGVkVmFsdWUuVmlld1ZhbHVlXG4gICAgICAgICAgICA/ICdkcm9wZG93bl9fbGlzdF9faXRlbSBkcm9wZG93bl9fbGlzdF9faXRlbS0tc2VsZWN0ZWQnXG4gICAgICAgICAgICA6ICdkcm9wZG93bl9fbGlzdF9faXRlbSdcbiAgICAgICAgXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tMaXN0SXRlbShmaWx0ZXJlZFZhbHVlKVwiXG4gICAgICAgICpuZ0Zvcj1cImxldCBmaWx0ZXJlZFZhbHVlIG9mIGZpbHRlcmVkRGF0YVwiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cIm9uQ2xpY2tMaXN0SXRlbShmaWx0ZXJlZFZhbHVlKVwiPlxuICAgICAgICB7eyBmaWx0ZXJlZFZhbHVlLlZpZXdWYWx1ZSB9fVxuICAgICAgICA8ZmEtaWNvblxuICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX2l0ZW1fX2NoZWNrZWRfX2ljb25cIlxuICAgICAgICAgIFtpY29uXT1cImZhQ2hlY2tcIlxuICAgICAgICAgICpuZ0lmPVwiZmlsdGVyZWRWYWx1ZS5WaWV3VmFsdWUgPT09IHNlbGVjdGVkVmFsdWUuVmlld1ZhbHVlXCI+PC9mYS1pY29uPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbGlzdC1pdGVtLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Ryb3Bkb3duLWxpc3QvbW9kZWxzL2Ryb3Bkb3duLWxpc3QtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuZXhwb3J0IGludGVyZmFjZSBEcm9wZG93bkxpc3RJdGVtIHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgVmFsdWU6IGFueTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgVmlld1ZhbHVlOiBhbnk7XG59XG4iXX0=
@@ -1,3 +0,0 @@
1
- export * from './dropdown-list.component';
2
- export * from './models/dropdown-list-item.model';
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9kcm9wZG93bi1saXN0L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLG1DQUFtQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21vZGVscy9kcm9wZG93bi1saXN0LWl0ZW0ubW9kZWwnXG4iXX0=
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLWRyb3Bkb3duLWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvZHJvcGRvd24tbGlzdC90ZWt1cy1kZXNpZ24tc3lzdGVtLWNvbXBvbmVudHMtZHJvcGRvd24tbGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -1,2 +0,0 @@
1
- export * from './search-bar.component';
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9zZWFyY2gtYmFyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VhcmNoLWJhci5jb21wb25lbnQnO1xuIl19
@@ -1,83 +0,0 @@
1
- import { Input, Output, Component, ViewChild, EventEmitter, } from '@angular/core';
2
- import { FormsModule } from '@angular/forms';
3
- import { NgClass, NgStyle, NgIf } from '@angular/common';
4
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
5
- import { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/forms";
8
- import * as i2 from "@fortawesome/angular-fontawesome";
9
- export class SearchBarComponent {
10
- constructor() {
11
- this.inputValue = '';
12
- this.faXmark = faXmark;
13
- this.faMagnifyingGlass = faMagnifyingGlass;
14
- /**
15
- * Search bar hint label
16
- */
17
- this.hintLabel = '';
18
- /**
19
- * Input changes handler
20
- */
21
- this.inputValueChange = new EventEmitter();
22
- }
23
- onInputChange() {
24
- this.inputValueChange.emit(this.inputValue);
25
- }
26
- onMouseEnter() {
27
- this.searchInput.nativeElement.focus();
28
- }
29
- onInputClear() {
30
- this.inputValue = '';
31
- this.inputValueChange.emit('');
32
- }
33
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
34
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SearchBarComponent, isStandalone: true, selector: "lib-tks-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: `<div
35
- class="search__bar"
36
- (mouseenter)="onMouseEnter()"
37
- [ngStyle]="{ 'background-color': backgroundColor }">
38
- <input
39
- class="search__bar__input"
40
- type="text"
41
- #searchInput
42
- [(ngModel)]="inputValue"
43
- [placeholder]="hintLabel"
44
- (input)="onInputChange()" />
45
- <fa-icon
46
- class="search__bar__clear__mark__icon"
47
- [icon]="faXmark"
48
- *ngIf="inputValue !== ''"
49
- (click)="onInputClear()"></fa-icon>
50
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
51
- </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:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.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__input:focus{width:13rem}.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: 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"] }] }); }
52
- }
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SearchBarComponent, decorators: [{
54
- type: Component,
55
- args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: `<div
56
- class="search__bar"
57
- (mouseenter)="onMouseEnter()"
58
- [ngStyle]="{ 'background-color': backgroundColor }">
59
- <input
60
- class="search__bar__input"
61
- type="text"
62
- #searchInput
63
- [(ngModel)]="inputValue"
64
- [placeholder]="hintLabel"
65
- (input)="onInputChange()" />
66
- <fa-icon
67
- class="search__bar__clear__mark__icon"
68
- [icon]="faXmark"
69
- *ngIf="inputValue !== ''"
70
- (click)="onInputClear()"></fa-icon>
71
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
72
- </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.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__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
73
- }], propDecorators: { searchInput: [{
74
- type: ViewChild,
75
- args: ['searchInput', { static: false }]
76
- }], hintLabel: [{
77
- type: Input
78
- }], backgroundColor: [{
79
- type: Input
80
- }], inputValueChange: [{
81
- type: Output
82
- }] } });
83
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvc2VhcmNoLWJhci9zZWFyY2gtYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsU0FBUyxFQUVULFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7O0FBMEI5RSxNQUFNLE9BQU8sa0JBQWtCO0lBeEIvQjtRQXlCUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ1AsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUl0RDs7V0FFRztRQUVILGNBQVMsR0FBRyxFQUFFLENBQUM7UUFRZjs7V0FFRztRQUVILHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FjL0M7SUFaUSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FwQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IscVRBcEJuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FpQkgscXNCQWxCRyxJQUFJLDZGQUFXLE9BQU8sMEVBQUUsV0FBVyw4bUJBQUUsaUJBQWlCOzs0RkFxQnJELGtCQUFrQjtrQkF4QjlCLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxZQUN2RDs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FpQkg7OEJBUXNDLFdBQVc7c0JBQXZELFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFNM0MsU0FBUztzQkFEUixLQUFLO2dCQU9OLGVBQWU7c0JBRGQsS0FBSztnQkFPTixnQkFBZ0I7c0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIElucHV0LFxuICBPdXRwdXQsXG4gIENvbXBvbmVudCxcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1N0eWxlLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFNYWduaWZ5aW5nR2xhc3MsIGZhWG1hcmsgfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10a3Mtc2VhcmNoLWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBOZ1N0eWxlLCBGb3Jtc01vZHVsZSwgRm9udEF3ZXNvbWVNb2R1bGVdLFxuICB0ZW1wbGF0ZTogYDxkaXZcbiAgICBjbGFzcz1cInNlYXJjaF9fYmFyXCJcbiAgICAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiXG4gICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tncm91bmRDb2xvciB9XCI+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cInNlYXJjaF9fYmFyX19pbnB1dFwiXG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiaGludExhYmVsXCJcbiAgICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKClcIiAvPlxuICAgIDxmYS1pY29uXG4gICAgICBjbGFzcz1cInNlYXJjaF9fYmFyX19jbGVhcl9fbWFya19faWNvblwiXG4gICAgICBbaWNvbl09XCJmYVhtYXJrXCJcbiAgICAgICpuZ0lmPVwiaW5wdXRWYWx1ZSAhPT0gJydcIlxuICAgICAgKGNsaWNrKT1cIm9uSW5wdXRDbGVhcigpXCI+PC9mYS1pY29uPlxuICAgIDxmYS1pY29uIFtpY29uXT1cImZhTWFnbmlmeWluZ0dsYXNzXCI+PC9mYS1pY29uPlxuICA8L2Rpdj5gLFxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtYmFyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgcHVibGljIGlucHV0VmFsdWUgPSAnJztcbiAgcHVibGljIHJlYWRvbmx5IGZhWG1hcmsgPSBmYVhtYXJrO1xuICBwdWJsaWMgcmVhZG9ubHkgZmFNYWduaWZ5aW5nR2xhc3MgPSBmYU1hZ25pZnlpbmdHbGFzcztcblxuICBAVmlld0NoaWxkKCdzZWFyY2hJbnB1dCcsIHsgc3RhdGljOiBmYWxzZSB9KSBzZWFyY2hJbnB1dCE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIFNlYXJjaCBiYXIgaGludCBsYWJlbFxuICAgKi9cbiAgQElucHV0KClcbiAgaGludExhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIFdoYXQgYmFja2dyb3VuZCBjb2xvciB0byB1c2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcblxuICAvKipcbiAgICogSW5wdXQgY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgaW5wdXRWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBvbklucHV0Q2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuaW5wdXRWYWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgb25Nb3VzZUVudGVyKCk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoSW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgcHVibGljIG9uSW5wdXRDbGVhcigpIHtcbiAgICB0aGlzLmlucHV0VmFsdWUgPSAnJztcbiAgICB0aGlzLmlucHV0VmFsdWVDaGFuZ2UuZW1pdCgnJyk7XG4gIH1cbn1cbiJdfQ==
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLXNlYXJjaC1iYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvc2VhcmNoLWJhci90ZWt1cy1kZXNpZ24tc3lzdGVtLWNvbXBvbmVudHMtc2VhcmNoLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -1 +0,0 @@
1
- {"version":3,"file":"tekus-design-system-components-dropdown-list.mjs","sources":["../../../projects/design-system/components/dropdown-list/dropdown-list.component.ts","../../../projects/design-system/components/dropdown-list/dropdown-list.component.html","../../../projects/design-system/components/dropdown-list/tekus-design-system-components-dropdown-list.ts"],"sourcesContent":["import {\n faXmark,\n faCheck,\n faCaretUp,\n faCaretDown,\n} from '@fortawesome/pro-solid-svg-icons';\nimport { FormsModule } from '@angular/forms';\nimport { NgClass, NgFor, NgIf, NgStyle } from '@angular/common';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { DropdownListItem } from './models/dropdown-list-item.model';\nimport { Input, Output, OnInit, Component, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'lib-tks-dropdown-list',\n standalone: true,\n imports: [NgStyle, NgClass, NgFor, NgIf, FormsModule, FontAwesomeModule],\n templateUrl: './dropdown-list.component.html',\n styleUrls: ['./dropdown-list.component.scss'],\n})\nexport class DropdownListComponent implements OnInit {\n /**\n * Search field input value\n * @ignore\n */\n public inputValue = '';\n\n /**\n * Selected value\n * @ignore\n */\n public selectedValue = { Value: '', ViewValue: '' };\n\n /**\n * Filtered data\n * @ignore\n */\n public filteredData!: DropdownListItem[];\n\n /**\n * Is dropdown list visible\n * @ignore\n */\n public isDropDownListVisible = false;\n\n /**\n * Icon\n * @ignore\n */\n public readonly faXmark = faXmark;\n /**\n * Icon\n * @ignore\n */\n public readonly faCheck = faCheck;\n /**\n * Icon\n * @ignore\n */\n public readonly faCaretUp = faCaretUp;\n /**\n * Icon\n * @ignore\n */\n public readonly faCaretDown = faCaretDown;\n\n /**\n * Data for dropdown list\n */\n @Input() data!: DropdownListItem[];\n\n /**\n * Dropdown list hint label\n * @default ''\n */\n @Input()\n hintLabel = '';\n\n /**\n * Dropdown list search field placeholder\n * @default ''\n */\n @Input()\n searchFieldPlaceHolder = '';\n\n /**\n * Width of the dropdown list\n * @default 13rem\n */\n @Input()\n width?: string;\n\n /**\n * What background color to use\n * @default #fff\n */\n @Input()\n backgroundColor?: string;\n\n /**\n * Selected value changes handler\n */\n @Output()\n selectedValueChange = new EventEmitter<string>();\n\n /**\n * @ignore\n * Component lifecycle method\n */\n ngOnInit(): void {\n this.loadData();\n }\n\n /**\n * @ignore\n * Component method to load data\n */\n private loadData(): void {\n if (this.data && this.data.length > 0) {\n this.filteredData = this.data.slice();\n }\n }\n\n /**\n * @ignore\n * Component method to handle click on dropdown list\n */\n public onClickDropDownList(): void {\n this.isDropDownListVisible = !this.isDropDownListVisible;\n }\n\n /**\n * @ignore\n * Component method to handle click on clear selected value\n */\n public onClickClearSelectedValue(): void {\n this.selectedValue.Value = '';\n this.selectedValue.ViewValue = '';\n this.selectedValueChange.emit(this.selectedValue.Value);\n }\n\n /**\n * @ignore\n * Component method to handle click on clear input value\n */\n public onClickClearInputValue(): void {\n this.inputValue = '';\n this.filter();\n }\n\n /**\n * @ignore\n * Component method to handle click on dropdown list item\n */\n public onClickListItem(item: DropdownListItem): void {\n this.selectedValue.Value = item.Value;\n this.selectedValue.ViewValue = item.ViewValue;\n this.selectedValueChange.emit(item.Value);\n }\n\n /**\n * @ignore\n * Component method to filter data\n */\n public filter(): void {\n const filterValue = this.inputValue.toLowerCase();\n this.filteredData = this.data.filter(option =>\n String(option.ViewValue).toLowerCase().trim().includes(filterValue)\n );\n }\n}\n","<div class=\"dropdown__list\">\n <div\n class=\"dropdown__list__selected__item__field\"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <label [attr.aria-label]=\"selectedValue.ViewValue\" for=\"selectedValue\">\n <input\n class=\"dropdown__list__selected__item\"\n type=\"text\"\n readonly=\"true\"\n id=\"selectedValue\"\n name=\"selectedValue\"\n [value]=\"\n selectedValue.ViewValue ? selectedValue.ViewValue : hintLabel\n \" />\n </label>\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"selectedValue.ViewValue !== ''\"\n (click)=\"onClickClearSelectedValue()\"></fa-icon>\n <fa-icon\n class=\"dropdown__list__caret__icon\"\n [icon]=\"isDropDownListVisible ? faCaretUp : faCaretDown\"\n (click)=\"onClickDropDownList()\"></fa-icon>\n </div>\n <div\n [class]=\"\n isDropDownListVisible\n ? 'dropdown__list__collapsible--open dropdown__list__collapsible'\n : 'dropdown__list__collapsible'\n \"\n [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n <div class=\"dropdown__list__search__field\">\n <input\n class=\"dropdown__list__search__field__input\"\n type=\"text\"\n (input)=\"filter()\"\n (focus)=\"filter()\"\n [(ngModel)]=\"inputValue\"\n [placeholder]=\"searchFieldPlaceHolder\" />\n <fa-icon\n class=\"dropdown__list__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"inputValue !== ''\"\n (click)=\"onClickClearInputValue()\"></fa-icon>\n </div>\n <ul class=\"dropdown__list__items\">\n <li\n [ngClass]=\"\n filteredValue.ViewValue === selectedValue.ViewValue\n ? 'dropdown__list__item dropdown__list__item--selected'\n : 'dropdown__list__item'\n \"\n tabindex=\"0\"\n (click)=\"onClickListItem(filteredValue)\"\n *ngFor=\"let filteredValue of filteredData\"\n (keydown.enter)=\"onClickListItem(filteredValue)\">\n {{ filteredValue.ViewValue }}\n <fa-icon\n class=\"dropdown__list__item__checked__icon\"\n [icon]=\"faCheck\"\n *ngIf=\"filteredValue.ViewValue === selectedValue.ViewValue\"></fa-icon>\n </li>\n </ul>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAmBa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQE;;;AAGG;QACI,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAEvB;;;AAGG;QACI,IAAa,CAAA,aAAA,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;AAQpD;;;AAGG;QACI,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;AAErC;;;AAGG;QACa,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AAClC;;;AAGG;QACa,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AAClC;;;AAGG;QACa,IAAS,CAAA,SAAA,GAAG,SAAS,CAAC;AACtC;;;AAGG;QACa,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;AAO1C;;;AAGG;QAEH,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAEf;;;AAGG;QAEH,IAAsB,CAAA,sBAAA,GAAG,EAAE,CAAC;AAgB5B;;AAEG;AAEH,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAU,CAAC;AAmElD,KAAA;AAjEC;;;AAGG;IACH,QAAQ,GAAA;QACN,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;AAED;;;AAGG;IACK,QAAQ,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;SACvC;KACF;AAED;;;AAGG;IACI,mBAAmB,GAAA;AACxB,QAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;KAC1D;AAED;;;AAGG;IACI,yBAAyB,GAAA;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KACzD;AAED;;;AAGG;IACI,sBAAsB,GAAA;AAC3B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;AAED;;;AAGG;AACI,IAAA,eAAe,CAAC,IAAsB,EAAA;QAC3C,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;AAED;;;AAGG;IACI,MAAM,GAAA;QACX,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;AAClD,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IACzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CACpE,CAAC;KACH;+GArJU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ECnBlC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,61EAkEA,EDnDY,MAAA,EAAA,CAAA,unEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,KAAK,EAAE,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EAAE,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,8mBAAE,iBAAiB,EAAA,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,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAI5D,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EACrB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,61EAAA,EAAA,MAAA,EAAA,CAAA,unEAAA,CAAA,EAAA,CAAA;8BAqD/D,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAON,SAAS,EAAA,CAAA;sBADR,KAAK;gBAQN,sBAAsB,EAAA,CAAA;sBADrB,KAAK;gBAQN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAQN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAON,mBAAmB,EAAA,CAAA;sBADlB,MAAM;;;AErGT;;AAEG;;;;"}
@@ -1,90 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { EventEmitter, Component, ViewChild, Input, Output } from '@angular/core';
3
- import * as i1 from '@angular/forms';
4
- import { FormsModule } from '@angular/forms';
5
- import { NgIf, NgStyle, NgClass } from '@angular/common';
6
- import * as i2 from '@fortawesome/angular-fontawesome';
7
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
8
- import { faXmark, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
9
-
10
- class SearchBarComponent {
11
- constructor() {
12
- this.inputValue = '';
13
- this.faXmark = faXmark;
14
- this.faMagnifyingGlass = faMagnifyingGlass;
15
- /**
16
- * Search bar hint label
17
- */
18
- this.hintLabel = '';
19
- /**
20
- * Input changes handler
21
- */
22
- this.inputValueChange = new EventEmitter();
23
- }
24
- onInputChange() {
25
- this.inputValueChange.emit(this.inputValue);
26
- }
27
- onMouseEnter() {
28
- this.searchInput.nativeElement.focus();
29
- }
30
- onInputClear() {
31
- this.inputValue = '';
32
- this.inputValueChange.emit('');
33
- }
34
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SearchBarComponent, isStandalone: true, selector: "lib-tks-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: `<div
36
- class="search__bar"
37
- (mouseenter)="onMouseEnter()"
38
- [ngStyle]="{ 'background-color': backgroundColor }">
39
- <input
40
- class="search__bar__input"
41
- type="text"
42
- #searchInput
43
- [(ngModel)]="inputValue"
44
- [placeholder]="hintLabel"
45
- (input)="onInputChange()" />
46
- <fa-icon
47
- class="search__bar__clear__mark__icon"
48
- [icon]="faXmark"
49
- *ngIf="inputValue !== ''"
50
- (click)="onInputClear()"></fa-icon>
51
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
52
- </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:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.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__input:focus{width:13rem}.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: 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"] }] }); }
53
- }
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SearchBarComponent, decorators: [{
55
- type: Component,
56
- args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: `<div
57
- class="search__bar"
58
- (mouseenter)="onMouseEnter()"
59
- [ngStyle]="{ 'background-color': backgroundColor }">
60
- <input
61
- class="search__bar__input"
62
- type="text"
63
- #searchInput
64
- [(ngModel)]="inputValue"
65
- [placeholder]="hintLabel"
66
- (input)="onInputChange()" />
67
- <fa-icon
68
- class="search__bar__clear__mark__icon"
69
- [icon]="faXmark"
70
- *ngIf="inputValue !== ''"
71
- (click)="onInputClear()"></fa-icon>
72
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
73
- </div>`, styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.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__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
74
- }], propDecorators: { searchInput: [{
75
- type: ViewChild,
76
- args: ['searchInput', { static: false }]
77
- }], hintLabel: [{
78
- type: Input
79
- }], backgroundColor: [{
80
- type: Input
81
- }], inputValueChange: [{
82
- type: Output
83
- }] } });
84
-
85
- /**
86
- * Generated bundle index. Do not edit.
87
- */
88
-
89
- export { SearchBarComponent };
90
- //# sourceMappingURL=tekus-design-system-components-search-bar.mjs.map
@@ -1 +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 {\n Input,\n Output,\n Component,\n ViewChild,\n ElementRef,\n EventEmitter,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgClass, NgStyle, NgIf } from '@angular/common';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';\n\n@Component({\n selector: 'lib-tks-search-bar',\n standalone: true,\n imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule],\n template: `<div\n class=\"search__bar\"\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>`,\n styleUrls: ['./search-bar.component.css'],\n})\nexport class SearchBarComponent {\n public inputValue = '';\n public readonly faXmark = faXmark;\n public readonly faMagnifyingGlass = faMagnifyingGlass;\n\n @ViewChild('searchInput', { static: false }) searchInput!: ElementRef;\n\n /**\n * Search bar hint label\n */\n @Input()\n hintLabel = '';\n\n /**\n * What background color to use\n */\n @Input()\n backgroundColor?: string;\n\n /**\n * Input changes handler\n */\n @Output()\n inputValueChange = new EventEmitter<string>();\n\n public onInputChange(): void {\n this.inputValueChange.emit(this.inputValue);\n }\n\n public onMouseEnter(): void {\n this.searchInput.nativeElement.focus();\n }\n\n public onInputClear() {\n this.inputValue = '';\n this.inputValueChange.emit('');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}