@wizishop/angular-components 0.0.222 → 0.0.223
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 +385 -379
- package/bundles/wizishop-angular-components.umd.js +3 -1
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +4 -2
- package/fesm2015/wizishop-angular-components.js +3 -1
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.223.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.222.tgz +0 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
export class BreadcrumbsComponent {
|
|
3
3
|
constructor() {
|
|
4
|
+
this.noResponsive = false;
|
|
4
5
|
this.index = 0;
|
|
5
6
|
this.indexChange = new EventEmitter();
|
|
6
7
|
}
|
|
@@ -14,12 +15,13 @@ export class BreadcrumbsComponent {
|
|
|
14
15
|
BreadcrumbsComponent.decorators = [
|
|
15
16
|
{ type: Component, args: [{
|
|
16
17
|
selector: 'wac-breadcrumbs',
|
|
17
|
-
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n </div>\n </div>\n</div>\n"
|
|
18
|
+
template: "<div class=\"wac-breadcrumbs\" [ngClass]=\"{'no-responsive': noResponsive}\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n </div>\n </div>\n</div>\n"
|
|
18
19
|
},] }
|
|
19
20
|
];
|
|
20
21
|
BreadcrumbsComponent.ctorParameters = () => [];
|
|
21
22
|
BreadcrumbsComponent.propDecorators = {
|
|
22
23
|
breadcrumbs: [{ type: Input }],
|
|
24
|
+
noResponsive: [{ type: Input }],
|
|
23
25
|
indexChange: [{ type: Output }]
|
|
24
26
|
};
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU83RSxNQUFNLE9BQU8sb0JBQW9CO0lBYS9CO1FBUEEsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUdsQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFdEIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFlBQVksQ0FBQyxDQUFDO1FBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7O1lBekJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixvcEJBQTJDO2FBQzVDOzs7OzBCQUdFLEtBQUs7MkJBR0wsS0FBSzswQkFLTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QnJlYWRjcnVtYnNEdG99IGZyb20gJy4vYnJlYWRjcnVtYnMuZHRvJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWJyZWFkY3J1bWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIGJyZWFkY3J1bWJzOiBCcmVhZGNydW1ic0R0b1tdO1xuXG4gIEBJbnB1dCgpXG4gIG5vUmVzcG9uc2l2ZSA9IGZhbHNlO1xuXG4gIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKVxuICBpbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICB2YWx1ZUNoYW5nZWQoaSkge1xuICAgIHRoaXMuaW5kZXggPSBpO1xuICAgIHRoaXMuaW5kZXhDaGFuZ2UuZW1pdCh0aGlzLmluZGV4KTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -3726,6 +3726,7 @@ WrapperSidebarComponent.propDecorators = {
|
|
|
3726
3726
|
|
|
3727
3727
|
class BreadcrumbsComponent {
|
|
3728
3728
|
constructor() {
|
|
3729
|
+
this.noResponsive = false;
|
|
3729
3730
|
this.index = 0;
|
|
3730
3731
|
this.indexChange = new EventEmitter();
|
|
3731
3732
|
}
|
|
@@ -3739,12 +3740,13 @@ class BreadcrumbsComponent {
|
|
|
3739
3740
|
BreadcrumbsComponent.decorators = [
|
|
3740
3741
|
{ type: Component, args: [{
|
|
3741
3742
|
selector: 'wac-breadcrumbs',
|
|
3742
|
-
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n </div>\n </div>\n</div>\n"
|
|
3743
|
+
template: "<div class=\"wac-breadcrumbs\" [ngClass]=\"{'no-responsive': noResponsive}\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n </div>\n </div>\n</div>\n"
|
|
3743
3744
|
},] }
|
|
3744
3745
|
];
|
|
3745
3746
|
BreadcrumbsComponent.ctorParameters = () => [];
|
|
3746
3747
|
BreadcrumbsComponent.propDecorators = {
|
|
3747
3748
|
breadcrumbs: [{ type: Input }],
|
|
3749
|
+
noResponsive: [{ type: Input }],
|
|
3748
3750
|
indexChange: [{ type: Output }]
|
|
3749
3751
|
};
|
|
3750
3752
|
|