lct-components - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

bundles/lct-components.umd.js

@@ -276,3 +276,3 @@ (function (global, factory) {
     ButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: ButtonComponent, deps: [{ token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:absolute;left:15%}.btnCounter{background-color:#fff;color:#2649b6;position:absolute;right:15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:absolute}.counterAndIconImg{display:inline-flex;position:relative;left:-30%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    ButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:not([disabled]):hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:not([disabled]):hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:relative;left:-15%}.btnCounter{background-color:#fff;color:#2649b6;position:relative;right:-15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:relative}.counterAndIconImg{display:inline-flex;position:relative;left:-15%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:not([disabled]):hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: ButtonComponent, decorators: [{
@@ -279,0 +279,0 @@ type: i0.Component,

esm2015/lib/button/button.component.js

@@ -57,3 +57,3 @@ import { Component, Input, ViewChild } from '@angular/core';
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:absolute;left:15%}.btnCounter{background-color:#fff;color:#2649b6;position:absolute;right:15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:absolute}.counterAndIconImg{display:inline-flex;position:relative;left:-30%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:not([disabled]):hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:not([disabled]):hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:relative;left:-15%}.btnCounter{background-color:#fff;color:#2649b6;position:relative;right:-15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:relative}.counterAndIconImg{display:inline-flex;position:relative;left:-15%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:not([disabled]):hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
@@ -60,0 +60,0 @@ type: Component,

fesm2015/lct-components.js

@@ -255,3 +255,3 @@ import * as i0 from '@angular/core';
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:absolute;left:15%}.btnCounter{background-color:#fff;color:#2649b6;position:absolute;right:15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:absolute}.counterAndIconImg{display:inline-flex;position:relative;left:-30%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "lct-button", inputs: { title: "title", buttonType: "buttonType", disabled: "disabled", icon: "icon", width: "width", height: "height", counter: "counter" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button [disabled]=\"disabledValue\"  #button>\n  <img *ngIf=\"icon\" [ngClass]=\"{'counterAndIconImg': counter >= 0 && icon}\" width=\"auto\" height=\"80%\" [src]=\"icon\" alt=\"icon\">\n  <span *ngIf=\"title\" [ngClass]=\"{'counterOn': counter >= 0 && !icon, 'counterAndIconTxt': counter >= 0 && icon}\">{{title}}</span>\n  <span *ngIf=\"counter >= 0\" class=\"btnCounter\">{{counter}}</span>\n</button>\n", styles: ["button{width:100%;height:40px;border-radius:8px;border:1px solid #C2C2C2;background-color:#c8ccd4;font-size:14px;letter-spacing:0;line-height:18px;font-family:\"Barlow\",serif;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;background-color:#c8ccd4;color:#fff;font-weight:unset}@media (max-width: 375px){button{height:50px}}button img{margin-right:8px}button:not([disabled]):active img{filter:hue-rotate(40deg) saturate(.5) brightness(390%) saturate(4)}.primary{background-color:#2649b6;color:#fff;font-weight:bold}.primary:not([disabled]):hover{background:#2A5AED}.primary:not([disabled]):active{background:#2A5AED}.secondary{box-sizing:border-box;border:1px solid #2649B6;background-color:#fff;color:#2649b6}.secondary:disabled{border:0}.secondary:not([disabled]):hover{border:1px solid #2A5AED;color:#2a5aed}.secondary:not([disabled]):active{background:#2A5AED;color:#fff}.counterOn{position:relative;left:-15%}.btnCounter{background-color:#fff;color:#2649b6;position:relative;right:-15%;padding:.1rem .4rem;border:1px solid #2649B6;border-radius:2px}.counterAndIconTxt{display:inline-flex;position:relative}.counterAndIconImg{display:inline-flex;position:relative;left:-15%}.tertiary{box-sizing:border-box;background-color:#6a80b1;color:#fff}.tertiary:disabled{border:0}.tertiary:not([disabled]):hover{border:1px solid #2649B6}.tertiary:not([disabled]):active{background:#809AD2}.quaternary{box-sizing:border-box;border:1px solid #2649B6;background-color:#223359;color:#fff}.quaternary:disabled{border:0}.quaternary:not([disabled]):hover{background-color:#fff;border:1px solid #223359;color:#223359}.quaternary:not([disabled]):active{background-color:#2a5aed;color:#fff}.error{background-color:#c60e4c;color:#fff}.success{background-color:#8cba37;color:#fff}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
@@ -258,0 +258,0 @@ type: Component,

package.json

 {
   "name": "lct-components",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "LCT basic components",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -96,3 +96,3 @@
 
->Version 0.1.3
+>Version 0.2.1
 >
@@ -99,0 +99,0 @@ >[(ngModel)] Can only be used at the moment for:

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

306744

increased by0.05%

No dependency changes