@litigiovirtual/ius-design-components 1.0.2 → 1.0.4

package/ng-package.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ius-design-components",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "assets": [
+    "src/assets"
+  ],
+  "allowedNonPeerDependencies": [
+    "@litigiovirtual/ius-design-styles"
+  ]
+}

package/package.json

@@ -1,26 +1,13 @@
-{
-  "name": "@litigiovirtual/ius-design-components",
-  "version": "1.0.2",
-  "peerDependencies": {
-    "@angular/common": ">=17.0.0 <20.0.0",
-    "@angular/core": ">=17.0.0 <20.0.0"
-  },
-  "dependencies": {
-    "@litigiovirtual/ius-design-styles": "^1.0.6",
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/litigiovirtual-ius-design-components.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/litigiovirtual-ius-design-components.mjs",
-      "esm": "./esm2022/litigiovirtual-ius-design-components.mjs",
-      "default": "./fesm2022/litigiovirtual-ius-design-components.mjs"
-    }
-  }
+{
+  "name": "@litigiovirtual/ius-design-components",
+  "version": "1.0.4",
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0 <20.0.0",
+    "@angular/core": ">=17.0.0 <20.0.0"
+  },
+  "dependencies": {
+    "@litigiovirtual/ius-design-styles": "^1.0.6",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
 }

package/src/assets/icons/icon-add.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+</svg>

package/src/lib/button-primary/button-primary.component.html

@@ -0,0 +1,3 @@
+<button [disabled]="disabled" class="ius-btn">
+    <ng-content></ng-content>
+</button>

package/src/lib/button-primary/button-primary.component.scss

@@ -0,0 +1,20 @@
+@use '@litigiovirtual/ius-design-styles/lib/colors' as colors;
+@use '@litigiovirtual/ius-design-styles/lib/variables' as variables;
+
+.ius-btn {
+    background-color: colors.$primary-900;
+    color: colors.$neutral-white;
+    padding: variables.$spacing-sm variables.$spacing-lg;
+    border: none;
+    cursor: pointer;
+
+    &:hover:not(:disabled) {
+        background-color: colors.$primary-500;
+    }
+
+    &:disabled {
+        // opacity: 0.6;
+        background-color: colors.$neutral-2;
+        cursor: not-allowed;
+    }
+}

package/src/lib/button-primary/button-primary.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ButtonPrimaryComponent } from './button-primary.component';
+
+describe('ButtonPrimaryComponent', () => {
+  let component: ButtonPrimaryComponent;
+  let fixture: ComponentFixture<ButtonPrimaryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ButtonPrimaryComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(ButtonPrimaryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/button-primary/button-primary.component.ts

@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'ius-button-primary',
+  standalone: true,
+  imports: [],
+  templateUrl: './button-primary.component.html',
+  styleUrl: './button-primary.component.scss'
+})
+export class ButtonPrimaryComponent {
+
+  @Input() disabled = false;
+
+}

package/{lib/button-primary/index.d.ts → src/lib/button-primary/index.ts}

@@ -1 +1,2 @@
-export * from './button-primary.component';
+export * from './button-primary.component';
+

package/src/lib/ius-icon-md/index.ts

@@ -0,0 +1,2 @@
+export * from './ius-icon-md.component';
+

package/src/lib/ius-icon-md/ius-icon-md.component.css

@@ -0,0 +1,11 @@
+:host {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+}
+
+span svg {
+    width: 100%;
+    height: 100%;
+    fill: currentColor;
+}

package/src/lib/ius-icon-md/ius-icon-md.component.html

@@ -0,0 +1 @@
+<span [innerHTML]="svg"></span>

package/src/lib/ius-icon-md/ius-icon-md.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IusIconMdComponent } from './ius-icon-md.component';
+
+describe('IusIconMdComponent', () => {
+  let component: IusIconMdComponent;
+  let fixture: ComponentFixture<IusIconMdComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [IusIconMdComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(IusIconMdComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/ius-icon-md/ius-icon-md.component.ts

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { Component, Input, OnInit } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+
+@Component({
+  selector: 'ius-ius-icon-md',
+  standalone: true,
+  imports: [CommonModule, HttpClientModule],
+  templateUrl: './ius-icon-md.component.html',
+  styleUrl: './ius-icon-md.component.css'
+})
+export class IusIconMdComponent implements OnInit {
+  @Input() iconName: string = 'icon-add';
+  @Input() color: string = 'currentColor';
+
+  svg: SafeHtml = '';
+
+  constructor(private http: HttpClient, private sanitizer: DomSanitizer) { }
+
+  ngOnInit(): void {
+    const path = `assets/icons/${this.iconName}.svg`;
+
+    this.http.get(path, { responseType: 'text' }).subscribe((data) => {
+      const sanitized = this.sanitizer.bypassSecurityTrustHtml(data);
+      this.svg = sanitized;
+    });
+  }
+}

package/src/lib/ius-icon-sm/ius-icon-sm.component.html

@@ -0,0 +1 @@
+<p>ius-icon-sm works!</p>

package/src/lib/ius-icon-sm/ius-icon-sm.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IusIconSmComponent } from './ius-icon-sm.component';
+
+describe('IusIconSmComponent', () => {
+  let component: IusIconSmComponent;
+  let fixture: ComponentFixture<IusIconSmComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [IusIconSmComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(IusIconSmComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/ius-icon-sm/ius-icon-sm.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ius-ius-icon-sm',
+  standalone: true,
+  imports: [],
+  templateUrl: './ius-icon-sm.component.html',
+  styleUrl: './ius-icon-sm.component.css'
+})
+export class IusIconSmComponent {
+
+}

package/src/public-api.ts

@@ -0,0 +1,3 @@
+export * from './lib/button-primary';
+export * from './lib/ius-icon-md';
+

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2022/lib/button-primary/button-primary.component.mjs

@@ -1,16 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ButtonPrimaryComponent {
-    constructor() {
-        this.disabled = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonPrimaryComponent, isStandalone: true, selector: "ius-button-primary", inputs: { disabled: "disabled" }, ngImport: i0, template: "<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n    <ng-content></ng-content>\r\n</button>\r\n", styles: [".ius-btn{background-color:#013169;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:gray}.ius-btn:disabled{opacity:.6;cursor:not-allowed}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonPrimaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ius-button-primary', standalone: true, imports: [], template: "<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n    <ng-content></ng-content>\r\n</button>\r\n", styles: [".ius-btn{background-color:#013169;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:gray}.ius-btn:disabled{opacity:.6;cursor:not-allowed}\n"] }]
-        }], propDecorators: { disabled: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXByaW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLXByaW1hcnkvYnV0dG9uLXByaW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLXByaW1hcnkvYnV0dG9uLXByaW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2pELE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFTVyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBRTNCOytHQUpZLHNCQUFzQjttR0FBdEIsc0JBQXNCLGdIQ1RuQyxzR0FHQTs7NEZETWEsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsRUFBRTs4QkFNRixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtYnV0dG9uLXByaW1hcnknLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1wcmltYXJ5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnV0dG9uLXByaW1hcnkuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25QcmltYXJ5Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuXHJcbn1cclxuIiwiPGJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBjbGFzcz1cIml1cy1idG5cIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9idXR0b24+XHJcbiJdfQ==

package/esm2022/lib/button-primary/index.mjs

@@ -1,2 +0,0 @@
-export * from './button-primary.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24tcHJpbWFyeS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9idXR0b24tcHJpbWFyeS5jb21wb25lbnQnO1xyXG5cclxuIl19

package/esm2022/litigiovirtual-ius-design-components.mjs

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

package/esm2022/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './lib/button-primary';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXByaW1hcnknO1xyXG5cclxuIl19

package/fesm2022/litigiovirtual-ius-design-components.mjs

@@ -1,23 +0,0 @@
-import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
-
-class ButtonPrimaryComponent {
-    constructor() {
-        this.disabled = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonPrimaryComponent, isStandalone: true, selector: "ius-button-primary", inputs: { disabled: "disabled" }, ngImport: i0, template: "<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n    <ng-content></ng-content>\r\n</button>\r\n", styles: [".ius-btn{background-color:#013169;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:gray}.ius-btn:disabled{opacity:.6;cursor:not-allowed}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonPrimaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ius-button-primary', standalone: true, imports: [], template: "<button [disabled]=\"disabled\" class=\"ius-btn\">\r\n    <ng-content></ng-content>\r\n</button>\r\n", styles: [".ius-btn{background-color:#013169;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:gray}.ius-btn:disabled{opacity:.6;cursor:not-allowed}\n"] }]
-        }], propDecorators: { disabled: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ButtonPrimaryComponent };
-//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map

package/fesm2022/litigiovirtual-ius-design-components.mjs.map

@@ -1 +0,0 @@
-{"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/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","/**\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,mMAAA,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,mMAAA,CAAA,EAAA;8BAMF,QAAQ,EAAA,CAAA;sBAAhB;;;AEXH;;AAEG;;;;"}

package/index.d.ts

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

package/lib/button-primary/button-primary.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ButtonPrimaryComponent {
-    disabled: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonPrimaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonPrimaryComponent, "ius-button-primary", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-}

package/public-api.d.ts

@@ -1 +0,0 @@
-export * from './lib/button-primary';