@tekus/design-system 0.0.1 → 0.0.2

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 (14) hide show
  1. package/esm2022/lib/components/search-bar/search-bar.component.mjs +37 -37
  2. package/esm2022/lib/design-system.module.mjs +6 -6
  3. package/esm2022/public-api.mjs +1 -2
  4. package/esm2022/tekus-design-system.mjs +5 -0
  5. package/fesm2022/{design-system.mjs → tekus-design-system.mjs} +53 -112
  6. package/fesm2022/tekus-design-system.mjs.map +1 -0
  7. package/index.d.ts +1 -1
  8. package/lib/design-system.module.d.ts +2 -2
  9. package/package.json +5 -5
  10. package/public-api.d.ts +0 -1
  11. package/esm2022/design-system.mjs +0 -5
  12. package/esm2022/lib/components/button/button.component.mjs +0 -62
  13. package/fesm2022/design-system.mjs.map +0 -1
  14. package/lib/components/button/button.component.d.ts +0 -29
package/esm2022/lib/components/search-bar/search-bar.component.mjs CHANGED
@@ -24,46 +24,46 @@ export class SearchBarComponent {
24
24
  this.inputChange = new EventEmitter();
25
25
  }
26
26
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- 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
28
- class="search__bar"
29
- [ngStyle]="{ 'background-color': backgroundColor }"
30
- >
31
- <input
32
- class="search__bar__input"
33
- type="text"
34
- [(ngModel)]="inputValue"
35
- [placeholder]="hintLabel"
36
- (ngModelChange)="inputChange.emit($event)"
37
- />
38
- <fa-icon
39
- class="search__bar__clear__mark__icon"
40
- [icon]="faXmark"
41
- *ngIf="inputValue !== ''"
42
- (click)="inputValue = ''"
43
- ></fa-icon>
44
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
27
+ 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
28
+ class="search__bar"
29
+ [ngStyle]="{ 'background-color': backgroundColor }"
30
+ >
31
+ <input
32
+ class="search__bar__input"
33
+ type="text"
34
+ [(ngModel)]="inputValue"
35
+ [placeholder]="hintLabel"
36
+ (ngModelChange)="inputChange.emit($event)"
37
+ />
38
+ <fa-icon
39
+ class="search__bar__clear__mark__icon"
40
+ [icon]="faXmark"
41
+ *ngIf="inputValue !== ''"
42
+ (click)="inputValue = ''"
43
+ ></fa-icon>
44
+ <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
45
45
  </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 }] }); }
46
46
  }
47
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, decorators: [{
48
48
  type: Component,
49
- args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
50
- class="search__bar"
51
- [ngStyle]="{ 'background-color': backgroundColor }"
52
- >
53
- <input
54
- class="search__bar__input"
55
- type="text"
56
- [(ngModel)]="inputValue"
57
- [placeholder]="hintLabel"
58
- (ngModelChange)="inputChange.emit($event)"
59
- />
60
- <fa-icon
61
- class="search__bar__clear__mark__icon"
62
- [icon]="faXmark"
63
- *ngIf="inputValue !== ''"
64
- (click)="inputValue = ''"
65
- ></fa-icon>
66
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
49
+ args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
50
+ class="search__bar"
51
+ [ngStyle]="{ 'background-color': backgroundColor }"
52
+ >
53
+ <input
54
+ class="search__bar__input"
55
+ type="text"
56
+ [(ngModel)]="inputValue"
57
+ [placeholder]="hintLabel"
58
+ (ngModelChange)="inputChange.emit($event)"
59
+ />
60
+ <fa-icon
61
+ class="search__bar__clear__mark__icon"
62
+ [icon]="faXmark"
63
+ *ngIf="inputValue !== ''"
64
+ (click)="inputValue = ''"
65
+ ></fa-icon>
66
+ <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
67
67
  </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"] }]
68
68
  }], propDecorators: { hintLabel: [{
69
69
  type: Input
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
72
72
  }], inputChange: [{
73
73
  type: Output
74
74
  }] } });
75
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBMkI5RSxNQUFNLE9BQU8sa0JBQWtCO0lBekIvQjtRQTBCUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ1AsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUV0RDs7OztXQUlHO1FBRUgsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQVFmOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBQ3pDOytHQXhCWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrTEFyQm5COzs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FrQkgsNG9CQW5CRyxZQUFZLHVOQUFFLGlCQUFpQixrU0FBRSxXQUFXLDhtQkFBRSxtQkFBbUI7OzRGQXNCaEUsa0JBQWtCO2tCQXpCOUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxZQUNsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O1NBa0JIOzhCQWNQLFNBQVM7c0JBRFIsS0FBSztnQkFPTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNYWduaWZ5aW5nR2xhc3MsIGZhWG1hcmsgfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10a3Mtc2VhcmNoLWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlOiBgPGRpdlxuICAgIGNsYXNzPVwic2VhcmNoX19iYXJcIlxuICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3IgfVwiXG4gID5cbiAgICA8aW5wdXRcbiAgICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2lucHV0XCJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiaGludExhYmVsXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImlucHV0Q2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgLz5cbiAgICA8ZmEtaWNvblxuICAgICAgY2xhc3M9XCJzZWFyY2hfX2Jhcl9fY2xlYXJfX21hcmtfX2ljb25cIlxuICAgICAgW2ljb25dPVwiZmFYbWFya1wiXG4gICAgICAqbmdJZj1cImlucHV0VmFsdWUgIT09ICcnXCJcbiAgICAgIChjbGljayk9XCJpbnB1dFZhbHVlID0gJydcIlxuICAgID48L2ZhLWljb24+XG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFNYWduaWZ5aW5nR2xhc3NcIj48L2ZhLWljb24+XG4gIDwvZGl2PmAsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1iYXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hCYXJDb21wb25lbnQge1xuICBwdWJsaWMgaW5wdXRWYWx1ZSA9ICcnO1xuICBwdWJsaWMgcmVhZG9ubHkgZmFYbWFyayA9IGZhWG1hcms7XG4gIHB1YmxpYyByZWFkb25seSBmYU1hZ25pZnlpbmdHbGFzcyA9IGZhTWFnbmlmeWluZ0dsYXNzO1xuXG4gIC8qKlxuICAgKiBTZWFyY2ggYmFyIGhpbnQgbGFiZWxcbiAgICpcbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBoaW50TGFiZWwgPSAnJztcblxuICAvKipcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxuICAgKi9cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBpbnB1dENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG59XG4iXX0=
75
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBMkI5RSxNQUFNLE9BQU8sa0JBQWtCO0lBekIvQjtRQTBCUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ1AsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUV0RDs7OztXQUlHO1FBRUgsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQVFmOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBQ3pDOytHQXhCWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrTEFyQm5COzs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FrQkgsNG9CQW5CRyxZQUFZLHVOQUFFLGlCQUFpQixrU0FBRSxXQUFXLDhtQkFBRSxtQkFBbUI7OzRGQXNCaEUsa0JBQWtCO2tCQXpCOUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxZQUNsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O1NBa0JIOzhCQWNQLFNBQVM7c0JBRFIsS0FBSztnQkFPTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYU1hZ25pZnlpbmdHbGFzcywgZmFYbWFyayB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXRrcy1zZWFyY2gtYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBjbGFzcz1cInNlYXJjaF9fYmFyXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3IgfVwiXHJcbiAgPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2lucHV0XCJcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiaGludExhYmVsXCJcclxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiaW5wdXRDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcclxuICAgIC8+XHJcbiAgICA8ZmEtaWNvblxyXG4gICAgICBjbGFzcz1cInNlYXJjaF9fYmFyX19jbGVhcl9fbWFya19faWNvblwiXHJcbiAgICAgIFtpY29uXT1cImZhWG1hcmtcIlxyXG4gICAgICAqbmdJZj1cImlucHV0VmFsdWUgIT09ICcnXCJcclxuICAgICAgKGNsaWNrKT1cImlucHV0VmFsdWUgPSAnJ1wiXHJcbiAgICA+PC9mYS1pY29uPlxyXG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFNYWduaWZ5aW5nR2xhc3NcIj48L2ZhLWljb24+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtYmFyLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaEJhckNvbXBvbmVudCB7XHJcbiAgcHVibGljIGlucHV0VmFsdWUgPSAnJztcclxuICBwdWJsaWMgcmVhZG9ubHkgZmFYbWFyayA9IGZhWG1hcms7XHJcbiAgcHVibGljIHJlYWRvbmx5IGZhTWFnbmlmeWluZ0dsYXNzID0gZmFNYWduaWZ5aW5nR2xhc3M7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNlYXJjaCBiYXIgaGludCBsYWJlbFxyXG4gICAqXHJcbiAgICogQHJlcXVpcmVkXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBoaW50TGFiZWwgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcclxuICAgKi9cclxuICBAT3V0cHV0KClcclxuICBpbnB1dENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcbn1cclxuIl19
package/esm2022/lib/design-system.module.mjs CHANGED
@@ -1,17 +1,17 @@
1
1
  import { NgModule } from '@angular/core';
2
- import ButtonComponent from './components/button/button.component';
2
+ import { SearchBarComponent } from './components/search-bar/search-bar.component';
3
3
  import * as i0 from "@angular/core";
4
4
  export class DesignSystemModule {
5
5
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
6
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [ButtonComponent], exports: [ButtonComponent] }); }
7
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule }); }
6
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent], exports: [SearchBarComponent] }); }
7
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent] }); }
8
8
  }
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, decorators: [{
10
10
  type: NgModule,
11
11
  args: [{
12
12
  declarations: [],
13
- imports: [ButtonComponent],
14
- exports: [ButtonComponent],
13
+ imports: [SearchBarComponent],
14
+ exports: [SearchBarComponent],
15
15
  }]
16
16
  }] });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvZGVzaWduLXN5c3RlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLGVBQWUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFPbkUsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsWUFIbkIsZUFBZSxhQUNmLGVBQWU7Z0hBRWQsa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbkNvbXBvbmVudCBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtdLFxuICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0J1dHRvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIERlc2lnblN5c3RlbU1vZHVsZSB7fVxuIl19
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvZGVzaWduLXN5c3RlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFPbEYsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsWUFIbkIsa0JBQWtCLGFBQ2xCLGtCQUFrQjtnSEFFakIsa0JBQWtCLFlBSG5CLGtCQUFrQjs7NEZBR2pCLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNlYXJjaEJhckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXSxcclxuICBpbXBvcnRzOiBbU2VhcmNoQmFyQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbU2VhcmNoQmFyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIERlc2lnblN5c3RlbU1vZHVsZSB7fVxyXG4iXX0=
package/esm2022/public-api.mjs CHANGED
@@ -2,6 +2,5 @@
2
2
  * Public API Surface of design-system
3
3
  */
4
4
  export * from './lib/design-system.module';
5
- export { default as ButtonComponent } from './lib/components/button/button.component';
6
5
  export * from './lib/components/search-bar/search-bar.component';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLElBQUksZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDdEYsY0FBYyxrREFBa0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZGVzaWduLXN5c3RlbVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Rlc2lnbi1zeXN0ZW0ubW9kdWxlJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQnO1xuIl19
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsa0RBQWtELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZGVzaWduLXN5c3RlbVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Rlc2lnbi1zeXN0ZW0ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWFyY2gtYmFyL3NlYXJjaC1iYXIuY29tcG9uZW50JztcclxuIl19
package/esm2022/tekus-design-system.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL3Rla3VzLWRlc2lnbi1zeXN0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
package/fesm2022/{design-system.mjs → tekus-design-system.mjs} RENAMED
@@ -1,86 +1,13 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
- import { NgStyle, NgClass, CommonModule } from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
5
  import * as i3 from '@angular/forms';
6
6
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
7
7
  import * as i2 from '@fortawesome/angular-fontawesome';
8
8
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
9
9
  import { faXmark, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
10
10
 
11
- class ButtonComponent {
12
- constructor() {
13
- /**
14
- * Is this the principal call to action on the page?
15
- */
16
- this.primary = false;
17
- /**
18
- * How large should the button be?
19
- */
20
- this.size = 'medium';
21
- /**
22
- * Button contents
23
- *
24
- * @required
25
- */
26
- this.label = 'Button';
27
- /**
28
- * Optional click handler
29
- */
30
- this.onClick = new EventEmitter();
31
- }
32
- get classes() {
33
- const mode = this.primary
34
- ? 'storybook-button--primary'
35
- : 'storybook-button--secondary';
36
- return ['storybook-button', `storybook-button--${this.size}`, mode];
37
- }
38
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
39
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "storybook-button", inputs: { primary: "primary", backgroundColor: "backgroundColor", size: "size", label: "label" }, outputs: { onClick: "onClick" }, ngImport: i0, template: ` <button
40
- type="button"
41
- (click)="onClick.emit($event)"
42
- [ngClass]="classes"
43
- [ngStyle]="{ 'background-color': backgroundColor }"
44
- >
45
- {{ label }}
46
- </button>`, isInline: true, styles: [".storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#1ea7fd}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
47
- }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
49
- type: Component,
50
- args: [{ standalone: true, selector: 'storybook-button', imports: [NgStyle, NgClass], template: ` <button
51
- type="button"
52
- (click)="onClick.emit($event)"
53
- [ngClass]="classes"
54
- [ngStyle]="{ 'background-color': backgroundColor }"
55
- >
56
- {{ label }}
57
- </button>`, styles: [".storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#1ea7fd}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n"] }]
58
- }], propDecorators: { primary: [{
59
- type: Input
60
- }], backgroundColor: [{
61
- type: Input
62
- }], size: [{
63
- type: Input
64
- }], label: [{
65
- type: Input
66
- }], onClick: [{
67
- type: Output
68
- }] } });
69
-
70
- class DesignSystemModule {
71
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
72
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [ButtonComponent], exports: [ButtonComponent] }); }
73
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule }); }
74
- }
75
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, decorators: [{
76
- type: NgModule,
77
- args: [{
78
- declarations: [],
79
- imports: [ButtonComponent],
80
- exports: [ButtonComponent],
81
- }]
82
- }] });
83
-
84
11
  class SearchBarComponent {
85
12
  constructor() {
86
13
  this.inputValue = '';
@@ -98,46 +25,46 @@ class SearchBarComponent {
98
25
  this.inputChange = new EventEmitter();
99
26
  }
100
27
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
101
- 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
102
- class="search__bar"
103
- [ngStyle]="{ 'background-color': backgroundColor }"
104
- >
105
- <input
106
- class="search__bar__input"
107
- type="text"
108
- [(ngModel)]="inputValue"
109
- [placeholder]="hintLabel"
110
- (ngModelChange)="inputChange.emit($event)"
111
- />
112
- <fa-icon
113
- class="search__bar__clear__mark__icon"
114
- [icon]="faXmark"
115
- *ngIf="inputValue !== ''"
116
- (click)="inputValue = ''"
117
- ></fa-icon>
118
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
28
+ 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
29
+ class="search__bar"
30
+ [ngStyle]="{ 'background-color': backgroundColor }"
31
+ >
32
+ <input
33
+ class="search__bar__input"
34
+ type="text"
35
+ [(ngModel)]="inputValue"
36
+ [placeholder]="hintLabel"
37
+ (ngModelChange)="inputChange.emit($event)"
38
+ />
39
+ <fa-icon
40
+ class="search__bar__clear__mark__icon"
41
+ [icon]="faXmark"
42
+ *ngIf="inputValue !== ''"
43
+ (click)="inputValue = ''"
44
+ ></fa-icon>
45
+ <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
119
46
  </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 }] }); }
120
47
  }
121
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarComponent, decorators: [{
122
49
  type: Component,
123
- args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
124
- class="search__bar"
125
- [ngStyle]="{ 'background-color': backgroundColor }"
126
- >
127
- <input
128
- class="search__bar__input"
129
- type="text"
130
- [(ngModel)]="inputValue"
131
- [placeholder]="hintLabel"
132
- (ngModelChange)="inputChange.emit($event)"
133
- />
134
- <fa-icon
135
- class="search__bar__clear__mark__icon"
136
- [icon]="faXmark"
137
- *ngIf="inputValue !== ''"
138
- (click)="inputValue = ''"
139
- ></fa-icon>
140
- <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
50
+ args: [{ selector: 'lib-tks-search-bar', standalone: true, imports: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule], template: `<div
51
+ class="search__bar"
52
+ [ngStyle]="{ 'background-color': backgroundColor }"
53
+ >
54
+ <input
55
+ class="search__bar__input"
56
+ type="text"
57
+ [(ngModel)]="inputValue"
58
+ [placeholder]="hintLabel"
59
+ (ngModelChange)="inputChange.emit($event)"
60
+ />
61
+ <fa-icon
62
+ class="search__bar__clear__mark__icon"
63
+ [icon]="faXmark"
64
+ *ngIf="inputValue !== ''"
65
+ (click)="inputValue = ''"
66
+ ></fa-icon>
67
+ <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
141
68
  </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"] }]
142
69
  }], propDecorators: { hintLabel: [{
143
70
  type: Input
@@ -147,6 +74,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
147
74
  type: Output
148
75
  }] } });
149
76
 
77
+ class DesignSystemModule {
78
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
79
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent], exports: [SearchBarComponent] }); }
80
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, imports: [SearchBarComponent] }); }
81
+ }
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DesignSystemModule, decorators: [{
83
+ type: NgModule,
84
+ args: [{
85
+ declarations: [],
86
+ imports: [SearchBarComponent],
87
+ exports: [SearchBarComponent],
88
+ }]
89
+ }] });
90
+
150
91
  /*
151
92
  * Public API Surface of design-system
152
93
  */
@@ -155,5 +96,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
155
96
  * Generated bundle index. Do not edit.
156
97
  */
157
98
 
158
- export { ButtonComponent, DesignSystemModule, SearchBarComponent };
159
- //# sourceMappingURL=design-system.mjs.map
99
+ export { DesignSystemModule, SearchBarComponent };
100
+ //# sourceMappingURL=tekus-design-system.mjs.map
package/fesm2022/tekus-design-system.mjs.map ADDED
@@ -0,0 +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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"}
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
- /// <amd-module name="design-system" />
4
+ /// <amd-module name="@tekus/design-system" />
5
5
  export * from './public-api';
package/lib/design-system.module.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./components/button/button.component";
2
+ import * as i1 from "./components/search-bar/search-bar.component";
3
3
  export declare class DesignSystemModule {
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DesignSystemModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<DesignSystemModule, never, [typeof i1.default], [typeof i1.default]>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DesignSystemModule, never, [typeof i1.SearchBarComponent], [typeof i1.SearchBarComponent]>;
6
6
  static ɵinj: i0.ɵɵInjectorDeclaration<DesignSystemModule>;
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekus/design-system",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.2.0",
6
6
  "@angular/core": "^16.2.0"
@@ -9,7 +9,7 @@
9
9
  "tslib": "^2.3.0"
10
10
  },
11
11
  "sideEffects": false,
12
- "module": "fesm2022/design-system.mjs",
12
+ "module": "fesm2022/tekus-design-system.mjs",
13
13
  "typings": "index.d.ts",
14
14
  "exports": {
15
15
  "./package.json": {
@@ -17,9 +17,9 @@
17
17
  },
18
18
  ".": {
19
19
  "types": "./index.d.ts",
20
- "esm2022": "./esm2022/design-system.mjs",
21
- "esm": "./esm2022/design-system.mjs",
22
- "default": "./fesm2022/design-system.mjs"
20
+ "esm2022": "./esm2022/tekus-design-system.mjs",
21
+ "esm": "./esm2022/tekus-design-system.mjs",
22
+ "default": "./fesm2022/tekus-design-system.mjs"
23
23
  }
24
24
  }
25
25
  }
package/public-api.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export * from './lib/design-system.module';
2
- export { default as ButtonComponent } from './lib/components/button/button.component';
3
2
  export * from './lib/components/search-bar/search-bar.component';
package/esm2022/design-system.mjs DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2Rlc2lnbi1zeXN0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
package/esm2022/lib/components/button/button.component.mjs DELETED
@@ -1,62 +0,0 @@
1
- import { NgStyle, NgClass } from '@angular/common';
2
- import { Component, Input, Output, EventEmitter } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- export default class ButtonComponent {
5
- constructor() {
6
- /**
7
- * Is this the principal call to action on the page?
8
- */
9
- this.primary = false;
10
- /**
11
- * How large should the button be?
12
- */
13
- this.size = 'medium';
14
- /**
15
- * Button contents
16
- *
17
- * @required
18
- */
19
- this.label = 'Button';
20
- /**
21
- * Optional click handler
22
- */
23
- this.onClick = new EventEmitter();
24
- }
25
- get classes() {
26
- const mode = this.primary
27
- ? 'storybook-button--primary'
28
- : 'storybook-button--secondary';
29
- return ['storybook-button', `storybook-button--${this.size}`, mode];
30
- }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "storybook-button", inputs: { primary: "primary", backgroundColor: "backgroundColor", size: "size", label: "label" }, outputs: { onClick: "onClick" }, ngImport: i0, template: ` <button
33
- type="button"
34
- (click)="onClick.emit($event)"
35
- [ngClass]="classes"
36
- [ngStyle]="{ 'background-color': backgroundColor }"
37
- >
38
- {{ label }}
39
- </button>`, isInline: true, styles: [".storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#1ea7fd}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
40
- }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
42
- type: Component,
43
- args: [{ standalone: true, selector: 'storybook-button', imports: [NgStyle, NgClass], template: ` <button
44
- type="button"
45
- (click)="onClick.emit($event)"
46
- [ngClass]="classes"
47
- [ngStyle]="{ 'background-color': backgroundColor }"
48
- >
49
- {{ label }}
50
- </button>`, styles: [".storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#1ea7fd}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n"] }]
51
- }], propDecorators: { primary: [{
52
- type: Input
53
- }], backgroundColor: [{
54
- type: Input
55
- }], size: [{
56
- type: Input
57
- }], label: [{
58
- type: Input
59
- }], onClick: [{
60
- type: Output
61
- }] } });
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFnQnZFLE1BQU0sQ0FBQyxPQUFPLE9BQU8sZUFBZTtJQWRwQztRQWVFOztXQUVHO1FBRUgsWUFBTyxHQUFHLEtBQUssQ0FBQztRQVFoQjs7V0FFRztRQUVILFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBRTlDOzs7O1dBSUc7UUFFSCxVQUFLLEdBQUcsUUFBUSxDQUFDO1FBRWpCOztXQUVHO1FBRUgsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FTckM7SUFQQyxJQUFXLE9BQU87UUFDaEIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU87WUFDdkIsQ0FBQyxDQUFDLDJCQUEyQjtZQUM3QixDQUFDLENBQUMsNkJBQTZCLENBQUM7UUFFbEMsT0FBTyxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDdEUsQ0FBQzsrR0F2Q2tCLGVBQWU7bUdBQWYsZUFBZSwrTUFWeEI7Ozs7Ozs7WUFPQSxxbEJBUkEsT0FBTywyRUFBRSxPQUFPOzs0RkFXUCxlQUFlO2tCQWRuQyxTQUFTO2lDQUNJLElBQUksWUFDTixrQkFBa0IsV0FDbkIsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLFlBQ2pCOzs7Ozs7O1lBT0E7OEJBUVYsT0FBTztzQkFETixLQUFLO2dCQU9OLGVBQWU7c0JBRGQsS0FBSztnQkFPTixJQUFJO3NCQURILEtBQUs7Z0JBU04sS0FBSztzQkFESixLQUFLO2dCQU9OLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nU3R5bGUsIE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc3Rvcnlib29rLWJ1dHRvbicsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLCBOZ0NsYXNzXSxcbiAgdGVtcGxhdGU6IGAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgW25nQ2xhc3NdPVwiY2xhc3Nlc1wiXG4gICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tncm91bmRDb2xvciB9XCJcbiAgPlxuICAgIHt7IGxhYmVsIH19XG4gIDwvYnV0dG9uPmAsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jc3MnXSxcbn0pXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICAvKipcbiAgICogSXMgdGhpcyB0aGUgcHJpbmNpcGFsIGNhbGwgdG8gYWN0aW9uIG9uIHRoZSBwYWdlP1xuICAgKi9cbiAgQElucHV0KClcbiAgcHJpbWFyeSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBXaGF0IGJhY2tncm91bmQgY29sb3IgdG8gdXNlXG4gICAqL1xuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEhvdyBsYXJnZSBzaG91bGQgdGhlIGJ1dHRvbiBiZT9cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcblxuICAvKipcbiAgICogQnV0dG9uIGNvbnRlbnRzXG4gICAqXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgQElucHV0KClcbiAgbGFiZWwgPSAnQnV0dG9uJztcblxuICAvKipcbiAgICogT3B0aW9uYWwgY2xpY2sgaGFuZGxlclxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgbW9kZSA9IHRoaXMucHJpbWFyeVxuICAgICAgPyAnc3Rvcnlib29rLWJ1dHRvbi0tcHJpbWFyeSdcbiAgICAgIDogJ3N0b3J5Ym9vay1idXR0b24tLXNlY29uZGFyeSc7XG5cbiAgICByZXR1cm4gWydzdG9yeWJvb2stYnV0dG9uJywgYHN0b3J5Ym9vay1idXR0b24tLSR7dGhpcy5zaXplfWAsIG1vZGVdO1xuICB9XG59XG4iXX0=
package/fesm2022/design-system.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"design-system.mjs","sources":["../../../projects/design-system/src/lib/components/button/button.component.ts","../../../projects/design-system/src/lib/design-system.module.ts","../../../projects/design-system/src/lib/components/search-bar/search-bar.component.ts","../../../projects/design-system/src/public-api.ts","../../../projects/design-system/src/design-system.ts"],"sourcesContent":["import { NgStyle, NgClass } from '@angular/common';\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n standalone: true,\n selector: 'storybook-button',\n imports: [NgStyle, NgClass],\n template: ` <button\n type=\"button\"\n (click)=\"onClick.emit($event)\"\n [ngClass]=\"classes\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n {{ label }}\n </button>`,\n styleUrls: ['./button.css'],\n})\nexport default class ButtonComponent {\n /**\n * Is this the principal call to action on the page?\n */\n @Input()\n primary = false;\n\n /**\n * What background color to use\n */\n @Input()\n backgroundColor?: string;\n\n /**\n * How large should the button be?\n */\n @Input()\n size: 'small' | 'medium' | 'large' = 'medium';\n\n /**\n * Button contents\n *\n * @required\n */\n @Input()\n label = 'Button';\n\n /**\n * Optional click handler\n */\n @Output()\n onClick = new EventEmitter<Event>();\n\n public get classes(): string[] {\n const mode = this.primary\n ? 'storybook-button--primary'\n : 'storybook-button--secondary';\n\n return ['storybook-button', `storybook-button--${this.size}`, mode];\n }\n}\n","import { NgModule } from '@angular/core';\nimport ButtonComponent from './components/button/button.component';\n\n@NgModule({\n declarations: [],\n imports: [ButtonComponent],\n exports: [ButtonComponent],\n})\nexport class DesignSystemModule {}\n","import { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { Input, Output, Component, EventEmitter } from '@angular/core';\nimport { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';\n\n@Component({\n selector: 'lib-tks-search-bar',\n standalone: true,\n imports: [CommonModule, FontAwesomeModule, FormsModule, ReactiveFormsModule],\n template: `<div\n class=\"search__bar\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n <input\n class=\"search__bar__input\"\n type=\"text\"\n [(ngModel)]=\"inputValue\"\n [placeholder]=\"hintLabel\"\n (ngModelChange)=\"inputChange.emit($event)\"\n />\n <fa-icon\n class=\"search__bar__clear__mark__icon\"\n [icon]=\"faXmark\"\n *ngIf=\"inputValue !== ''\"\n (click)=\"inputValue = ''\"\n ></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 /**\n * Search bar hint label\n *\n * @required\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 inputChange = new EventEmitter<Event>();\n}\n","/*\n * Public API Surface of design-system\n */\n\nexport * from './lib/design-system.module';\nexport { default as ButtonComponent } from './lib/components/button/button.component';\nexport * from './lib/components/search-bar/search-bar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/lib/components/button/button.component.d.ts DELETED
@@ -1,29 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export default class ButtonComponent {
4
- /**
5
- * Is this the principal call to action on the page?
6
- */
7
- primary: boolean;
8
- /**
9
- * What background color to use
10
- */
11
- backgroundColor?: string;
12
- /**
13
- * How large should the button be?
14
- */
15
- size: 'small' | 'medium' | 'large';
16
- /**
17
- * Button contents
18
- *
19
- * @required
20
- */
21
- label: string;
22
- /**
23
- * Optional click handler
24
- */
25
- onClick: EventEmitter<Event>;
26
- get classes(): string[];
27
- static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "storybook-button", never, { "primary": { "alias": "primary"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
29
- }