@wizishop/angular-components 14.4.72 → 14.4.73
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/block-with-checkbox/block-with-checkbox.component.mjs +3 -3
- package/esm2020/lib/components/tree/tree.component.mjs +4 -5
- package/fesm2015/wizishop-angular-components.mjs +5 -6
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +5 -6
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/tree/tree.component.d.ts +2 -3
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.73.tgz +0 -0
- package/wizishop-angular-components-14.4.72.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -467,6 +467,25 @@ $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
|
+
|
|
470
489
|
.block-with-checkbox {
|
|
471
490
|
width: 100%;
|
|
472
491
|
display: flex;
|
|
@@ -602,25 +621,6 @@ $wac-link-active: #38A3F1!default;
|
|
|
602
621
|
margin-right: 0;
|
|
603
622
|
}
|
|
604
623
|
}
|
|
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;
|
|
@@ -27,10 +27,10 @@ export class BlockWithCheckboxComponent {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
BlockWithCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockWithCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
BlockWithCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BlockWithCheckboxComponent, selector: "wac-block-with-checkbox", inputs: { selected: "selected", disabled: "disabled", nameRadio: "nameRadio", isFirst: "isFirst", opacity: "opacity" }, outputs: { checkboxAction: "checkboxAction" }, ngImport: i0, template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''
|
|
30
|
+
BlockWithCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BlockWithCheckboxComponent, selector: "wac-block-with-checkbox", inputs: { selected: "selected", disabled: "disabled", nameRadio: "nameRadio", isFirst: "isFirst", opacity: "opacity" }, outputs: { checkboxAction: "checkboxAction" }, ngImport: i0, template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' && $event.target['localName'] !== 'a' ? inputRadioA.click() : '';\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockWithCheckboxComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'wac-block-with-checkbox', template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''
|
|
33
|
+
args: [{ selector: 'wac-block-with-checkbox', template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' && $event.target['localName'] !== 'a' ? inputRadioA.click() : '';\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
34
34
|
}], ctorParameters: function () { return []; }, propDecorators: { selected: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], disabled: [{
|
|
@@ -44,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
44
44
|
}], opacity: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2Jsb2NrLXdpdGgtY2hlY2tib3gvYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2Jsb2NrLXdpdGgtY2hlY2tib3gvYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFNN0UsTUFBTSxPQUFPLDBCQUEwQjtJQXNCckM7UUFuQkEsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUs3QyxjQUFTLEdBQUcsdUJBQXVCLENBQUM7UUFHcEMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdoQixZQUFPLEdBQUcsS0FBSyxDQUFDO0lBRUEsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUMxRSxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztZQUNyQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDeEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxPQUFPLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLE9BQU8sU0FBUyxFQUFFO1lBQ25GLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQztTQUM1RjtJQUNILENBQUM7O3VIQXhDVSwwQkFBMEI7MkdBQTFCLDBCQUEwQixzT0NOdkMsNDNCQWFBOzJGRFBhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSx5QkFBeUI7MEVBTW5DLFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixNQUFNO2dCQU1QLFNBQVM7c0JBRFIsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWJsb2NrLXdpdGgtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJsb2NrV2l0aENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIHJhbmRvbUxhYmVsTmFtZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIG5hbWVSYWRpbyA9ICd3YWNCbG9ja0NoZWNrYm94UmFkaW8nO1xuXG4gIEBJbnB1dCgpXG4gIGlzRmlyc3QgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBvcGFjaXR5ID0gJy40NSc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJhbmRvbUxhYmVsTmFtZSA9ICdyYWRpb0Jsb2NrJyArIE1hdGgucmFuZG9tKCkgKiAoOTAwIC0gNzAwKSArIDcwMDtcbiAgfVxuXG4gIGV2ZW50U2VsZWN0ZWQoZXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSBldmVudC50YXJnZXQuY2hlY2tlZDtcbiAgICAgIHRoaXMuY2hlY2tib3hBY3Rpb24uZW1pdCh0aGlzLnNlbGVjdGVkKTtcbiAgICAgIHRoaXMuaXNGaXJzdCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHJlbW92ZUZpcnN0Q2xhc3MoKSB7XG4gICAgaWYgKHR5cGVvZiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuZmlyc3RXYWNSYWRpb0JMb2NrJylbMF0gIT09IHR5cGVvZiB1bmRlZmluZWQpIHtcbiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5maXJzdFdhY1JhZGlvQkxvY2snKVswXS5jbGFzc0xpc3QucmVtb3ZlKCdmaXJzdFdhY1JhZGlvQkxvY2snKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibG9jay13aXRoLWNoZWNrYm94XCIgKGNsaWNrKT1cImRpc2FibGVkID8gJGV2ZW50LnByZXZlbnREZWZhdWx0KCkgOiAnJ1wiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBpbnB1dFJhZGlvQS5jaGVja2VkIHx8IHNlbGVjdGVkLCAnZmlyc3RXYWNSYWRpb0JMb2NrJzogaXNGaXJzdCwgJ2Rpc2FibGVkJzogZGlzYWJsZWR9XCIgW3N0eWxlLm9wYWNpdHldPVwib3BhY2l0eVwiIChtb3VzZW92ZXIpPVwicmVtb3ZlRmlyc3RDbGFzcygpXCI+XG4gIDxkaXYgY2xhc3M9XCJibG9jay13aXRoLWNoZWNrYm94X19sZWZ0XCIgKGNsaWNrKT1cImlucHV0UmFkaW9BLmNsaWNrKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwid2FjLXJhZGlvLWJsb2NrXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwid2FjLXJhZGlvX19yb3dcIj5cbiAgICAgICAgPGlucHV0ICNpbnB1dFJhZGlvQSBbbmFtZV09XCJuYW1lUmFkaW9cIiB0eXBlPVwicmFkaW9cIiBbY2hlY2tlZF09XCJzZWxlY3RlZFwiIFt2YWx1ZV09XCJzZWxlY3RlZFwiIChjaGFuZ2UpPVwiZXZlbnRTZWxlY3RlZCgkZXZlbnQpXCIgW2lkXT1cInJhbmRvbUxhYmVsTmFtZVwiPlxuICAgICAgICA8bGFiZWwgW2Zvcl09XCJyYW5kb21MYWJlbE5hbWVcIj48L2xhYmVsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYmxvY2std2l0aC1jaGVja2JveF9fY2VudGVyXCIgKGNsaWNrKT1cIiRldmVudC50YXJnZXRbJ2NsYXNzTmFtZSddICE9PSAnd2FjLWxpbmsnICYmICRldmVudC50YXJnZXRbJ2xvY2FsTmFtZSddICE9PSAnYScgPyBpbnB1dFJhZGlvQS5jbGljaygpIDogJyc7XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -3,18 +3,17 @@ 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(
|
|
7
|
-
this.changeDetectionRef = changeDetectionRef;
|
|
6
|
+
constructor() {
|
|
8
7
|
this.treeDepth = 0;
|
|
9
8
|
this.trackByFn = (index, item) => item;
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [
|
|
11
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
12
|
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 });
|
|
14
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, decorators: [{
|
|
15
14
|
type: Component,
|
|
16
15
|
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>" }]
|
|
17
|
-
}], ctorParameters: function () { return [
|
|
16
|
+
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
18
17
|
type: Input
|
|
19
18
|
}], treeDepth: [{
|
|
20
19
|
type: Input
|
|
@@ -23,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
23
22
|
}], trackByFn: [{
|
|
24
23
|
type: Input
|
|
25
24
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RyZWUvdHJlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RyZWUvdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTFHLE1BQU0sT0FBTyxhQUFhO0lBRXhCLGtEQUFrRDtJQUVsRDtRQUtTLGNBQVMsR0FBVSxDQUFDLENBQUM7UUFFckIsY0FBUyxHQUF1QyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQztJQVAvRCxDQUFDOzswR0FKTixhQUFhOzhGQUFiLGFBQWEsOEpDVjFCLHFqQkFlSyxraEJETFEsYUFBYTsyRkFBYixhQUFhO2tCQVB6QixTQUFTOytCQUNFLFVBQVUsbUJBRUgsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTswRUFXNUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVjdXJzaWZEdG8gfSBmcm9tICcuL3RyZWUuZHRvJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXRyZWUnLFxuICB0ZW1wbGF0ZVVybDogJ3RyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBUcmVlQ29tcG9uZW50PFRyZWUgZXh0ZW5kcyBSZWN1cnNpZkR0bzxUcmVlPj4ge1xuXG4gIC8vIGh0dHBzOi8vaW5kZXB0aC5kZXYvcG9zdHMvMTQwNS9uZ3RlbXBsYXRlb3V0bGV0XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbiAgLyoqXG4gICAqISBpdGVtcyBzb3VsZCBpbmNsdWRlIFJlY3Vyc2lmRHRvIGludGVyZmFjZVxuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IFRyZWVbXTtcbiAgQElucHV0KCkgdHJlZURlcHRoOm51bWJlciA9IDA7XG4gIEBJbnB1dCgpIG9wdGlvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSB0cmFja0J5Rm46IChpbmRleDogbnVtYmVyLCBpdGVtOiBUcmVlKSA9PiBhbnkgPSAoaW5kZXgsIGl0ZW0pID0+IGl0ZW07XG5cbn0iLCI8dWwgW25nQ2xhc3NdPVwiWyd0cmVlRGVwdGgtJyArIHRyZWVEZXB0aF1cIj5cbiAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGluZGV4ID0gaW5kZXg7IHRyYWNrQnk6IHRyYWNrQnlGblwiPlxuXG4gICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0SXRlbT5cbiAgICAgIHt7IGl0ZW0/LnRyZWVMYWJlbCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJvcHRpb25UZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0sIGluZGV4OiBpbmRleCB9XCJcbiAgICA+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8d2FjLXRyZWUgW29wdGlvblRlbXBsYXRlXT1cIm9wdGlvblRlbXBsYXRlXCIgW2l0ZW1zXT1cIml0ZW0udHJlZUNoaWxkcmVuXCIgKm5nSWY9XCJpdGVtLnRyZWVDaGlsZHJlbj8ubGVuZ3RoXCIgW3RyZWVEZXB0aF09XCJ0cmVlRGVwdGggKyAxXCI+PC93YWMtdHJlZT5cbiAgIDwvbGk+XG48L3VsPiJdfQ==
|
|
@@ -4527,18 +4527,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
4527
4527
|
|
|
4528
4528
|
class TreeComponent {
|
|
4529
4529
|
// https://indepth.dev/posts/1405/ngtemplateoutlet
|
|
4530
|
-
constructor(
|
|
4531
|
-
this.changeDetectionRef = changeDetectionRef;
|
|
4530
|
+
constructor() {
|
|
4532
4531
|
this.treeDepth = 0;
|
|
4533
4532
|
this.trackByFn = (index, item) => item;
|
|
4534
4533
|
}
|
|
4535
4534
|
}
|
|
4536
|
-
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [
|
|
4535
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4537
4536
|
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 });
|
|
4538
4537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, decorators: [{
|
|
4539
4538
|
type: Component,
|
|
4540
4539
|
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>" }]
|
|
4541
|
-
}], ctorParameters: function () { return [
|
|
4540
|
+
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
4542
4541
|
type: Input
|
|
4543
4542
|
}], treeDepth: [{
|
|
4544
4543
|
type: Input
|
|
@@ -5200,10 +5199,10 @@ class BlockWithCheckboxComponent {
|
|
|
5200
5199
|
}
|
|
5201
5200
|
}
|
|
5202
5201
|
BlockWithCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockWithCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5203
|
-
BlockWithCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BlockWithCheckboxComponent, selector: "wac-block-with-checkbox", inputs: { selected: "selected", disabled: "disabled", nameRadio: "nameRadio", isFirst: "isFirst", opacity: "opacity" }, outputs: { checkboxAction: "checkboxAction" }, ngImport: i0, template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''
|
|
5202
|
+
BlockWithCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BlockWithCheckboxComponent, selector: "wac-block-with-checkbox", inputs: { selected: "selected", disabled: "disabled", nameRadio: "nameRadio", isFirst: "isFirst", opacity: "opacity" }, outputs: { checkboxAction: "checkboxAction" }, ngImport: i0, template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' && $event.target['localName'] !== 'a' ? inputRadioA.click() : '';\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5204
5203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockWithCheckboxComponent, decorators: [{
|
|
5205
5204
|
type: Component,
|
|
5206
|
-
args: [{ selector: 'wac-block-with-checkbox', template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''
|
|
5205
|
+
args: [{ selector: 'wac-block-with-checkbox', template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' && $event.target['localName'] !== 'a' ? inputRadioA.click() : '';\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
5207
5206
|
}], ctorParameters: function () { return []; }, propDecorators: { selected: [{
|
|
5208
5207
|
type: Input
|
|
5209
5208
|
}], disabled: [{
|