@wizishop/angular-components 0.0.211 → 0.0.213
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 +368 -358
- package/bundles/wizishop-angular-components.umd.js +4 -2
- 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/wrapper-sidebar/wrapper-sidebar.component.js +5 -3
- package/fesm2015/wizishop-angular-components.js +4 -2
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/wrapper-sidebar/wrapper-sidebar.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.213.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.211.tgz +0 -0
|
@@ -3,6 +3,7 @@ export class WrapperSidebarComponent {
|
|
|
3
3
|
constructor() {
|
|
4
4
|
this.reverse = false;
|
|
5
5
|
this.hideBackground = false;
|
|
6
|
+
this.stickySidebar = false;
|
|
6
7
|
}
|
|
7
8
|
ngOnInit() {
|
|
8
9
|
}
|
|
@@ -10,7 +11,7 @@ export class WrapperSidebarComponent {
|
|
|
10
11
|
WrapperSidebarComponent.decorators = [
|
|
11
12
|
{ type: Component, args: [{
|
|
12
13
|
selector: 'wac-wrapper-sidebar',
|
|
13
|
-
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n <div class=\"wac-wrapper-sidebar__left\">\n <ng-content select=\"[sidebar]\"></ng-content>\n </div>\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n"
|
|
14
|
+
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n <div class=\"wac-wrapper-sidebar__left\" [ngClass]=\"{'sticky': stickySidebar}\">\n <ng-content select=\"[sidebar]\"></ng-content>\n </div>\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n"
|
|
14
15
|
},] }
|
|
15
16
|
];
|
|
16
17
|
WrapperSidebarComponent.ctorParameters = () => [];
|
|
@@ -18,6 +19,7 @@ WrapperSidebarComponent.propDecorators = {
|
|
|
18
19
|
reverse: [{ type: Input }],
|
|
19
20
|
hideBackground: [{ type: Input }],
|
|
20
21
|
backgroundGrey: [{ type: Input }],
|
|
21
|
-
backgroundWidth: [{ type: Input }]
|
|
22
|
+
backgroundWidth: [{ type: Input }],
|
|
23
|
+
stickySidebar: [{ type: Input }]
|
|
22
24
|
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JhcHBlci1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvd3JhcHBlci1zaWRlYmFyL3dyYXBwZXItc2lkZWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFNdkQsTUFBTSxPQUFPLHVCQUF1QjtJQVFsQztRQU5TLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFHdkIsa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFFZixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsZ2ZBQStDO2FBQ2hEOzs7O3NCQUdFLEtBQUs7NkJBQ0wsS0FBSzs2QkFDTCxLQUFLOzhCQUNMLEtBQUs7NEJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXdyYXBwZXItc2lkZWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi93cmFwcGVyLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFdyYXBwZXJTaWRlYmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSByZXZlcnNlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhpZGVCYWNrZ3JvdW5kID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRHcmV5OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRXaWR0aDogc3RyaW5nO1xuICBASW5wdXQoKSBzdGlja3lTaWRlYmFyID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -3704,6 +3704,7 @@ class WrapperSidebarComponent {
|
|
|
3704
3704
|
constructor() {
|
|
3705
3705
|
this.reverse = false;
|
|
3706
3706
|
this.hideBackground = false;
|
|
3707
|
+
this.stickySidebar = false;
|
|
3707
3708
|
}
|
|
3708
3709
|
ngOnInit() {
|
|
3709
3710
|
}
|
|
@@ -3711,7 +3712,7 @@ class WrapperSidebarComponent {
|
|
|
3711
3712
|
WrapperSidebarComponent.decorators = [
|
|
3712
3713
|
{ type: Component, args: [{
|
|
3713
3714
|
selector: 'wac-wrapper-sidebar',
|
|
3714
|
-
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n <div class=\"wac-wrapper-sidebar__left\">\n <ng-content select=\"[sidebar]\"></ng-content>\n </div>\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n"
|
|
3715
|
+
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n <div class=\"wac-wrapper-sidebar__left\" [ngClass]=\"{'sticky': stickySidebar}\">\n <ng-content select=\"[sidebar]\"></ng-content>\n </div>\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n"
|
|
3715
3716
|
},] }
|
|
3716
3717
|
];
|
|
3717
3718
|
WrapperSidebarComponent.ctorParameters = () => [];
|
|
@@ -3719,7 +3720,8 @@ WrapperSidebarComponent.propDecorators = {
|
|
|
3719
3720
|
reverse: [{ type: Input }],
|
|
3720
3721
|
hideBackground: [{ type: Input }],
|
|
3721
3722
|
backgroundGrey: [{ type: Input }],
|
|
3722
|
-
backgroundWidth: [{ type: Input }]
|
|
3723
|
+
backgroundWidth: [{ type: Input }],
|
|
3724
|
+
stickySidebar: [{ type: Input }]
|
|
3723
3725
|
};
|
|
3724
3726
|
|
|
3725
3727
|
class BreadcrumbsComponent {
|