@litigiovirtual/ius-design-components 1.0.5 → 1.0.7

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.
@@ -0,0 +1,8 @@
1
+ export const ICONS = {
2
+ 'icon-add': `
3
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
4
+ <path d="M12 21.8837C11.6095 21.8837 11.2761 21.7466 10.9998 21.4722C10.7234 21.1979 10.5853 20.8635 10.5853 20.469V13.4397H3.53102C3.13652 13.4397 2.80211 13.3026 2.52777 13.0282C2.25344 12.7539 2.11627 12.4195 2.11627 12.025C2.11627 11.6345 2.25344 11.3011 2.52777 11.0247C2.80211 10.7484 3.13652 10.6102 3.53102 10.6102H10.5603V3.531C10.5603 3.1365 10.6974 2.80208 10.9718 2.52775C11.2461 2.25341 11.5805 2.11625 11.975 2.11625C12.3655 2.11625 12.6989 2.25341 12.9753 2.52775C13.2516 2.80208 13.3898 3.1365 13.3898 3.531V10.5852H20.469C20.8635 10.5852 21.1979 10.7234 21.4723 10.9997C21.7466 11.2761 21.8838 11.6095 21.8838 12C21.8838 12.3905 21.7466 12.7239 21.4723 13.0002C21.1979 13.2766 20.8635 13.4147 20.469 13.4147H13.4148V20.469C13.4148 20.8635 13.2766 21.1979 13.0003 21.4722C12.7239 21.7466 12.3905 21.8837 12 21.8837Z" fill="currentColor"/>
5
+ </svg>
6
+ `,
7
+ };
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtbWFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaWNvbnMvaWNvbnMtbWFwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBMkI7SUFDekMsVUFBVSxFQUFFOzs7O0dBSWI7Q0FFRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IElDT05TOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xyXG4gICAgJ2ljb24tYWRkJzogYFxyXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCI+XHJcbiAgICAgICAgPHBhdGggZD1cIk0xMiAyMS44ODM3QzExLjYwOTUgMjEuODgzNyAxMS4yNzYxIDIxLjc0NjYgMTAuOTk5OCAyMS40NzIyQzEwLjcyMzQgMjEuMTk3OSAxMC41ODUzIDIwLjg2MzUgMTAuNTg1MyAyMC40NjlWMTMuNDM5N0gzLjUzMTAyQzMuMTM2NTIgMTMuNDM5NyAyLjgwMjExIDEzLjMwMjYgMi41Mjc3NyAxMy4wMjgyQzIuMjUzNDQgMTIuNzUzOSAyLjExNjI3IDEyLjQxOTUgMi4xMTYyNyAxMi4wMjVDMi4xMTYyNyAxMS42MzQ1IDIuMjUzNDQgMTEuMzAxMSAyLjUyNzc3IDExLjAyNDdDMi44MDIxMSAxMC43NDg0IDMuMTM2NTIgMTAuNjEwMiAzLjUzMTAyIDEwLjYxMDJIMTAuNTYwM1YzLjUzMUMxMC41NjAzIDMuMTM2NSAxMC42OTc0IDIuODAyMDggMTAuOTcxOCAyLjUyNzc1QzExLjI0NjEgMi4yNTM0MSAxMS41ODA1IDIuMTE2MjUgMTEuOTc1IDIuMTE2MjVDMTIuMzY1NSAyLjExNjI1IDEyLjY5ODkgMi4yNTM0MSAxMi45NzUzIDIuNTI3NzVDMTMuMjUxNiAyLjgwMjA4IDEzLjM4OTggMy4xMzY1IDEzLjM4OTggMy41MzFWMTAuNTg1MkgyMC40NjlDMjAuODYzNSAxMC41ODUyIDIxLjE5NzkgMTAuNzIzNCAyMS40NzIzIDEwLjk5OTdDMjEuNzQ2NiAxMS4yNzYxIDIxLjg4MzggMTEuNjA5NSAyMS44ODM4IDEyQzIxLjg4MzggMTIuMzkwNSAyMS43NDY2IDEyLjcyMzkgMjEuNDcyMyAxMy4wMDAyQzIxLjE5NzkgMTMuMjc2NiAyMC44NjM1IDEzLjQxNDcgMjAuNDY5IDEzLjQxNDdIMTMuNDE0OFYyMC40NjlDMTMuNDE0OCAyMC44NjM1IDEzLjI3NjYgMjEuMTk3OSAxMy4wMDAzIDIxLjQ3MjJDMTIuNzIzOSAyMS43NDY2IDEyLjM5MDUgMjEuODgzNyAxMiAyMS44ODM3WlwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIi8+XHJcbiAgICA8L3N2Zz5cclxuICBgLFxyXG5cclxufTsiXX0=
@@ -1,33 +1,27 @@
1
- import { CommonModule } from '@angular/common';
2
- import { HttpClientModule } from '@angular/common/http';
3
1
  import { Component, Input } from '@angular/core';
2
+ import { ICONS } from '../icons/icons-map';
4
3
  import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common/http";
6
- import * as i2 from "@angular/platform-browser";
4
+ import * as i1 from "@angular/platform-browser";
7
5
  export class IusIconMdComponent {
8
- constructor(http, sanitizer) {
9
- this.http = http;
6
+ constructor(sanitizer) {
10
7
  this.sanitizer = sanitizer;
11
8
  this.iconName = 'icon-add';
12
9
  this.color = 'currentColor';
13
10
  this.svg = '';
14
11
  }
15
- ngOnInit() {
16
- const path = `assets/icons/${this.iconName}.svg`;
17
- this.http.get(path, { responseType: 'text' }).subscribe((data) => {
18
- const sanitized = this.sanitizer.bypassSecurityTrustHtml(data);
19
- this.svg = sanitized;
20
- });
12
+ ngOnChanges() {
13
+ const rawSvg = ICONS[this.iconName];
14
+ this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
21
15
  }
22
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
23
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IusIconMdComponent, isStandalone: true, selector: "ius-ius-icon-md", inputs: { iconName: "iconName", color: "color" }, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:24px;height:24px}span svg{width:100%;height:100%;fill:currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: HttpClientModule }] }); }
16
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
17
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IusIconMdComponent, isStandalone: true, selector: "ius-ius-icon-md", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:currentColor}\n"] }); }
24
18
  }
25
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, decorators: [{
26
20
  type: Component,
27
- args: [{ selector: 'ius-ius-icon-md', standalone: true, imports: [CommonModule, HttpClientModule], template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:24px;height:24px}span svg{width:100%;height:100%;fill:currentColor}\n"] }]
28
- }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.DomSanitizer }], propDecorators: { iconName: [{
21
+ args: [{ selector: 'ius-ius-icon-md', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:currentColor}\n"] }]
22
+ }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
29
23
  type: Input
30
24
  }], color: [{
31
25
  type: Input
32
26
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXVzLWljb24tbWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaXVzLWljb24tbWQvaXVzLWljb24tbWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaXVzLWljb24tbWQvaXVzLWljb24tbWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBYyxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXpELE1BQU0sT0FBTyxrQkFBa0I7SUFNN0IsWUFBb0IsSUFBZ0IsRUFBVSxTQUF1QjtRQUFqRCxTQUFJLEdBQUosSUFBSSxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUw1RCxhQUFRLEdBQVcsVUFBVSxDQUFDO1FBQzlCLFVBQUssR0FBVyxjQUFjLENBQUM7UUFFeEMsUUFBRyxHQUFhLEVBQUUsQ0FBQztJQUVzRCxDQUFDO0lBRTFFLFFBQVE7UUFDTixNQUFNLElBQUksR0FBRyxnQkFBZ0IsSUFBSSxDQUFDLFFBQVEsTUFBTSxDQUFDO1FBRWpELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQy9ELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDL0QsSUFBSSxDQUFDLEdBQUcsR0FBRyxTQUFTLENBQUM7UUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQWZVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZIQ1ovQixtQ0FBK0IsK0pEUW5CLFlBQVksOEJBQUUsZ0JBQWdCOzs0RkFJN0Isa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQzswR0FLaEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50LCBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtaXVzLWljb24tbWQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSHR0cENsaWVudE1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l1cy1pY29uLW1kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaXVzLWljb24tbWQuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEl1c0ljb25NZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyA9ICdpY29uLWFkZCc7XHJcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICdjdXJyZW50Q29sb3InO1xyXG5cclxuICBzdmc6IFNhZmVIdG1sID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCwgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc3QgcGF0aCA9IGBhc3NldHMvaWNvbnMvJHt0aGlzLmljb25OYW1lfS5zdmdgO1xyXG5cclxuICAgIHRoaXMuaHR0cC5nZXQocGF0aCwgeyByZXNwb25zZVR5cGU6ICd0ZXh0JyB9KS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgY29uc3Qgc2FuaXRpemVkID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoZGF0YSk7XHJcbiAgICAgIHRoaXMuc3ZnID0gc2FuaXRpemVkO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuIFtpbm5lckhUTUxdPVwic3ZnXCI+PC9zcGFuPiJdfQ==
27
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXVzLWljb24tbWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaXVzLWljb24tbWQvaXVzLWljb24tbWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaXVzLWljb24tbWQvaXVzLWljb24tbWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBUzNDLE1BQU0sT0FBTyxrQkFBa0I7SUFNN0IsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUxsQyxhQUFRLEdBQVcsVUFBVSxDQUFDO1FBQzlCLFVBQUssR0FBVyxjQUFjLENBQUM7UUFFeEMsUUFBRyxHQUFhLEVBQUUsQ0FBQztJQUUyQixDQUFDO0lBRS9DLFdBQVc7UUFDVCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDMUUsQ0FBQzsrR0FYVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixrSkNYL0IsbUNBQStCOzs0RkRXbEIsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxFQUFFO2lGQUtGLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uL2ljb25zL2ljb25zLW1hcCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1pdXMtaWNvbi1tZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vaXVzLWljb24tbWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pdXMtaWNvbi1tZC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSXVzSWNvbk1kQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBpY29uTmFtZTogc3RyaW5nID0gJ2ljb24tYWRkJztcclxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nID0gJ2N1cnJlbnRDb2xvcic7XHJcblxyXG4gIHN2ZzogU2FmZUh0bWwgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICBjb25zdCByYXdTdmcgPSBJQ09OU1t0aGlzLmljb25OYW1lXTtcclxuICAgIHRoaXMuc3ZnID0gcmF3U3ZnID8gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwocmF3U3ZnKSA6ICcnO1xyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxzcGFuIFtpbm5lckhUTUxdPVwic3ZnXCI+PC9zcGFuPiJdfQ==
@@ -1,9 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Input, Component } from '@angular/core';
3
- import { CommonModule } from '@angular/common';
4
- import * as i1 from '@angular/common/http';
5
- import { HttpClientModule } from '@angular/common/http';
6
- import * as i2 from '@angular/platform-browser';
3
+ import * as i1 from '@angular/platform-browser';
7
4
 
8
5
  class ButtonPrimaryComponent {
9
6
  constructor() {
@@ -19,28 +16,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
19
16
  type: Input
20
17
  }] } });
21
18
 
19
+ const ICONS = {
20
+ 'icon-add': `
21
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
22
+ <path d="M12 21.8837C11.6095 21.8837 11.2761 21.7466 10.9998 21.4722C10.7234 21.1979 10.5853 20.8635 10.5853 20.469V13.4397H3.53102C3.13652 13.4397 2.80211 13.3026 2.52777 13.0282C2.25344 12.7539 2.11627 12.4195 2.11627 12.025C2.11627 11.6345 2.25344 11.3011 2.52777 11.0247C2.80211 10.7484 3.13652 10.6102 3.53102 10.6102H10.5603V3.531C10.5603 3.1365 10.6974 2.80208 10.9718 2.52775C11.2461 2.25341 11.5805 2.11625 11.975 2.11625C12.3655 2.11625 12.6989 2.25341 12.9753 2.52775C13.2516 2.80208 13.3898 3.1365 13.3898 3.531V10.5852H20.469C20.8635 10.5852 21.1979 10.7234 21.4723 10.9997C21.7466 11.2761 21.8838 11.6095 21.8838 12C21.8838 12.3905 21.7466 12.7239 21.4723 13.0002C21.1979 13.2766 20.8635 13.4147 20.469 13.4147H13.4148V20.469C13.4148 20.8635 13.2766 21.1979 13.0003 21.4722C12.7239 21.7466 12.3905 21.8837 12 21.8837Z" fill="currentColor"/>
23
+ </svg>
24
+ `,
25
+ };
26
+
22
27
  class IusIconMdComponent {
23
- constructor(http, sanitizer) {
24
- this.http = http;
28
+ constructor(sanitizer) {
25
29
  this.sanitizer = sanitizer;
26
30
  this.iconName = 'icon-add';
27
31
  this.color = 'currentColor';
28
32
  this.svg = '';
29
33
  }
30
- ngOnInit() {
31
- const path = `assets/icons/${this.iconName}.svg`;
32
- this.http.get(path, { responseType: 'text' }).subscribe((data) => {
33
- const sanitized = this.sanitizer.bypassSecurityTrustHtml(data);
34
- this.svg = sanitized;
35
- });
34
+ ngOnChanges() {
35
+ const rawSvg = ICONS[this.iconName];
36
+ this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
36
37
  }
37
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
38
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IusIconMdComponent, isStandalone: true, selector: "ius-ius-icon-md", inputs: { iconName: "iconName", color: "color" }, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:24px;height:24px}span svg{width:100%;height:100%;fill:currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: HttpClientModule }] }); }
38
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
39
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IusIconMdComponent, isStandalone: true, selector: "ius-ius-icon-md", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:currentColor}\n"] }); }
39
40
  }
40
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IusIconMdComponent, decorators: [{
41
42
  type: Component,
42
- args: [{ selector: 'ius-ius-icon-md', standalone: true, imports: [CommonModule, HttpClientModule], template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:24px;height:24px}span svg{width:100%;height:100%;fill:currentColor}\n"] }]
43
- }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.DomSanitizer }], propDecorators: { iconName: [{
43
+ args: [{ selector: 'ius-ius-icon-md', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: [":host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:currentColor}\n"] }]
44
+ }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
44
45
  type: Input
45
46
  }], color: [{
46
47
  type: Input
@@ -1 +1 @@
1
- {"version":3,"file":"litigiovirtual-ius-design-components.mjs","sources":["../../../projects/ius-design-components/src/lib/button-primary/button-primary.component.ts","../../../projects/ius-design-components/src/lib/button-primary/button-primary.component.html","../../../projects/ius-design-components/src/lib/ius-icon-md/ius-icon-md.component.ts","../../../projects/ius-design-components/src/lib/ius-icon-md/ius-icon-md.component.html","../../../projects/ius-design-components/src/litigiovirtual-ius-design-components.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ius-button-primary',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './button-primary.component.html',\r\n styleUrl: './button-primary.component.scss'\r\n})\r\nexport class ButtonPrimaryComponent {\r\n\r\n @Input() disabled = false;\r\n\r\n}\r\n","<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n <ng-content></ng-content>\r\n</button>\r\n","import { CommonModule } from '@angular/common';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'ius-ius-icon-md',\r\n standalone: true,\r\n imports: [CommonModule, HttpClientModule],\r\n templateUrl: './ius-icon-md.component.html',\r\n styleUrl: './ius-icon-md.component.css'\r\n})\r\nexport class IusIconMdComponent implements OnInit {\r\n @Input() iconName: string = 'icon-add';\r\n @Input() color: string = 'currentColor';\r\n\r\n svg: SafeHtml = '';\r\n\r\n constructor(private http: HttpClient, private sanitizer: DomSanitizer) { }\r\n\r\n ngOnInit(): void {\r\n const path = `assets/icons/${this.iconName}.svg`;\r\n\r\n this.http.get(path, { responseType: 'text' }).subscribe((data) => {\r\n const sanitized = this.sanitizer.bypassSecurityTrustHtml(data);\r\n this.svg = sanitized;\r\n });\r\n }\r\n}\r\n","<span [innerHTML]=\"svg\"></span>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MASa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASW,IAAQ,CAAA,QAAA,GAAG,KAAK;AAE1B;+GAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,gHCTnC,sGAGA,EAAA,MAAA,EAAA,CAAA,mNAAA,CAAA,EAAA,CAAA,CAAA;;4FDMa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,QAAA,EAAA,sGAAA,EAAA,MAAA,EAAA,CAAA,mNAAA,CAAA,EAAA;8BAMF,QAAQ,EAAA,CAAA;sBAAhB;;;MECU,kBAAkB,CAAA;IAM7B,WAAoB,CAAA,IAAgB,EAAU,SAAuB,EAAA;QAAjD,IAAI,CAAA,IAAA,GAAJ,IAAI;QAAsB,IAAS,CAAA,SAAA,GAAT,SAAS;QAL9C,IAAQ,CAAA,QAAA,GAAW,UAAU;QAC7B,IAAK,CAAA,KAAA,GAAW,cAAc;QAEvC,IAAG,CAAA,GAAA,GAAa,EAAE;;IAIlB,QAAQ,GAAA;AACN,QAAA,MAAM,IAAI,GAAG,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,MAAM;AAEhD,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;YAC/D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC;AAC9D,YAAA,IAAI,CAAC,GAAG,GAAG,SAAS;AACtB,SAAC,CAAC;;+GAdO,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,ECZ/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mCAA+B,EDQnB,MAAA,EAAA,CAAA,wGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,gBAAgB,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI7B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cACf,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,wGAAA,CAAA,EAAA;0GAKhC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEdH;;AAEG;;;;"}
1
+ {"version":3,"file":"litigiovirtual-ius-design-components.mjs","sources":["../../../projects/ius-design-components/src/lib/button-primary/button-primary.component.ts","../../../projects/ius-design-components/src/lib/button-primary/button-primary.component.html","../../../projects/ius-design-components/src/lib/icons/icons-map.ts","../../../projects/ius-design-components/src/lib/ius-icon-md/ius-icon-md.component.ts","../../../projects/ius-design-components/src/lib/ius-icon-md/ius-icon-md.component.html","../../../projects/ius-design-components/src/litigiovirtual-ius-design-components.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ius-button-primary',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './button-primary.component.html',\r\n styleUrl: './button-primary.component.scss'\r\n})\r\nexport class ButtonPrimaryComponent {\r\n\r\n @Input() disabled = false;\r\n\r\n}\r\n","<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n <ng-content></ng-content>\r\n</button>\r\n","export const ICONS: Record<string, string> = {\r\n 'icon-add': `\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 21.8837C11.6095 21.8837 11.2761 21.7466 10.9998 21.4722C10.7234 21.1979 10.5853 20.8635 10.5853 20.469V13.4397H3.53102C3.13652 13.4397 2.80211 13.3026 2.52777 13.0282C2.25344 12.7539 2.11627 12.4195 2.11627 12.025C2.11627 11.6345 2.25344 11.3011 2.52777 11.0247C2.80211 10.7484 3.13652 10.6102 3.53102 10.6102H10.5603V3.531C10.5603 3.1365 10.6974 2.80208 10.9718 2.52775C11.2461 2.25341 11.5805 2.11625 11.975 2.11625C12.3655 2.11625 12.6989 2.25341 12.9753 2.52775C13.2516 2.80208 13.3898 3.1365 13.3898 3.531V10.5852H20.469C20.8635 10.5852 21.1979 10.7234 21.4723 10.9997C21.7466 11.2761 21.8838 11.6095 21.8838 12C21.8838 12.3905 21.7466 12.7239 21.4723 13.0002C21.1979 13.2766 20.8635 13.4147 20.469 13.4147H13.4148V20.469C13.4148 20.8635 13.2766 21.1979 13.0003 21.4722C12.7239 21.7466 12.3905 21.8837 12 21.8837Z\" fill=\"currentColor\"/>\r\n </svg>\r\n `,\r\n\r\n};","import { Component, Input, OnChanges, OnInit } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { ICONS } from '../icons/icons-map';\r\n\r\n@Component({\r\n selector: 'ius-ius-icon-md',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './ius-icon-md.component.html',\r\n styleUrl: './ius-icon-md.component.css'\r\n})\r\nexport class IusIconMdComponent implements OnChanges {\r\n @Input() iconName: string = 'icon-add';\r\n @Input() color: string = 'currentColor';\r\n\r\n svg: SafeHtml = '';\r\n\r\n constructor(private sanitizer: DomSanitizer) {}\r\n\r\n ngOnChanges() {\r\n const rawSvg = ICONS[this.iconName];\r\n this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';\r\n }\r\n\r\n\r\n}\r\n","<span [innerHTML]=\"svg\"></span>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASW,IAAQ,CAAA,QAAA,GAAG,KAAK;AAE1B;+GAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,gHCTnC,sGAGA,EAAA,MAAA,EAAA,CAAA,mNAAA,CAAA,EAAA,CAAA,CAAA;;4FDMa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,QAAA,EAAA,sGAAA,EAAA,MAAA,EAAA,CAAA,mNAAA,CAAA,EAAA;8BAMF,QAAQ,EAAA,CAAA;sBAAhB;;;AEXI,MAAM,KAAK,GAA2B;AACzC,IAAA,UAAU,EAAE,CAAA;;;;AAIb,EAAA,CAAA;CAEF;;MCIY,kBAAkB,CAAA;AAM7B,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAS,CAAA,SAAA,GAAT,SAAS;QALpB,IAAQ,CAAA,QAAA,GAAW,UAAU;QAC7B,IAAK,CAAA,KAAA,GAAW,cAAc;QAEvC,IAAG,CAAA,GAAA,GAAa,EAAE;;IAIlB,WAAW,GAAA;QACT,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;AACnC,QAAA,IAAI,CAAC,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG,EAAE;;+GAV9D,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,kJCX/B,mCAA+B,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,CAAA,CAAA;;4FDWlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;iFAKF,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEbH;;AAEG;;;;"}
@@ -0,0 +1 @@
1
+ export declare const ICONS: Record<string, string>;
@@ -1,15 +1,13 @@
1
- import { HttpClient } from '@angular/common/http';
2
- import { OnInit } from '@angular/core';
1
+ import { OnChanges } from '@angular/core';
3
2
  import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
4
3
  import * as i0 from "@angular/core";
5
- export declare class IusIconMdComponent implements OnInit {
6
- private http;
4
+ export declare class IusIconMdComponent implements OnChanges {
7
5
  private sanitizer;
8
6
  iconName: string;
9
7
  color: string;
10
8
  svg: SafeHtml;
11
- constructor(http: HttpClient, sanitizer: DomSanitizer);
12
- ngOnInit(): void;
9
+ constructor(sanitizer: DomSanitizer);
10
+ ngOnChanges(): void;
13
11
  static ɵfac: i0.ɵɵFactoryDeclaration<IusIconMdComponent, never>;
14
12
  static ɵcmp: i0.ɵɵComponentDeclaration<IusIconMdComponent, "ius-ius-icon-md", never, { "iconName": { "alias": "iconName"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
15
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@litigiovirtual/ius-design-components",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=17.0.0 <20.0.0",
6
6
  "@angular/core": ">=17.0.0 <20.0.0"