ngx-wapp-components 1.0.50 → 1.0.52
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.
|
@@ -10,10 +10,10 @@ export class WTabviewComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
WTabviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
|
|
13
|
+
WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
|
|
16
|
+
args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
|
|
17
17
|
}], propDecorators: { headers: [{
|
|
18
18
|
type: Input,
|
|
19
19
|
args: ['headers']
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
24
24
|
type: Input,
|
|
25
25
|
args: ['activeIndex']
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10YWJ2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3RhYnZpZXcvdy10YWJ2aWV3L3ctdGFidmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi90YWJ2aWV3L3ctdGFidmlldy93LXRhYnZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFPb0IsWUFBTyxHQUFhLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUVyRCxnQkFBVyxHQUFXLENBQUMsQ0FBQztLQUUvQzs7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsNkhDUDlCLGtySUF1RVk7MkZEaEVDLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQU1ILE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDQSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ1EsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXRhYnZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXRhYnZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctdGFidmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXVGFidmlld0NvbXBvbmVudCB7XHJcbiAgXHJcbiAgQElucHV0KCdoZWFkZXJzJykgaGVhZGVyczogc3RyaW5nW10gPSBbJ0hlYWRlciAxJywgJ0hlYWRlciAyJywgJ0hlYWRlciAzJ107XHJcbiAgQElucHV0KCdpY29ucycpIGljb25zITogc3RyaW5nW107XHJcbiAgQElucHV0KCdhY3RpdmVJbmRleCcpIGFjdGl2ZUluZGV4OiBudW1iZXIgPSAwO1xyXG4gIFxyXG59XHJcbiIsIjxwLXRhYlZpZXcgWyhhY3RpdmVJbmRleCldPVwiYWN0aXZlSW5kZXhcIiBzdHlsZUNsYXNzPVwidGFidmlldy1jdXN0b21cIj5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiAwIFwiIFtoZWFkZXJdPVwiaGVhZGVyc1swXVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1swXVwiIFtjbGFzc109XCIncGkgJytpY29uc1swXVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwLXRhYnZpZXctdGl0bGVcIiAqbmdJZj1cImhlYWRlcnNbMF1cIj57e2hlYWRlcnNbMF19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMFwiIHNlbGVjdD1cIi5wYW5lbC0xXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDFcIiBbaGVhZGVyXT1cImhlYWRlcnNbMV1cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbMV1cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbMV1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC10YWJ2aWV3LXRpdGxlXCIgKm5nSWY9XCJoZWFkZXJzWzFdXCI+e3toZWFkZXJzWzFdfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDFcIiBzZWxlY3Q9XCIucGFuZWwtMlwiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiAyIFwiIFtoZWFkZXJdPVwiaGVhZGVyc1syXVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1syXVwiIFtjbGFzc109XCIncGkgJytpY29uc1syXVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwLXRhYnZpZXctdGl0bGVcIiAqbmdJZj1cImhlYWRlcnNbMl1cIj57e2hlYWRlcnNbMl19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMlwiIHNlbGVjdD1cIi5wYW5lbC0zXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDNcIiBbaGVhZGVyXT1cImhlYWRlcnNbM11cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbM11cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbM11cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC10YWJ2aWV3LXRpdGxlXCIgKm5nSWY9XCJoZWFkZXJzWzNdXCI+e3toZWFkZXJzWzNdfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDNcIiBzZWxlY3Q9XCIucGFuZWwtNFwiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiA0XCIgW2hlYWRlcl09XCJoZWFkZXJzWzRdXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzRdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzRdXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInAtdGFidmlldy10aXRsZVwiICpuZ0lmPVwiaGVhZGVyc1s0XVwiPnt7aGVhZGVyc1s0XX19PC9zcGFuPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA0XCIgc2VsZWN0PVwiLnBhbmVsLTVcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3AtdGFiUGFuZWw+XHJcbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gNVwiIFtoZWFkZXJdPVwiaGVhZGVyc1s1XVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s1XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s1XVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwLXRhYnZpZXctdGl0bGVcIiAqbmdJZj1cImhlYWRlcnNbNV1cIj57e2hlYWRlcnNbNV19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNVwiIHNlbGVjdD1cIi5wYW5lbC02XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDZcIiBbaGVhZGVyXT1cImhlYWRlcnNbNl1cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbNl1cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbNl1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC10YWJ2aWV3LXRpdGxlXCIgKm5nSWY9XCJoZWFkZXJzWzZdXCI+e3toZWFkZXJzWzZdfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDZcIiBzZWxlY3Q9XCIucGFuZWwtN1wiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiA3XCIgW2hlYWRlcl09XCJoZWFkZXJzWzddXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzddXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzddXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInAtdGFidmlldy10aXRsZVwiICpuZ0lmPVwiaGVhZGVyc1s3XVwiPnt7aGVhZGVyc1s3XX19PC9zcGFuPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA3XCIgc2VsZWN0PVwiLnBhbmVsLThcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3AtdGFiUGFuZWw+XHJcbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gOFwiIFtoZWFkZXJdPVwiaGVhZGVyc1s4XVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s4XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s4XVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwLXRhYnZpZXctdGl0bGVcIiAqbmdJZj1cImhlYWRlcnNbOF1cIj57e2hlYWRlcnNbOF19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOFwiIHNlbGVjdD1cIi5wYW5lbC05XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDlcIiBbaGVhZGVyXT1cImhlYWRlcnNbOV1cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbOV1cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbOV1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC10YWJ2aWV3LXRpdGxlXCIgKm5nSWY9XCJoZWFkZXJzWzldXCI+e3toZWFkZXJzWzldfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDlcIiBzZWxlY3Q9XCIucGFuZWwtMTBcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3AtdGFiUGFuZWw+XHJcbjwvcC10YWJWaWV3PiJdfQ==
|
|
@@ -3945,10 +3945,10 @@ class WTabviewComponent {
|
|
|
3945
3945
|
}
|
|
3946
3946
|
}
|
|
3947
3947
|
WTabviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3948
|
-
WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$9.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3$9.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
|
|
3948
|
+
WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$9.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3$9.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
|
|
3949
3949
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, decorators: [{
|
|
3950
3950
|
type: Component,
|
|
3951
|
-
args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
|
|
3951
|
+
args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n </p-tabPanel>\r\n <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n <ng-template pTemplate=\"header\">\r\n <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n <span class=\"p-tabview-title\" *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n </ng-template>\r\n <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
|
|
3952
3952
|
}], propDecorators: { headers: [{
|
|
3953
3953
|
type: Input,
|
|
3954
3954
|
args: ['headers']
|