Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@taldor-ltd/tld-angular-fnd
Advanced tools
@taldor-ltd/tld-angular-fnd - npm Package Compare versions
Comparing version 0.0.1 to 0.1.1
| { | ||
| "name": "@taldor-ltd/tld-angular-fnd", | ||
| "version": "0.0.1", | ||
| "version": "0.1.1", | ||
| "description": "Shared Angular functionality to all Taldor developers", | ||
| "$schema": "ng-packagr/ng-package.schema.json", | ||
| "private": false, | ||
@@ -27,6 +26,12 @@ "peerDependencies": { | ||
| "@angular/router": "~8.2.14", | ||
| "@types/node": "~8.9.4", | ||
| "@types/jasmine": "~3.3.8", | ||
| "@types/jasminewd2": "~2.0.3", | ||
| "@types/node": "~8.9.4", | ||
| "codelyzer": "^5.0.0", | ||
| "gulp": "^3.9.1", | ||
| "gulp-concat": "^2.6.0", | ||
| "gulp-flatten": "^0.2.0", | ||
| "gulp-rename": "^1.2.2", | ||
| "gulp-uglify": "^1.5.3", | ||
| "gulp-uglifycss": "^1.0.6", | ||
| "jasmine-core": "~3.4.0", | ||
@@ -33,0 +38,0 @@ "jasmine-spec-reporter": "~4.2.1", |
138
README.md
@@ -1,27 +0,137 @@ | ||
| # TldAngularFnd | ||
| # Taldor Angular Fnd | ||
| This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.21. | ||
| Shared Angular functionality to all Taldor developers. | ||
| ## Development server | ||
| ## Directives | ||
| Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. | ||
| ### Israeli Id Validator | ||
| ## Code scaffolding | ||
| Forms Validator for checking input of TZ | ||
| Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. | ||
| #### Usage | ||
| ## Build | ||
| * Add `tldIsraeliId` attribute to your `<input>` | ||
| - Check always | ||
| ```` html | ||
| <input tldIsraeliId> | ||
| ```` | ||
| - Conditional check | ||
| ```` html | ||
| <input [tldIsraeliId]="someCondition === true"> | ||
| ```` | ||
| Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build. | ||
| * Check `errors` of input's ngModel object for `israeliId` error | ||
| ## Running unit tests | ||
| ```` html | ||
| <input placeholder="מספר זהות" name="tz" #tz="ngModel" [(ngModel)]="myTz" tldIsraeliId> | ||
| <span *ngIf="(tz.errors && tz.errors.israeliId) && (tz.dirty || tz.touched)">ת.ז. לא תקינה</span> | ||
| ```` | ||
| Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). | ||
| ## CSS class snippets: | ||
| ## Running end-to-end tests | ||
| Here are some examples for what each css snippet file contains. | ||
| For almost each example there are many more options with the same naming conventions. | ||
| Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). | ||
| ### align | ||
| * ar (`text-align: right !important`;) | ||
| * va-middle (`vertical-align: middle !important;`) | ||
| * va-middle-children (`vertical-align: middle !important;`) | ||
| * j-c-c (`justify-content: center !important;`) | ||
| ## Further help | ||
| ### border | ||
| To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). | ||
| * bl-1 border-left: 1px solid black !important; | ||
| * b (`order-black border: 1px solid black !important;`) | ||
| * n (`o-border-t border-top: unset !important;`) | ||
| ### display | ||
| * dn (`display: none !important;`) | ||
| * db (`display: block !important;`) | ||
| * dif (`display: inline-flex !important;`) | ||
| * v-h (`visibility: hidden;`) | ||
| ### flex system (can replace bootstrap grid-system, might need some work) | ||
| * flex-container (same as bootstrap row) | ||
| * flex-X (X = the size in percent of the column) | ||
| ### fonts & text | ||
| * italic (`font-style: italic !important;`) | ||
| * font-X (X = font size in pixels (limited to: 30, 36, 48) + lg (size = large)) | ||
| * truncate-text (`{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }`) | ||
| * text-decoration-none (`text-decoration: none !important;`) | ||
| ### colors | ||
| * opacity01 (`opacity: 0.1;`) | ||
| * bg-white (`background-color: #ffffff !important;`) | ||
| * png-white (`sets png color to white;`) | ||
| ### position | ||
| * position-relative (`position: relative;`) | ||
| * pos-abs-center (`position: absolute;`) | ||
| * pos-unset (`position: unset !important;`) | ||
| ### direction | ||
| * fl (`float: left !important;`) | ||
| * dir-rtl (`direction: rtl !important;`) | ||
| * clear-both (`clear: both !important;`) | ||
| ### bootstrap columns as fraction | ||
| * col-1_X (column 1/X available from 2 to 12) | ||
| ### other | ||
| * overflow-auto (`overflow: auto;`) | ||
| * c-hand (`cursor: pointer !important;`) | ||
| ### height | ||
| * h-X (X height in pixels. range 0-980) | ||
| * min-h-X (X min-height in pixels. range 1-980) | ||
| * max-h-X (X max-height in pixels. range 1-1200) | ||
| * vh-X (X height in vh. range 1-100) | ||
| * min-vh-x (X min-height in vh. range 1-100) | ||
| * max-vh-x (X max-height in vh. range 1-100) | ||
| * lh-unset (`line-height: 0px !important;`) | ||
| * lh-X (X line-height in pixels. range 0-980) | ||
| * h-fit-content (`height: fit-content !important;`) | ||
| * h-auto | ||
| ### width | ||
| * w-X (X width in pixels. range 0-1200) | ||
| * width-Xp (X width in percents. range 1-100) | ||
| * min-w-X (X min-width in pixels. range 1-1500) | ||
| * max-w-X (X max-width in pixels. range 1-1500) | ||
| ### margin | ||
| * no-margin | ||
| * marginX (X margin in pixels. range 1-200) | ||
| * marginX-l (X margin-left in pixels. range 1-200) | ||
| * marginXminus (X minus margin. range -1 - -100) | ||
| * marginXminus-l (X minus margin-left. range -1 - -100) | ||
| ### padding | ||
| * no-pad | ||
| * no-pad-right (no padding right) | ||
| * padX (X padding in pixels. range 1-250) | ||
| * padX-l (X padding-left in pixels. range 1-250) | ||
| * padX-tb (X padding-top & padding-bottom in pixels. range 1-250) | ||
| * padXminus (X minus padding in pixels. range -1 - -100) | ||
| * padXminus-l (X minus padding-left in pixels. range -1 - -100) | ||
| * pad-p-X (X percent padding. range 1-100) | ||
| * pad-p-X-l (X percent padding-left. range 1-100) | ||
| * right-minus-X (X minus right in pixels. range -1 - -200) | ||
| * right-X (X right in pixels. range 0-200) | ||
| * left-minus-X (X minus left in pixels. range -1 - -200) | ||
| * left-X (X left in pixels. range 0-200) | ||
| * t-X (X top in pixels. range 0-1200) | ||
| * b-X (X bottom in pixels. range 0-1200) |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1484.17%
1454312
- Number of package files
- increased by8.7%
25
- Lines of code
- increased by8135.07%
50481
- Number of lines in readme file
- increased by389.29%
137
Worsened metrics
- Dev dependency count
- increased by20%
36
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes