@wizishop/angular-components 15.1.55 → 15.1.56
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 +39 -39
- package/esm2020/lib/components/tabs/tabs.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +2 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +2 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.56.tgz +0 -0
- package/wizishop-angular-components-15.1.55.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -3995,6 +3995,45 @@ wac-calendar {
|
|
|
3995
3995
|
}
|
|
3996
3996
|
}
|
|
3997
3997
|
}
|
|
3998
|
+
.wac-google-preview {
|
|
3999
|
+
padding: 30px;
|
|
4000
|
+
border: 1px solid $wac-google-preview-border;
|
|
4001
|
+
width: 100%;
|
|
4002
|
+
display: flex;
|
|
4003
|
+
flex-direction: column;
|
|
4004
|
+
align-items: flex-start;
|
|
4005
|
+
justify-content: flex-start;
|
|
4006
|
+
font-family: 'Arial', sans-serif;
|
|
4007
|
+
overflow: hidden;
|
|
4008
|
+
&__url {
|
|
4009
|
+
width: 100%;
|
|
4010
|
+
white-space: nowrap;
|
|
4011
|
+
text-overflow: ellipsis;
|
|
4012
|
+
overflow: hidden;
|
|
4013
|
+
color: $wac-google-preview-url;
|
|
4014
|
+
font-size: rem(14);
|
|
4015
|
+
margin: 0 0 10px;
|
|
4016
|
+
line-height: rem(16);
|
|
4017
|
+
}
|
|
4018
|
+
&__title {
|
|
4019
|
+
width: 100%;
|
|
4020
|
+
color: $wac-google-preview-title;
|
|
4021
|
+
font-size: rem(20);
|
|
4022
|
+
line-height: rem(22);
|
|
4023
|
+
text-overflow: ellipsis;
|
|
4024
|
+
white-space: nowrap;
|
|
4025
|
+
overflow: hidden;
|
|
4026
|
+
margin: 0 0 rem(12);
|
|
4027
|
+
}
|
|
4028
|
+
&__description {
|
|
4029
|
+
width: 100%;
|
|
4030
|
+
font-size: rem(14);
|
|
4031
|
+
line-height: rem(24);
|
|
4032
|
+
overflow: hidden;
|
|
4033
|
+
color: $wac-google-preview-description;
|
|
4034
|
+
margin: 0;
|
|
4035
|
+
}
|
|
4036
|
+
}
|
|
3998
4037
|
.wac-free-popin {
|
|
3999
4038
|
height: 100%;
|
|
4000
4039
|
width: 100%;
|
|
@@ -4134,45 +4173,6 @@ wac-calendar {
|
|
|
4134
4173
|
.wac-free-popin .ps-content > * {
|
|
4135
4174
|
padding-right: 15px;
|
|
4136
4175
|
}
|
|
4137
|
-
.wac-google-preview {
|
|
4138
|
-
padding: 30px;
|
|
4139
|
-
border: 1px solid $wac-google-preview-border;
|
|
4140
|
-
width: 100%;
|
|
4141
|
-
display: flex;
|
|
4142
|
-
flex-direction: column;
|
|
4143
|
-
align-items: flex-start;
|
|
4144
|
-
justify-content: flex-start;
|
|
4145
|
-
font-family: 'Arial', sans-serif;
|
|
4146
|
-
overflow: hidden;
|
|
4147
|
-
&__url {
|
|
4148
|
-
width: 100%;
|
|
4149
|
-
white-space: nowrap;
|
|
4150
|
-
text-overflow: ellipsis;
|
|
4151
|
-
overflow: hidden;
|
|
4152
|
-
color: $wac-google-preview-url;
|
|
4153
|
-
font-size: rem(14);
|
|
4154
|
-
margin: 0 0 10px;
|
|
4155
|
-
line-height: rem(16);
|
|
4156
|
-
}
|
|
4157
|
-
&__title {
|
|
4158
|
-
width: 100%;
|
|
4159
|
-
color: $wac-google-preview-title;
|
|
4160
|
-
font-size: rem(20);
|
|
4161
|
-
line-height: rem(22);
|
|
4162
|
-
text-overflow: ellipsis;
|
|
4163
|
-
white-space: nowrap;
|
|
4164
|
-
overflow: hidden;
|
|
4165
|
-
margin: 0 0 rem(12);
|
|
4166
|
-
}
|
|
4167
|
-
&__description {
|
|
4168
|
-
width: 100%;
|
|
4169
|
-
font-size: rem(14);
|
|
4170
|
-
line-height: rem(24);
|
|
4171
|
-
overflow: hidden;
|
|
4172
|
-
color: $wac-google-preview-description;
|
|
4173
|
-
margin: 0;
|
|
4174
|
-
}
|
|
4175
|
-
}
|
|
4176
4176
|
.wac-header-page {
|
|
4177
4177
|
width: 100%;
|
|
4178
4178
|
background-color: transparent;
|
|
@@ -63,12 +63,12 @@ export class TabsComponent {
|
|
|
63
63
|
TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
64
|
TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TabsComponent, isStandalone: true, selector: "wac-tabs", inputs: { underline: "underline", button: "button", right: "right", marginBottom: "marginBottom" }, providers: [
|
|
65
65
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
66
|
-
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: i2.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
66
|
+
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: i2.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
67
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TabsComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ selector: 'wac-tabs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, FormsModule, TabComponent, SharedDirectives], providers: [
|
|
70
70
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
71
|
-
], template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
71
|
+
], template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
72
72
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { underline: [{
|
|
73
73
|
type: Input
|
|
74
74
|
}], button: [{
|
|
@@ -81,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
81
81
|
type: ContentChildren,
|
|
82
82
|
args: [TabComponent]
|
|
83
83
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7O0FBWTdFLE1BQU0sT0FBTyxhQUFhO0lBRXhCLElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxhQUFhLENBQUMsYUFBcUI7UUFDckMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFHO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQTBCRCxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQXhCaEQsbUJBQWMsR0FBVyxDQUFDLENBQUM7UUFDbkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFHZixVQUFLLEdBQVksS0FBSyxDQUFDO1FBR3ZCLGlCQUFZLEdBQUcsTUFBTSxDQUFDO1FBTXRCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFcEIsY0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNyQixhQUFRLEdBQW9DLENBQUMsYUFBYSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFZixDQUFDO0lBRTVELFVBQVUsQ0FBQyxhQUFxQjtRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBYTtRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsU0FBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRLENBQUMsTUFBVyxFQUFFLFlBQW9CO1FBQ3hDLE1BQU0sRUFBRSxlQUFlLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLFlBQVksQ0FBQztRQUNuQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLEdBQWlCLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDakQsR0FBRyxDQUFDLFFBQVEsR0FBRyxZQUFZLEtBQUssS0FBSyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxZQUFZLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNqRSxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFXO1FBQ2xCLE1BQU0sRUFBRSxlQUFlLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUNyQyxDQUFDOzswR0EzRVUsYUFBYTs4RkFBYixhQUFhLDJKQUpiO1FBQ1QsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO0tBQ3hFLGtEQStCZ0IsWUFBWSw2QkM3Qy9CLDI0QkFvQnlCLDJDRFRiLFlBQVksa2JBQUUsV0FBVyw4QkFBZ0IsZ0JBQWdCOzJGQUt4RCxhQUFhO2tCQVZ6QixTQUFTOytCQUNFLFVBQVUsaUJBRUwsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxhQUN6RDt3QkFDVCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLGVBQWUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO3FCQUN4RTt3R0FvQkQsU0FBUztzQkFEUixLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUd5QixPQUFPO3NCQUFyQyxlQUFlO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgUXVlcnlMaXN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGFiQ29tcG9uZW50IH0gZnJvbSAnLi90YWIvdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGFyZWREaXJlY3RpdmVzIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zaGFyZWQtZGlyZWN0aXZlcy5tb2R1bGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFRhYkNvbXBvbmVudCwgU2hhcmVkRGlyZWN0aXZlc10sXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBUYWJzQ29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJzQ29tcG9uZW50IHtcblxuICBnZXQgc2VsZWN0ZWRJbmRleCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZEluZGV4O1xuICB9XG5cbiAgc2V0IHNlbGVjdGVkSW5kZXgoc2VsZWN0ZWRJbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpICB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc2V0SW5kZXgobnVsbCwgc2VsZWN0ZWRJbmRleCk7XG4gICAgdGhpcy5vbkNoYW5nZShzZWxlY3RlZEluZGV4KTtcbiAgfVxuXG4gIHByaXZhdGUgX3NlbGVjdGVkSW5kZXg6IG51bWJlciA9IDA7XG4gIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdW5kZXJsaW5lID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcmlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBtYXJnaW5Cb3R0b20gPSAnMzBweCc7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihUYWJDb21wb25lbnQpIHRhYkxpc3Q6IFF1ZXJ5TGlzdDxUYWJDb21wb25lbnQ+O1xuXG4gIHNlbGVjdGVkOiBUYWJDb21wb25lbnQ7XG5cbiAgbGlzdElzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge307XG4gIHByaXZhdGUgb25DaGFuZ2U6IChzZWxlY3RlZEluZGV4OiBudW1iZXIpID0+IHZvaWQgPSAoc2VsZWN0ZWRJbmRleCkgPT4ge307XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgd3JpdGVWYWx1ZShzZWxlY3RlZEluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnNldEluZGV4KG51bGwsIHNlbGVjdGVkSW5kZXgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShvbkNoYW5nZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IG9uQ2hhbmdlO1xuICB9XG5cbiAgb25CbHVyKCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChvblRvdWNoZWQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gb25Ub3VjaGVkO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgc2V0SW5kZXgoJGV2ZW50OiBhbnksIGN1cnJlbnRJbmRleDogbnVtYmVyKSB7XG4gICAgJGV2ZW50Py5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLl9zZWxlY3RlZEluZGV4ID0gY3VycmVudEluZGV4O1xuICAgIHRoaXMudGFiTGlzdD8uZm9yRWFjaCgodGFiOiBUYWJDb21wb25lbnQsIGluZGV4KSA9PiB7XG4gICAgICB0YWIuc2VsZWN0ZWQgPSBjdXJyZW50SW5kZXggPT09IGluZGV4O1xuICAgICAgdGhpcy5zZWxlY3RlZCA9IChjdXJyZW50SW5kZXggPT09IGluZGV4ID8gdGFiIDogdGhpcy5zZWxlY3RlZCk7XG4gICAgfSk7XG4gICAgdGhpcy5saXN0SXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5vbkNoYW5nZShjdXJyZW50SW5kZXgpO1xuICB9XG5cbiAgb3Blbkxpc3QoJGV2ZW50OiBhbnkpIHtcbiAgICAkZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMubGlzdElzT3BlbiA9ICF0aGlzLmxpc3RJc09wZW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtdGFic1wiXG4gW25nQ2xhc3NdPVwieyd3YWMtdGFicy0tdW5kZXJsaW5lJzogdW5kZXJsaW5lLCAnd2FjLXRhYnMtLWJ1dHRvbicgOiBidXR0b24sICd3YWMtdGFicy0tcmlnaHQnIDogcmlnaHR9XCJcbiB3ekF1dG9IaWRlXG4gKGNsaWNrT3V0c2lkZSk9XCJsaXN0SXNPcGVuID0gZmFsc2VcIlxuIFt0cmlnZ2VyRWxlbWVudF09XCInd2FjLXNlbGVjdF9faGVhZGVyX19zZWxlY3Rpb24nXCJcbj5cbiAgPGRpdiAqbmdJZj1cInRhYkxpc3QubGVuZ3RoID4gMVwiIGNsYXNzPVwid2FjLXRhYnNfX21vYmlsZVwiIChjbGljayk9XCJvcGVuTGlzdCgkZXZlbnQpXCI+XG4gICAgPGRpdj57eyBzZWxlY3RlZD8ubGFiZWwgfX08L2Rpdj48aSBbY2xhc3NdPVwiJ2ZhLXNvbGlkIGZhLWNhcmV0LScgKyAobGlzdElzT3BlbiA/ICd1cCcgOiAnZG93bicpXCI+PC9pPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cInRhYkxpc3QubGVuZ3RoID4gMVwiIGNsYXNzPVwid2FjLXRhYnNfX3dyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICdvcGVuJyA6IGxpc3RJc09wZW4gfVwiIFtuZ1N0eWxlXT1cInsnbWFyZ2luLWJvdHRvbSc6IG1hcmdpbkJvdHRvbX1cIj5cbiAgICA8YVxuICAgICAgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJMaXN0OyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIGNsYXNzPVwid2FjLXRhYnNfX3dyYXBwZXJfX3RhYlwiXG4gICAgICBbbmdDbGFzc109XCJ7J3dhYy10YWJzX193cmFwcGVyX190YWItLXNlbGVjdGVkJzogaSA9PT0gc2VsZWN0ZWRJbmRleH1cIlxuICAgICAgKGNsaWNrKT1cInNldEluZGV4KCRldmVudCwgaSlcIlxuICAgID5cbiAgICB7eyB0YWIubGFiZWwgfX1cbiAgICA8L2E+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19
|
|
@@ -2062,12 +2062,12 @@ class TabsComponent {
|
|
|
2062
2062
|
TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2063
2063
|
TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TabsComponent, isStandalone: true, selector: "wac-tabs", inputs: { underline: "underline", button: "button", right: "right", marginBottom: "marginBottom" }, providers: [
|
|
2064
2064
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
2065
|
-
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2065
|
+
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2066
2066
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TabsComponent, decorators: [{
|
|
2067
2067
|
type: Component,
|
|
2068
2068
|
args: [{ selector: 'wac-tabs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, FormsModule, TabComponent, SharedDirectives], providers: [
|
|
2069
2069
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
2070
|
-
], template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
2070
|
+
], template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen = false\"\n [triggerElement]=\"'wac-select__header__selection'\"\n>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === selectedIndex}\"\n (click)=\"setIndex($event, i)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
2071
2071
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { underline: [{
|
|
2072
2072
|
type: Input
|
|
2073
2073
|
}], button: [{
|