New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
ngx-treeview
Advanced tools
ngx-treeview - npm Package Compare versions
Comparing version 1.0.0 to 1.0.1
@@ -727,3 +727,3 @@ (function (global, factory) { | ||
| selector: 'ngx-treeview', | ||
| template: '<ng-template #tpl let-item="item" let-toggleCollapseExpand="toggleCollapseExpand" let-onCheckedChange="onCheckedChange"> <div class="form-check"> <i *ngIf="item.children" (click)="toggleCollapseExpand()" aria-hidden="true" class="fa" [class.fa-caret-right]="item.collapsed" [class.fa-caret-down]="!item.collapsed"></i> <label class="form-check-label"> <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled" /> {{item.text}} </label> </div> </ng-template> <div [ngSwitch]="hasFilterItems"> <div *ngSwitchCase="true" class="treeview-header"> <div *ngIf="config.isShowFilter" class="row"> <div class="col-12"> <input class="form-control" type="text" [placeholder]="i18n.filterPlaceholder()" [(ngModel)]="filterText" (ngModelChange)="onFilterTextChange()" /> </div> </div> <div *ngIf="hasFilterItems"> <div *ngIf="config.isShowAllCheckBox || config.isShowCollapseExpand" class="row"> <div class="col-12" [class.row-margin]="config.isShowFilter && (config.isShowAllCheckBox || config.isShowCollapseExpand)"> <label *ngIf="config.isShowAllCheckBox" class="form-check-label label-item-all"> <input type="checkbox" class="form-check-input" [(ngModel)]="allItem.checked" (ngModelChange)="onAllCheckedChange($event)" /> {{i18n.allCheckboxText()}} </label> <label *ngIf="config.isShowCollapseExpand" class="pull-right label-collapse-expand" (click)="toggleCollapseExpand()"> <i [title]="i18n.tooltipCollapseExpand(allItem.collapsed)" aria-hidden="true" class="fa" [class.fa-expand]="allItem.collapsed" [class.fa-compress]="!allItem.collapsed"></i> </label> </div> </div> <div *ngIf="config.isShowFilter || config.isShowAllCheckBox || config.isShowCollapseExpand" class="divider"></div> </div> </div> <div *ngSwitchCase="true" class="treeview-container" [style.max-height.px]="maxHeight"> <ngx-treeview-item *ngFor="let item of filterItems" [item]="item" [template]="template || tpl" (checkedChange)="onItemCheckedChange(item, $event)"> </ngx-treeview-item> </div> <div *ngSwitchCase="false" class="treeview-text"> {{i18n.filterNoItemsFoundText()}} </div> </div>', | ||
| template: '<ng-template #tpl let-item="item" let-toggleCollapseExpand="toggleCollapseExpand" let-onCheckedChange="onCheckedChange"> <div class="form-check"> <i *ngIf="item.children" (click)="toggleCollapseExpand()" aria-hidden="true" class="fa" [class.fa-caret-right]="item.collapsed" [class.fa-caret-down]="!item.collapsed"></i> <label class="form-check-label"> <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled" /> {{item.text}} </label> </div> </ng-template> <div class="treeview-header"> <div *ngIf="config.isShowFilter" class="row"> <div class="col-12"> <input class="form-control" type="text" [placeholder]="i18n.filterPlaceholder()" [(ngModel)]="filterText" (ngModelChange)="onFilterTextChange()" /> </div> </div> <div *ngIf="hasFilterItems"> <div *ngIf="config.isShowAllCheckBox || config.isShowCollapseExpand" class="row"> <div class="col-12" [class.row-margin]="config.isShowFilter && (config.isShowAllCheckBox || config.isShowCollapseExpand)"> <label *ngIf="config.isShowAllCheckBox" class="form-check-label label-item-all"> <input type="checkbox" class="form-check-input" [(ngModel)]="allItem.checked" (ngModelChange)="onAllCheckedChange($event)" /> {{i18n.allCheckboxText()}} </label> <label *ngIf="config.isShowCollapseExpand" class="pull-right label-collapse-expand" (click)="toggleCollapseExpand()"> <i [title]="i18n.tooltipCollapseExpand(allItem.collapsed)" aria-hidden="true" class="fa" [class.fa-expand]="allItem.collapsed" [class.fa-compress]="!allItem.collapsed"></i> </label> </div> </div> <div *ngIf="config.isShowFilter || config.isShowAllCheckBox || config.isShowCollapseExpand" class="divider"></div> </div> </div> <div [ngSwitch]="hasFilterItems"> <div *ngSwitchCase="true" class="treeview-container" [style.max-height.px]="maxHeight"> <ngx-treeview-item *ngFor="let item of filterItems" [item]="item" [template]="template || tpl" (checkedChange)="onItemCheckedChange(item, $event)"> </ngx-treeview-item> </div> <div *ngSwitchCase="false" class="treeview-text"> {{i18n.filterNoItemsFoundText()}} </div> </div>', | ||
| styles: [':host /deep/ .fa { margin-right: .2rem; width: .5rem; cursor: pointer; } .treeview-header .row .row-margin { margin-top: .3rem; } .treeview-header .row .row-margin .label-collapse-expand { margin: 0; padding: 0 .3rem; cursor: pointer; } .treeview-header .divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background: #000; } .treeview-container { overflow-x: hidden; overflow-y: auto; padding-right: 18px; } .treeview-text { padding: .3rem 0; white-space: nowrap; } '] | ||
@@ -730,0 +730,0 @@ }), |
| { | ||
| "name": "ngx-treeview", | ||
| "version": "1.0.0", | ||
| "version": "1.0.1", | ||
| "license": "MIT", | ||
@@ -94,2 +94,2 @@ "description": "An Angular treeview component with checkbox", | ||
| } | ||
| } | ||
| } |
@@ -225,3 +225,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| selector: 'ngx-treeview', | ||
| template: '<ng-template #tpl let-item="item" let-toggleCollapseExpand="toggleCollapseExpand" let-onCheckedChange="onCheckedChange"> <div class="form-check"> <i *ngIf="item.children" (click)="toggleCollapseExpand()" aria-hidden="true" class="fa" [class.fa-caret-right]="item.collapsed" [class.fa-caret-down]="!item.collapsed"></i> <label class="form-check-label"> <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled" /> {{item.text}} </label> </div> </ng-template> <div [ngSwitch]="hasFilterItems"> <div *ngSwitchCase="true" class="treeview-header"> <div *ngIf="config.isShowFilter" class="row"> <div class="col-12"> <input class="form-control" type="text" [placeholder]="i18n.filterPlaceholder()" [(ngModel)]="filterText" (ngModelChange)="onFilterTextChange()" /> </div> </div> <div *ngIf="hasFilterItems"> <div *ngIf="config.isShowAllCheckBox || config.isShowCollapseExpand" class="row"> <div class="col-12" [class.row-margin]="config.isShowFilter && (config.isShowAllCheckBox || config.isShowCollapseExpand)"> <label *ngIf="config.isShowAllCheckBox" class="form-check-label label-item-all"> <input type="checkbox" class="form-check-input" [(ngModel)]="allItem.checked" (ngModelChange)="onAllCheckedChange($event)" /> {{i18n.allCheckboxText()}} </label> <label *ngIf="config.isShowCollapseExpand" class="pull-right label-collapse-expand" (click)="toggleCollapseExpand()"> <i [title]="i18n.tooltipCollapseExpand(allItem.collapsed)" aria-hidden="true" class="fa" [class.fa-expand]="allItem.collapsed" [class.fa-compress]="!allItem.collapsed"></i> </label> </div> </div> <div *ngIf="config.isShowFilter || config.isShowAllCheckBox || config.isShowCollapseExpand" class="divider"></div> </div> </div> <div *ngSwitchCase="true" class="treeview-container" [style.max-height.px]="maxHeight"> <ngx-treeview-item *ngFor="let item of filterItems" [item]="item" [template]="template || tpl" (checkedChange)="onItemCheckedChange(item, $event)"> </ngx-treeview-item> </div> <div *ngSwitchCase="false" class="treeview-text"> {{i18n.filterNoItemsFoundText()}} </div> </div>', | ||
| template: '<ng-template #tpl let-item="item" let-toggleCollapseExpand="toggleCollapseExpand" let-onCheckedChange="onCheckedChange"> <div class="form-check"> <i *ngIf="item.children" (click)="toggleCollapseExpand()" aria-hidden="true" class="fa" [class.fa-caret-right]="item.collapsed" [class.fa-caret-down]="!item.collapsed"></i> <label class="form-check-label"> <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled" /> {{item.text}} </label> </div> </ng-template> <div class="treeview-header"> <div *ngIf="config.isShowFilter" class="row"> <div class="col-12"> <input class="form-control" type="text" [placeholder]="i18n.filterPlaceholder()" [(ngModel)]="filterText" (ngModelChange)="onFilterTextChange()" /> </div> </div> <div *ngIf="hasFilterItems"> <div *ngIf="config.isShowAllCheckBox || config.isShowCollapseExpand" class="row"> <div class="col-12" [class.row-margin]="config.isShowFilter && (config.isShowAllCheckBox || config.isShowCollapseExpand)"> <label *ngIf="config.isShowAllCheckBox" class="form-check-label label-item-all"> <input type="checkbox" class="form-check-input" [(ngModel)]="allItem.checked" (ngModelChange)="onAllCheckedChange($event)" /> {{i18n.allCheckboxText()}} </label> <label *ngIf="config.isShowCollapseExpand" class="pull-right label-collapse-expand" (click)="toggleCollapseExpand()"> <i [title]="i18n.tooltipCollapseExpand(allItem.collapsed)" aria-hidden="true" class="fa" [class.fa-expand]="allItem.collapsed" [class.fa-compress]="!allItem.collapsed"></i> </label> </div> </div> <div *ngIf="config.isShowFilter || config.isShowAllCheckBox || config.isShowCollapseExpand" class="divider"></div> </div> </div> <div [ngSwitch]="hasFilterItems"> <div *ngSwitchCase="true" class="treeview-container" [style.max-height.px]="maxHeight"> <ngx-treeview-item *ngFor="let item of filterItems" [item]="item" [template]="template || tpl" (checkedChange)="onItemCheckedChange(item, $event)"> </ngx-treeview-item> </div> <div *ngSwitchCase="false" class="treeview-text"> {{i18n.filterNoItemsFoundText()}} </div> </div>', | ||
| styles: [':host /deep/ .fa { margin-right: .2rem; width: .5rem; cursor: pointer; } .treeview-header .row .row-margin { margin-top: .3rem; } .treeview-header .row .row-margin .label-collapse-expand { margin: 0; padding: 0 .3rem; cursor: pointer; } .treeview-header .divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background: #000; } .treeview-container { overflow-x: hidden; overflow-y: auto; padding-right: 18px; } .treeview-text { padding: .3rem 0; white-space: nowrap; } '] | ||
@@ -228,0 +228,0 @@ }), |
Sorry, the diff of this file is not supported yet
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-0.07%
216379
No dependency changes