@wizishop/angular-components 0.0.135 → 0.0.137
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 +4 -0
- package/bundles/wizishop-angular-components.umd.js +9 -3
- 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/header-page/header-page.component.js +7 -4
- package/esm2015/lib/components/hn/h1/h1.component.js +9 -4
- package/fesm2015/wizishop-angular-components.js +13 -5
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/header-page/header-page.component.d.ts +1 -0
- package/lib/components/hn/h1/h1.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.137.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.135.tgz +0 -0
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
export class HeaderPageComponent {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.withImg = false;
|
|
5
|
+
}
|
|
4
6
|
ngOnInit() { }
|
|
5
7
|
}
|
|
6
8
|
HeaderPageComponent.decorators = [
|
|
7
9
|
{ type: Component, args: [{
|
|
8
10
|
selector: 'wac-header-page',
|
|
9
|
-
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
11
|
+
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
10
12
|
},] }
|
|
11
13
|
];
|
|
12
14
|
HeaderPageComponent.ctorParameters = () => [];
|
|
13
15
|
HeaderPageComponent.propDecorators = {
|
|
14
16
|
title: [{ type: Input }],
|
|
15
|
-
linkBack: [{ type: Input }]
|
|
17
|
+
linkBack: [{ type: Input }],
|
|
18
|
+
withImg: [{ type: Input }]
|
|
16
19
|
};
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItcGFnZS9oZWFkZXItcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFLekQsTUFBTSxPQUFPLG1CQUFtQjtJQU85QjtRQURBLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFDRCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOzs7WUFacEIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLHNvQkFBMkM7YUFDNUM7Ozs7b0JBRUUsS0FBSzt1QkFFTCxLQUFLO3NCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1oZWFkZXItcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItcGFnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSGVhZGVyUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGxpbmtCYWNrOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHdpdGhJbWcgPSBmYWxzZTtcbiAgY29uc3RydWN0b3IoKSB7fVxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
export class H1Component {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.withImg = false;
|
|
5
|
+
}
|
|
4
6
|
ngOnInit() { }
|
|
5
7
|
}
|
|
6
8
|
H1Component.decorators = [
|
|
7
9
|
{ type: Component, args: [{
|
|
8
10
|
selector: 'wac-h1',
|
|
9
|
-
template: "<h1 class=\"wac-h1\"><ng-content></ng-content></h1>\n"
|
|
11
|
+
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
|
|
10
12
|
},] }
|
|
11
13
|
];
|
|
12
14
|
H1Component.ctorParameters = () => [];
|
|
13
|
-
|
|
15
|
+
H1Component.propDecorators = {
|
|
16
|
+
withImg: [{ type: Input }]
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9obi9oMS9oMS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFNdkQsTUFBTSxPQUFPLFdBQVc7SUFHdEI7UUFEQSxZQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ0QsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs7O1lBVHBCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIscUdBQWtDO2FBQ25DOzs7O3NCQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1oMScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oMS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSDFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICB3aXRoSW1nID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -1655,16 +1655,21 @@ TextAreaComponent.propDecorators = {
|
|
|
1655
1655
|
};
|
|
1656
1656
|
|
|
1657
1657
|
class H1Component {
|
|
1658
|
-
constructor() {
|
|
1658
|
+
constructor() {
|
|
1659
|
+
this.withImg = false;
|
|
1660
|
+
}
|
|
1659
1661
|
ngOnInit() { }
|
|
1660
1662
|
}
|
|
1661
1663
|
H1Component.decorators = [
|
|
1662
1664
|
{ type: Component, args: [{
|
|
1663
1665
|
selector: 'wac-h1',
|
|
1664
|
-
template: "<h1 class=\"wac-h1\"><ng-content></ng-content></h1>\n"
|
|
1666
|
+
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
|
|
1665
1667
|
},] }
|
|
1666
1668
|
];
|
|
1667
1669
|
H1Component.ctorParameters = () => [];
|
|
1670
|
+
H1Component.propDecorators = {
|
|
1671
|
+
withImg: [{ type: Input }]
|
|
1672
|
+
};
|
|
1668
1673
|
|
|
1669
1674
|
class H2Component {
|
|
1670
1675
|
constructor() { }
|
|
@@ -1696,19 +1701,22 @@ H3Component.propDecorators = {
|
|
|
1696
1701
|
};
|
|
1697
1702
|
|
|
1698
1703
|
class HeaderPageComponent {
|
|
1699
|
-
constructor() {
|
|
1704
|
+
constructor() {
|
|
1705
|
+
this.withImg = false;
|
|
1706
|
+
}
|
|
1700
1707
|
ngOnInit() { }
|
|
1701
1708
|
}
|
|
1702
1709
|
HeaderPageComponent.decorators = [
|
|
1703
1710
|
{ type: Component, args: [{
|
|
1704
1711
|
selector: 'wac-header-page',
|
|
1705
|
-
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
1712
|
+
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
1706
1713
|
},] }
|
|
1707
1714
|
];
|
|
1708
1715
|
HeaderPageComponent.ctorParameters = () => [];
|
|
1709
1716
|
HeaderPageComponent.propDecorators = {
|
|
1710
1717
|
title: [{ type: Input }],
|
|
1711
|
-
linkBack: [{ type: Input }]
|
|
1718
|
+
linkBack: [{ type: Input }],
|
|
1719
|
+
withImg: [{ type: Input }]
|
|
1712
1720
|
};
|
|
1713
1721
|
|
|
1714
1722
|
class InputComponent {
|