@wizishop/angular-components 14.4.71 → 14.4.72
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.
- package/angular-components.scss +19 -19
- package/esm2020/lib/components/tree/tree.component.mjs +6 -4
- package/fesm2015/wizishop-angular-components.mjs +5 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +5 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/tree/tree.component.d.ts +3 -1
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.72.tgz +0 -0
- package/wizishop-angular-components-14.4.71.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -467,25 +467,6 @@ $wac-link-active: #38A3F1!default;
|
|
|
467
467
|
}
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
wac-block {
|
|
471
|
-
.wac-block {
|
|
472
|
-
background-color: $white;
|
|
473
|
-
@include padding(rem(30));
|
|
474
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
475
|
-
@include simple_transition();
|
|
476
|
-
height: 100%;
|
|
477
|
-
border-radius: var(--wac-block-border-radius);
|
|
478
|
-
|
|
479
|
-
@include media('<tablet') {
|
|
480
|
-
@include padding(rem(20));
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
&:hover {
|
|
484
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
}
|
|
488
|
-
|
|
489
470
|
.block-with-checkbox {
|
|
490
471
|
width: 100%;
|
|
491
472
|
display: flex;
|
|
@@ -621,6 +602,25 @@ wac-block {
|
|
|
621
602
|
margin-right: 0;
|
|
622
603
|
}
|
|
623
604
|
}
|
|
605
|
+
wac-block {
|
|
606
|
+
.wac-block {
|
|
607
|
+
background-color: $white;
|
|
608
|
+
@include padding(rem(30));
|
|
609
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
610
|
+
@include simple_transition();
|
|
611
|
+
height: 100%;
|
|
612
|
+
border-radius: var(--wac-block-border-radius);
|
|
613
|
+
|
|
614
|
+
@include media('<tablet') {
|
|
615
|
+
@include padding(rem(20));
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
&:hover {
|
|
619
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
}
|
|
623
|
+
|
|
624
624
|
.wac-breadcrumbs {
|
|
625
625
|
width: 100%;
|
|
626
626
|
display: flex;
|
|
@@ -2,17 +2,19 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class TreeComponent {
|
|
5
|
-
|
|
5
|
+
// https://indepth.dev/posts/1405/ngtemplateoutlet
|
|
6
|
+
constructor(changeDetectionRef) {
|
|
7
|
+
this.changeDetectionRef = changeDetectionRef;
|
|
6
8
|
this.treeDepth = 0;
|
|
7
9
|
this.trackByFn = (index, item) => item;
|
|
8
10
|
}
|
|
9
11
|
}
|
|
10
|
-
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
11
13
|
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TreeComponent, selector: "wac-tree", inputs: { items: "items", treeDepth: "treeDepth", optionTemplate: "optionTemplate", trackByFn: "trackByFn" }, ngImport: i0, template: "<ul [ngClass]=\"['treeDepth-' + treeDepth]\">\n <li *ngFor=\"let item of items; let index = index; trackBy: trackByFn\">\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\"></wac-tree>\n </li>\n</ul>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeComponent, selector: "wac-tree", inputs: ["items", "treeDepth", "optionTemplate", "trackByFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, decorators: [{
|
|
13
15
|
type: Component,
|
|
14
16
|
args: [{ selector: 'wac-tree', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul [ngClass]=\"['treeDepth-' + treeDepth]\">\n <li *ngFor=\"let item of items; let index = index; trackBy: trackByFn\">\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\"></wac-tree>\n </li>\n</ul>" }]
|
|
15
|
-
}], propDecorators: { items: [{
|
|
17
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
16
18
|
type: Input
|
|
17
19
|
}], treeDepth: [{
|
|
18
20
|
type: Input
|
|
@@ -21,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
21
23
|
}], trackByFn: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RyZWUvdHJlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RyZWUvdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVU3SCxNQUFNLE9BQU8sYUFBYTtJQUV4QixrREFBa0Q7SUFFbEQsWUFBbUIsa0JBQXFDO1FBQXJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFLL0MsY0FBUyxHQUFVLENBQUMsQ0FBQztRQUVyQixjQUFTLEdBQXVDLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDO0lBUG5CLENBQUM7OzBHQUpsRCxhQUFhOzhGQUFiLGFBQWEsOEpDVjFCLHFqQkFlSyxraEJETFEsYUFBYTsyRkFBYixhQUFhO2tCQVB6QixTQUFTOytCQUNFLFVBQVUsbUJBRUgsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTt3R0FXNUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlY3Vyc2lmRHRvLCBUcmVlRHRvIH0gZnJvbSAnLi90cmVlLmR0byc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy10cmVlJyxcbiAgdGVtcGxhdGVVcmw6ICd0cmVlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuXG5leHBvcnQgY2xhc3MgVHJlZUNvbXBvbmVudDxUcmVlIGV4dGVuZHMgUmVjdXJzaWZEdG88VHJlZT4+IHtcblxuICAvLyBodHRwczovL2luZGVwdGguZGV2L3Bvc3RzLzE0MDUvbmd0ZW1wbGF0ZW91dGxldFxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjaGFuZ2VEZXRlY3Rpb25SZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cbiAgLyoqXG4gICAqISBpdGVtcyBzb3VsZCBpbmNsdWRlIFJlY3Vyc2lmRHRvIGludGVyZmFjZVxuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IFRyZWVbXTtcbiAgQElucHV0KCkgdHJlZURlcHRoOm51bWJlciA9IDA7XG4gIEBJbnB1dCgpIG9wdGlvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSB0cmFja0J5Rm46IChpbmRleDogbnVtYmVyLCBpdGVtOiBUcmVlKSA9PiBhbnkgPSAoaW5kZXgsIGl0ZW0pID0+IGl0ZW07XG5cbn0iLCI8dWwgW25nQ2xhc3NdPVwiWyd0cmVlRGVwdGgtJyArIHRyZWVEZXB0aF1cIj5cbiAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGluZGV4ID0gaW5kZXg7IHRyYWNrQnk6IHRyYWNrQnlGblwiPlxuXG4gICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0SXRlbT5cbiAgICAgIHt7IGl0ZW0/LnRyZWVMYWJlbCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJvcHRpb25UZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0sIGluZGV4OiBpbmRleCB9XCJcbiAgICA+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8d2FjLXRyZWUgW29wdGlvblRlbXBsYXRlXT1cIm9wdGlvblRlbXBsYXRlXCIgW2l0ZW1zXT1cIml0ZW0udHJlZUNoaWxkcmVuXCIgKm5nSWY9XCJpdGVtLnRyZWVDaGlsZHJlbj8ubGVuZ3RoXCIgW3RyZWVEZXB0aF09XCJ0cmVlRGVwdGggKyAxXCI+PC93YWMtdHJlZT5cbiAgIDwvbGk+XG48L3VsPiJdfQ==
|
|
@@ -4526,17 +4526,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
4526
4526
|
}] } });
|
|
4527
4527
|
|
|
4528
4528
|
class TreeComponent {
|
|
4529
|
-
|
|
4529
|
+
// https://indepth.dev/posts/1405/ngtemplateoutlet
|
|
4530
|
+
constructor(changeDetectionRef) {
|
|
4531
|
+
this.changeDetectionRef = changeDetectionRef;
|
|
4530
4532
|
this.treeDepth = 0;
|
|
4531
4533
|
this.trackByFn = (index, item) => item;
|
|
4532
4534
|
}
|
|
4533
4535
|
}
|
|
4534
|
-
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4536
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4535
4537
|
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TreeComponent, selector: "wac-tree", inputs: { items: "items", treeDepth: "treeDepth", optionTemplate: "optionTemplate", trackByFn: "trackByFn" }, ngImport: i0, template: "<ul [ngClass]=\"['treeDepth-' + treeDepth]\">\n <li *ngFor=\"let item of items; let index = index; trackBy: trackByFn\">\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\"></wac-tree>\n </li>\n</ul>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeComponent, selector: "wac-tree", inputs: ["items", "treeDepth", "optionTemplate", "trackByFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4536
4538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, decorators: [{
|
|
4537
4539
|
type: Component,
|
|
4538
4540
|
args: [{ selector: 'wac-tree', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul [ngClass]=\"['treeDepth-' + treeDepth]\">\n <li *ngFor=\"let item of items; let index = index; trackBy: trackByFn\">\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\"></wac-tree>\n </li>\n</ul>" }]
|
|
4539
|
-
}], propDecorators: { items: [{
|
|
4541
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
4540
4542
|
type: Input
|
|
4541
4543
|
}], treeDepth: [{
|
|
4542
4544
|
type: Input
|