ngx-wapp-components 1.17.0 → 1.17.1

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.
Files changed (14) hide show
  1. package/esm2020/lib/layout/w-panel/w-panel.component.mjs +9 -3
  2. package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
  3. package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +1 -1
  4. package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +1 -1
  5. package/esm2020/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.mjs +1 -1
  6. package/esm2020/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.mjs +1 -1
  7. package/esm2020/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.mjs +1 -1
  8. package/esm2020/lib/shared/skeletons/w-skeleton-timeline/w-skeleton-timeline.component.mjs +1 -1
  9. package/fesm2015/ngx-wapp-components.mjs +16 -10
  10. package/fesm2015/ngx-wapp-components.mjs.map +1 -1
  11. package/fesm2020/ngx-wapp-components.mjs +16 -10
  12. package/fesm2020/ngx-wapp-components.mjs.map +1 -1
  13. package/lib/layout/w-panel/w-panel.component.d.ts +3 -1
  14. package/package.json +1 -1
package/esm2020/lib/layout/w-panel/w-panel.component.mjs CHANGED
@@ -35,10 +35,10 @@ export class WPanelComponent {
35
35
  }
36
36
  }
37
37
  WPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
38
- WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", subtitle: "subtitle", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent", activeOverflow: "activeOverflow", heightOverflow: "heightOverflow", maxHeightOverflow: "maxHeightOverflow", backgroundColor: "backgroundColor", activeMaxHeight: "activeMaxHeight", activeMenu: "activeMenu", menuOptions: "menuOptions" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <div *ngIf=\"activeMenu == true\" class=\"flex flex-wrap\" [ngClass]=\"{'justify-content-between': title, 'justify-content-end': !title}\">\r\n <w-panel-title *ngIf=\"title\" class=\"flex\" [title]=\"title\"></w-panel-title>\r\n <div class=\"flex\">\r\n <p-button icon=\"pi pi-ellipsis-v\" styleClass=\"w-menu-button-x-small p-button-text\" (onClick)=\"menu.toggle($event)\"></p-button>\r\n <p-tieredMenu styleClass=\"w-panel-menu\" #menu [model]=\"menuOptions\" [popup]=\"true\"></p-tieredMenu>\r\n </div>\r\n </div>\r\n <w-panel-title *ngIf=\"title && activeMenu == false\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div class=\"w-panel-content\" [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\" [style.padding-bottom]=\"(activeMaxHeight == true && (title != undefined)) ? spacing4XL : ''\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-menu-button-x-small.p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active,:host ::ng-deep .w-panel-menu.p-tieredmenu{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem-link .p-menuitem-icon{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-panel{padding:20px 24px 32px;background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-reduced-panel{padding:12px;background-color:var(--bgcolor);border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-panel-justify-gap{gap:8px}* :host ::ng-deep .w-panel-content.grid,.w-body-grid :host ::ng-deep .w-panel-content.grid,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;gap:20px 24px;justify-content:flex-start}* :host ::ng-deep .w-panel-content .col-1,.w-body-grid :host ::ng-deep .w-panel-content .col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-2,.w-body-grid :host ::ng-deep .w-panel-content .col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-3,.w-body-grid :host ::ng-deep .w-panel-content .col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-4,.w-body-grid :host ::ng-deep .w-panel-content .col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-5,.w-body-grid :host ::ng-deep .w-panel-content .col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-6,.w-body-grid :host ::ng-deep .w-panel-content .col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-7,.w-body-grid :host ::ng-deep .w-panel-content .col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-8,.w-body-grid :host ::ng-deep .w-panel-content .col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-9,.w-body-grid :host ::ng-deep .w-panel-content .col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-10,.w-body-grid :host ::ng-deep .w-panel-content .col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-11,.w-body-grid :host ::ng-deep .w-panel-content .col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-12,.w-body-grid :host ::ng-deep .w-panel-content .col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}@media screen and (min-width: 576px){* :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 768px){* :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 992px){* :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 1200px){* :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}.w-panel-content{padding:0 6px}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{height:20px;width:20px;padding:4px;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:focus{background:none;border:none;outline:1px solid #d6f2ff}:host ::ng-deep .w-panel-menu.p-tieredmenu{color:#1f2224}:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active{color:#1f2224}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i4.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title", "activePaddingBottom"] }, { kind: "component", type: i5.WPanelSubtitleComponent, selector: "w-panel-subtitle", inputs: ["subtitle", "activePaddingBottom"] }] });
38
+ WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", subtitle: "subtitle", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent", activeOverflow: "activeOverflow", heightOverflow: "heightOverflow", maxHeightOverflow: "maxHeightOverflow", backgroundColor: "backgroundColor", activeMaxHeight: "activeMaxHeight", activeMenu: "activeMenu", menuOptions: "menuOptions", wPanelStyleClass: "wPanelStyleClass", wPanelContentStyleClass: "wPanelContentStyleClass" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full {{wPanelStyleClass}}\">\r\n <div *ngIf=\"activeMenu == true\" class=\"flex flex-wrap\" [ngClass]=\"{'justify-content-between': title, 'justify-content-end': !title}\">\r\n <w-panel-title *ngIf=\"title\" class=\"flex\" [title]=\"title\"></w-panel-title>\r\n <div class=\"flex\">\r\n <p-button icon=\"pi pi-ellipsis-v\" styleClass=\"w-menu-button-x-small p-button-text\" (onClick)=\"menu.toggle($event)\"></p-button>\r\n <p-tieredMenu styleClass=\"w-panel-menu\" #menu [model]=\"menuOptions\" [popup]=\"true\"></p-tieredMenu>\r\n </div>\r\n </div>\r\n <w-panel-title *ngIf=\"title && activeMenu == false\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div class=\"w-panel-content {{wPanelContentStyleClass}}\" [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\" [style.padding-bottom]=\"(activeMaxHeight == true && (title != undefined)) ? spacing4XL : ''\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-menu-button-x-small.p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active,:host ::ng-deep .w-panel-menu.p-tieredmenu{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem-link .p-menuitem-icon{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-panel{padding:20px 24px 32px;background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-reduced-panel{padding:12px;background-color:var(--bgcolor);border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-panel-justify-gap{gap:8px}* :host ::ng-deep .w-panel-content.grid,.w-body-grid :host ::ng-deep .w-panel-content.grid,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;gap:20px 24px;justify-content:flex-start}* :host ::ng-deep .w-panel-content .col-1,.w-body-grid :host ::ng-deep .w-panel-content .col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-2,.w-body-grid :host ::ng-deep .w-panel-content .col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-3,.w-body-grid :host ::ng-deep .w-panel-content .col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-4,.w-body-grid :host ::ng-deep .w-panel-content .col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-5,.w-body-grid :host ::ng-deep .w-panel-content .col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-6,.w-body-grid :host ::ng-deep .w-panel-content .col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-7,.w-body-grid :host ::ng-deep .w-panel-content .col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-8,.w-body-grid :host ::ng-deep .w-panel-content .col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-9,.w-body-grid :host ::ng-deep .w-panel-content .col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-10,.w-body-grid :host ::ng-deep .w-panel-content .col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-11,.w-body-grid :host ::ng-deep .w-panel-content .col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-12,.w-body-grid :host ::ng-deep .w-panel-content .col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}@media screen and (min-width: 576px){* :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 768px){* :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 992px){* :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 1200px){* :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}.w-panel-content{padding:0 6px}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{height:20px;width:20px;padding:4px;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:focus{background:none;border:none;outline:1px solid #d6f2ff}:host ::ng-deep .w-panel-menu.p-tieredmenu{color:#1f2224}:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active{color:#1f2224}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i4.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title", "activePaddingBottom"] }, { kind: "component", type: i5.WPanelSubtitleComponent, selector: "w-panel-subtitle", inputs: ["subtitle", "activePaddingBottom"] }] });
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, decorators: [{
40
40
  type: Component,
41
- args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <div *ngIf=\"activeMenu == true\" class=\"flex flex-wrap\" [ngClass]=\"{'justify-content-between': title, 'justify-content-end': !title}\">\r\n <w-panel-title *ngIf=\"title\" class=\"flex\" [title]=\"title\"></w-panel-title>\r\n <div class=\"flex\">\r\n <p-button icon=\"pi pi-ellipsis-v\" styleClass=\"w-menu-button-x-small p-button-text\" (onClick)=\"menu.toggle($event)\"></p-button>\r\n <p-tieredMenu styleClass=\"w-panel-menu\" #menu [model]=\"menuOptions\" [popup]=\"true\"></p-tieredMenu>\r\n </div>\r\n </div>\r\n <w-panel-title *ngIf=\"title && activeMenu == false\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div class=\"w-panel-content\" [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\" [style.padding-bottom]=\"(activeMaxHeight == true && (title != undefined)) ? spacing4XL : ''\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-menu-button-x-small.p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active,:host ::ng-deep .w-panel-menu.p-tieredmenu{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem-link .p-menuitem-icon{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-panel{padding:20px 24px 32px;background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-reduced-panel{padding:12px;background-color:var(--bgcolor);border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-panel-justify-gap{gap:8px}* :host ::ng-deep .w-panel-content.grid,.w-body-grid :host ::ng-deep .w-panel-content.grid,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;gap:20px 24px;justify-content:flex-start}* :host ::ng-deep .w-panel-content .col-1,.w-body-grid :host ::ng-deep .w-panel-content .col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-2,.w-body-grid :host ::ng-deep .w-panel-content .col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-3,.w-body-grid :host ::ng-deep .w-panel-content .col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-4,.w-body-grid :host ::ng-deep .w-panel-content .col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-5,.w-body-grid :host ::ng-deep .w-panel-content .col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-6,.w-body-grid :host ::ng-deep .w-panel-content .col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-7,.w-body-grid :host ::ng-deep .w-panel-content .col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-8,.w-body-grid :host ::ng-deep .w-panel-content .col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-9,.w-body-grid :host ::ng-deep .w-panel-content .col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-10,.w-body-grid :host ::ng-deep .w-panel-content .col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-11,.w-body-grid :host ::ng-deep .w-panel-content .col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-12,.w-body-grid :host ::ng-deep .w-panel-content .col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}@media screen and (min-width: 576px){* :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 768px){* :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 992px){* :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 1200px){* :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}.w-panel-content{padding:0 6px}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{height:20px;width:20px;padding:4px;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:focus{background:none;border:none;outline:1px solid #d6f2ff}:host ::ng-deep .w-panel-menu.p-tieredmenu{color:#1f2224}:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active{color:#1f2224}\n"] }]
41
+ args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full {{wPanelStyleClass}}\">\r\n <div *ngIf=\"activeMenu == true\" class=\"flex flex-wrap\" [ngClass]=\"{'justify-content-between': title, 'justify-content-end': !title}\">\r\n <w-panel-title *ngIf=\"title\" class=\"flex\" [title]=\"title\"></w-panel-title>\r\n <div class=\"flex\">\r\n <p-button icon=\"pi pi-ellipsis-v\" styleClass=\"w-menu-button-x-small p-button-text\" (onClick)=\"menu.toggle($event)\"></p-button>\r\n <p-tieredMenu styleClass=\"w-panel-menu\" #menu [model]=\"menuOptions\" [popup]=\"true\"></p-tieredMenu>\r\n </div>\r\n </div>\r\n <w-panel-title *ngIf=\"title && activeMenu == false\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div class=\"w-panel-content {{wPanelContentStyleClass}}\" [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\" [style.padding-bottom]=\"(activeMaxHeight == true && (title != undefined)) ? spacing4XL : ''\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-menu-button-x-small.p-button:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text{color:#1f2224}.w-button-small-text-label-text,:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active,:host ::ng-deep .w-panel-menu.p-tieredmenu{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem-link .p-menuitem-icon{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-panel{padding:20px 24px 32px;background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-reduced-panel{padding:12px;background-color:var(--bgcolor);border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-panel-justify-gap{gap:8px}* :host ::ng-deep .w-panel-content.grid,.w-body-grid :host ::ng-deep .w-panel-content.grid,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;gap:20px 24px;justify-content:flex-start}* :host ::ng-deep .w-panel-content .col-1,.w-body-grid :host ::ng-deep .w-panel-content .col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-2,.w-body-grid :host ::ng-deep .w-panel-content .col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-3,.w-body-grid :host ::ng-deep .w-panel-content .col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-4,.w-body-grid :host ::ng-deep .w-panel-content .col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-5,.w-body-grid :host ::ng-deep .w-panel-content .col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-6,.w-body-grid :host ::ng-deep .w-panel-content .col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-7,.w-body-grid :host ::ng-deep .w-panel-content .col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-8,.w-body-grid :host ::ng-deep .w-panel-content .col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-9,.w-body-grid :host ::ng-deep .w-panel-content .col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-10,.w-body-grid :host ::ng-deep .w-panel-content .col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-11,.w-body-grid :host ::ng-deep .w-panel-content .col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .col-12,.w-body-grid :host ::ng-deep .w-panel-content .col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}@media screen and (min-width: 576px){* :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .sm\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 768px){* :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .md\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 992px){* :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .lg\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}@media screen and (min-width: 1200px){* :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-1{flex-basis:calc(100% * 1/12 - 24px * (1 - 1/12));max-width:calc(100% * 1/12 - 24px * (1 - 1/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-2{flex-basis:calc(100% * 2/12 - 24px * (1 - 2/12));max-width:calc(100% * 2/12 - 24px * (1 - 2/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-3{flex-basis:calc(25% - 18px);max-width:calc(25% - 18px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-4{flex-basis:calc(100% * 4/12 - 24px * (1 - 4/12));max-width:calc(100% * 4/12 - 24px * (1 - 4/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-5{flex-basis:calc(100% * 5/12 - 24px * (1 - 5/12));max-width:calc(100% * 5/12 - 24px * (1 - 5/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-6{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-7{flex-basis:calc(100% * 7/12 - 24px * (1 - 7/12));max-width:calc(100% * 7/12 - 24px * (1 - 7/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-8{flex-basis:calc(100% * 8/12 - 24px * (1 - 8/12));max-width:calc(100% * 8/12 - 24px * (1 - 8/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-9{flex-basis:calc(75% - 6px);max-width:calc(75% - 6px);flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-10{flex-basis:calc(100% * 10/12 - 24px * (1 - 10/12));max-width:calc(100% * 10/12 - 24px * (1 - 10/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-11{flex-basis:calc(100% * 11/12 - 24px * (1 - 11/12));max-width:calc(100% * 11/12 - 24px * (1 - 11/12));flex-grow:0;padding:0;margin:0}* :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12,.w-body-container .w-body-grid :host ::ng-deep .w-panel-content .xl\\:col-12{flex-basis:calc(100% + -0px);max-width:calc(100% + -0px);flex-grow:0;padding:0;margin:0}}.w-panel-content{padding:0 6px}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}:host ::ng-deep .w-menu-button-x-small.p-button.p-button-icon-only{height:20px;width:20px;padding:4px;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:enabled:hover{color:#00b3eb;background:none;border:none}:host ::ng-deep .w-menu-button-x-small.p-button:focus{background:none;border:none;outline:1px solid #d6f2ff}:host ::ng-deep .w-panel-menu.p-tieredmenu{color:#1f2224}:host ::ng-deep .w-panel-menu.p-tieredmenu .p-menuitem.p-menuitem-active{color:#1f2224}\n"] }]
42
42
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { width: [{
43
43
  type: Input,
44
44
  args: ['width']
@@ -78,5 +78,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
78
78
  }], menuOptions: [{
79
79
  type: Input,
80
80
  args: ['menuOptions']
81
+ }], wPanelStyleClass: [{
82
+ type: Input,
83
+ args: ['wPanelStyleClass']
84
+ }], wPanelContentStyleClass: [{
85
+ type: Input,
86
+ args: ['wPanelContentStyleClass']
81
87
  }] } });
82
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC93LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRckUsTUFBTSxPQUFPLGVBQWU7SUFrQjFCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFkckIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUM5QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ2xCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBQzVCLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRy9CLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBQ2pDLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBRXRDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFHakQsZUFBVSxHQUFXLE1BQU0sQ0FBQztJQUVpQixDQUFDO0lBRTlDLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckYsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFFakIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztTQUN0QztRQUVELElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2xDLE9BQU8sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3JEO1FBRUQsSUFBRyxJQUFJLENBQUMsY0FBYyxFQUFDO1lBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztTQUNsQztRQUVELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDOzs0R0F4Q1UsZUFBZTtnR0FBZixlQUFlLDJhQ1I1Qixtb0NBYU07MkZETE8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTO2lHQUtILEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDRSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0ssUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNJLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDRCxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ1MsY0FBYztzQkFBdEMsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBQ0UsY0FBYztzQkFBdEMsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBQ0UsY0FBYztzQkFBdEMsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBQ0ssaUJBQWlCO3NCQUE1QyxLQUFLO3VCQUFDLG1CQUFtQjtnQkFDQSxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFDRSxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFFSCxVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0csV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1wYW5lbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXUGFuZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgnd2lkdGgnKSB3aWR0aDogYW55O1xyXG4gIEBJbnB1dCgndGl0bGUnKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoJ3N1YnRpdGxlJykgc3VidGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdhY3RpdmVHcmlkJykgYWN0aXZlR3JpZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCdyZWR1Y2VkJykgcmVkdWNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnanVzdGlmeUNvbnRlbnQnKSBqdXN0aWZ5Q29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCdhY3RpdmVPdmVyZmxvdycpIGFjdGl2ZU92ZXJmbG93OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdoZWlnaHRPdmVyZmxvdycpIGhlaWdodE92ZXJmbG93ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnbWF4SGVpZ2h0T3ZlcmZsb3cnKSBtYXhIZWlnaHRPdmVyZmxvdyE6IHN0cmluZztcclxuICBASW5wdXQoJ2JhY2tncm91bmRDb2xvcicpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyNmZmYnO1xyXG4gIEBJbnB1dCgnYWN0aXZlTWF4SGVpZ2h0JykgYWN0aXZlTWF4SGVpZ2h0OiBib29sZWFuID0gZmFsc2U7IFxyXG5cclxuICBASW5wdXQoJ2FjdGl2ZU1lbnUnKSBhY3RpdmVNZW51OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdtZW51T3B0aW9ucycpIG1lbnVPcHRpb25zITogTWVudUl0ZW1bXTtcclxuXHJcbiAgc3BhY2luZzRYTDogc3RyaW5nID0gJzM2cHgnOyBcclxuICBcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoXCItLWJnY29sb3JcIiwgdGhpcy5iYWNrZ3JvdW5kQ29sb3IpO1xyXG4gIH1cclxuICBcclxuICBnZXRDb21iaW5lZENsYXNzZXMoKSB7XHJcbiAgICBsZXQgY2xhc3NlcyA9IFtdO1xyXG4gIFxyXG4gICAgaWYgKHRoaXMuYWN0aXZlR3JpZCkge1xyXG4gICAgICBjbGFzc2VzLnB1c2goJ3ctcGFuZWwtY29udGVudCBncmlkJyk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICBpZiAodGhpcy5qdXN0aWZ5Q29udGVudC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIGNsYXNzZXMucHVzaCgnZmxleCBmbGV4LXdyYXAgJyt0aGlzLmp1c3RpZnlDb250ZW50KTtcclxuICAgIH1cclxuXHJcbiAgICBpZih0aGlzLmFjdGl2ZU92ZXJmbG93KXtcclxuICAgICAgY2xhc3Nlcy5wdXNoKCd3LXBhbmVsLW92ZXJmbG93Jyk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAndy1wYW5lbCc6ICFyZWR1Y2VkLCAndy1yZWR1Y2VkLXBhbmVsJzogcmVkdWNlZH1cIiBjbGFzcz1cInctZnVsbCBoLWZ1bGxcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJhY3RpdmVNZW51ID09IHRydWVcIiBjbGFzcz1cImZsZXggZmxleC13cmFwXCIgW25nQ2xhc3NdPVwieydqdXN0aWZ5LWNvbnRlbnQtYmV0d2Vlbic6IHRpdGxlLCAnanVzdGlmeS1jb250ZW50LWVuZCc6ICF0aXRsZX1cIj5cclxuICAgICAgICA8dy1wYW5lbC10aXRsZSAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJmbGV4XCIgW3RpdGxlXT1cInRpdGxlXCI+PC93LXBhbmVsLXRpdGxlPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICAgPHAtYnV0dG9uIGljb249XCJwaSBwaS1lbGxpcHNpcy12XCIgc3R5bGVDbGFzcz1cInctbWVudS1idXR0b24teC1zbWFsbCBwLWJ1dHRvbi10ZXh0XCIgKG9uQ2xpY2spPVwibWVudS50b2dnbGUoJGV2ZW50KVwiPjwvcC1idXR0b24+XHJcbiAgICAgICAgICAgIDxwLXRpZXJlZE1lbnUgc3R5bGVDbGFzcz1cInctcGFuZWwtbWVudVwiICNtZW51IFttb2RlbF09XCJtZW51T3B0aW9uc1wiIFtwb3B1cF09XCJ0cnVlXCI+PC9wLXRpZXJlZE1lbnU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDx3LXBhbmVsLXRpdGxlICpuZ0lmPVwidGl0bGUgJiYgYWN0aXZlTWVudSA9PSBmYWxzZVwiIFt0aXRsZV09XCJ0aXRsZVwiPjwvdy1wYW5lbC10aXRsZT5cclxuICAgIDx3LXBhbmVsLXN1YnRpdGxlICpuZ0lmPVwic3VidGl0bGVcIiBbc3VidGl0bGVdPVwic3VidGl0bGVcIj48L3ctcGFuZWwtc3VidGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwidy1wYW5lbC1jb250ZW50XCIgW25nQ2xhc3NdPVwiZ2V0Q29tYmluZWRDbGFzc2VzKClcIiBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodE92ZXJmbG93XCIgW3N0eWxlLm1heC1oZWlnaHRdPVwibWF4SGVpZ2h0T3ZlcmZsb3dcIiBbc3R5bGUucGFkZGluZy1ib3R0b21dPVwiKGFjdGl2ZU1heEhlaWdodCA9PSB0cnVlICYmICh0aXRsZSAhPSB1bmRlZmluZWQpKSA/IHNwYWNpbmc0WEwgOiAnJ1wiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
88
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC93LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRckUsTUFBTSxPQUFPLGVBQWU7SUFxQjFCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFqQnJCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDOUIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUNsQixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUcvQixvQkFBZSxHQUFXLE1BQU0sQ0FBQztRQUNqQyxvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUV0QyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBTWpELGVBQVUsR0FBVyxNQUFNLENBQUM7SUFFaUIsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWpCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUM7U0FDdEM7UUFFRCxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsQyxPQUFPLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUNyRDtRQUVELElBQUcsSUFBSSxDQUFDLGNBQWMsRUFBQztZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDbEM7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NEdBM0NVLGVBQWU7Z0dBQWYsZUFBZSxxZ0JDUjVCLG9yQ0FhTTsyRkRMTyxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVM7aUdBS0gsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNFLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDSyxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0ksVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNELE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDUyxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDSyxpQkFBaUI7c0JBQTVDLEtBQUs7dUJBQUMsbUJBQW1CO2dCQUNBLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNFLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUVILFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDRyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBRU8sZ0JBQWdCO3NCQUExQyxLQUFLO3VCQUFDLGtCQUFrQjtnQkFDUyx1QkFBdUI7c0JBQXhELEtBQUs7dUJBQUMseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1wYW5lbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXUGFuZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgnd2lkdGgnKSB3aWR0aDogYW55O1xyXG4gIEBJbnB1dCgndGl0bGUnKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoJ3N1YnRpdGxlJykgc3VidGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdhY3RpdmVHcmlkJykgYWN0aXZlR3JpZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCdyZWR1Y2VkJykgcmVkdWNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnanVzdGlmeUNvbnRlbnQnKSBqdXN0aWZ5Q29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCdhY3RpdmVPdmVyZmxvdycpIGFjdGl2ZU92ZXJmbG93OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdoZWlnaHRPdmVyZmxvdycpIGhlaWdodE92ZXJmbG93ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnbWF4SGVpZ2h0T3ZlcmZsb3cnKSBtYXhIZWlnaHRPdmVyZmxvdyE6IHN0cmluZztcclxuICBASW5wdXQoJ2JhY2tncm91bmRDb2xvcicpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyNmZmYnO1xyXG4gIEBJbnB1dCgnYWN0aXZlTWF4SGVpZ2h0JykgYWN0aXZlTWF4SGVpZ2h0OiBib29sZWFuID0gZmFsc2U7IFxyXG5cclxuICBASW5wdXQoJ2FjdGl2ZU1lbnUnKSBhY3RpdmVNZW51OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdtZW51T3B0aW9ucycpIG1lbnVPcHRpb25zITogTWVudUl0ZW1bXTtcclxuXHJcbiAgQElucHV0KCd3UGFuZWxTdHlsZUNsYXNzJykgd1BhbmVsU3R5bGVDbGFzcyE6IHN0cmluZzsgXHJcbiAgQElucHV0KCd3UGFuZWxDb250ZW50U3R5bGVDbGFzcycpIHdQYW5lbENvbnRlbnRTdHlsZUNsYXNzITogc3RyaW5nOyBcclxuXHJcbiAgc3BhY2luZzRYTDogc3RyaW5nID0gJzM2cHgnOyBcclxuICBcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoXCItLWJnY29sb3JcIiwgdGhpcy5iYWNrZ3JvdW5kQ29sb3IpO1xyXG4gIH1cclxuICBcclxuICBnZXRDb21iaW5lZENsYXNzZXMoKSB7XHJcbiAgICBsZXQgY2xhc3NlcyA9IFtdO1xyXG4gIFxyXG4gICAgaWYgKHRoaXMuYWN0aXZlR3JpZCkge1xyXG4gICAgICBjbGFzc2VzLnB1c2goJ3ctcGFuZWwtY29udGVudCBncmlkJyk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICBpZiAodGhpcy5qdXN0aWZ5Q29udGVudC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIGNsYXNzZXMucHVzaCgnZmxleCBmbGV4LXdyYXAgJyt0aGlzLmp1c3RpZnlDb250ZW50KTtcclxuICAgIH1cclxuXHJcbiAgICBpZih0aGlzLmFjdGl2ZU92ZXJmbG93KXtcclxuICAgICAgY2xhc3Nlcy5wdXNoKCd3LXBhbmVsLW92ZXJmbG93Jyk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAndy1wYW5lbCc6ICFyZWR1Y2VkLCAndy1yZWR1Y2VkLXBhbmVsJzogcmVkdWNlZH1cIiBjbGFzcz1cInctZnVsbCBoLWZ1bGwge3t3UGFuZWxTdHlsZUNsYXNzfX1cIj5cclxuICAgIDxkaXYgKm5nSWY9XCJhY3RpdmVNZW51ID09IHRydWVcIiBjbGFzcz1cImZsZXggZmxleC13cmFwXCIgW25nQ2xhc3NdPVwieydqdXN0aWZ5LWNvbnRlbnQtYmV0d2Vlbic6IHRpdGxlLCAnanVzdGlmeS1jb250ZW50LWVuZCc6ICF0aXRsZX1cIj5cclxuICAgICAgICA8dy1wYW5lbC10aXRsZSAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJmbGV4XCIgW3RpdGxlXT1cInRpdGxlXCI+PC93LXBhbmVsLXRpdGxlPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICAgPHAtYnV0dG9uIGljb249XCJwaSBwaS1lbGxpcHNpcy12XCIgc3R5bGVDbGFzcz1cInctbWVudS1idXR0b24teC1zbWFsbCBwLWJ1dHRvbi10ZXh0XCIgKG9uQ2xpY2spPVwibWVudS50b2dnbGUoJGV2ZW50KVwiPjwvcC1idXR0b24+XHJcbiAgICAgICAgICAgIDxwLXRpZXJlZE1lbnUgc3R5bGVDbGFzcz1cInctcGFuZWwtbWVudVwiICNtZW51IFttb2RlbF09XCJtZW51T3B0aW9uc1wiIFtwb3B1cF09XCJ0cnVlXCI+PC9wLXRpZXJlZE1lbnU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDx3LXBhbmVsLXRpdGxlICpuZ0lmPVwidGl0bGUgJiYgYWN0aXZlTWVudSA9PSBmYWxzZVwiIFt0aXRsZV09XCJ0aXRsZVwiPjwvdy1wYW5lbC10aXRsZT5cclxuICAgIDx3LXBhbmVsLXN1YnRpdGxlICpuZ0lmPVwic3VidGl0bGVcIiBbc3VidGl0bGVdPVwic3VidGl0bGVcIj48L3ctcGFuZWwtc3VidGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwidy1wYW5lbC1jb250ZW50IHt7d1BhbmVsQ29udGVudFN0eWxlQ2xhc3N9fVwiIFtuZ0NsYXNzXT1cImdldENvbWJpbmVkQ2xhc3NlcygpXCIgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRPdmVyZmxvd1wiIFtzdHlsZS5tYXgtaGVpZ2h0XT1cIm1heEhlaWdodE92ZXJmbG93XCIgW3N0eWxlLnBhZGRpbmctYm90dG9tXT1cIihhY3RpdmVNYXhIZWlnaHQgPT0gdHJ1ZSAmJiAodGl0bGUgIT0gdW5kZWZpbmVkKSkgPyBzcGFjaW5nNFhMIDogJydcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
package/esm2020/lib/misc/w-badge/w-badge.component.mjs CHANGED
@@ -9,10 +9,10 @@ export class WBadgeComponent {
9
9
  }
10
10
  }
11
11
  WBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- WBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBadgeComponent, selector: "w-badge", inputs: { label: "label", color: "color", tooltip: "tooltip", maxWidthOverflow: "maxWidthOverflow" }, ngImport: i0, template: "<span [class]=\"'w-badge color-' + color\" [ngClass]=\"{'w-badge-overflow-text': maxWidthOverflow}\" [pTooltip]=\"tooltip\" [style.max-width]=\"maxWidthOverflow\">\r\n {{label}}\r\n</span>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text,.w-badge{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-badge{height:16px;border-radius:12px;border:1px solid #dadce0;padding:3px 12px;vertical-align:middle}.w-badge-overflow-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-badge.color-default{background:#ffffff;color:#5f6468;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #C2E8FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FFBDBD}.w-badge.color-disabled{background:#ffffff;color:#9aa0a7;border:1px solid #dadce0}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(0,92,122,.1);color:#005c7a;border:1px solid #005c7a}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
12
+ WBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBadgeComponent, selector: "w-badge", inputs: { label: "label", color: "color", tooltip: "tooltip", maxWidthOverflow: "maxWidthOverflow" }, ngImport: i0, template: "<span [class]=\"'w-badge color-' + color\" [ngClass]=\"{'w-badge-overflow-text': maxWidthOverflow}\" [pTooltip]=\"tooltip\" [style.max-width]=\"maxWidthOverflow\">\r\n {{label}}\r\n</span>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text,.w-badge{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-badge{height:16px;border-radius:12px;border:1px solid #dadce0;padding:3px 12px;vertical-align:middle}.w-badge-overflow-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-badge.color-default{background:#ffffff;color:#5f6468;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-success-2{background:rgba(179,255,211,.5);color:#1f2224;border:1px solid #B3FFD3}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #C2E8FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FFBDBD}.w-badge.color-error-2{background:rgba(255,189,189,.5);color:#1f2224;border:1px solid #FFBDBD}.w-badge.color-disabled{background:#ffffff;color:#9aa0a7;border:1px solid #dadce0}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(0,92,122,.1);color:#005c7a;border:1px solid #005c7a}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, decorators: [{
14
14
  type: Component,
15
- args: [{ selector: 'w-badge', template: "<span [class]=\"'w-badge color-' + color\" [ngClass]=\"{'w-badge-overflow-text': maxWidthOverflow}\" [pTooltip]=\"tooltip\" [style.max-width]=\"maxWidthOverflow\">\r\n {{label}}\r\n</span>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text,.w-badge{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-badge{height:16px;border-radius:12px;border:1px solid #dadce0;padding:3px 12px;vertical-align:middle}.w-badge-overflow-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-badge.color-default{background:#ffffff;color:#5f6468;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #C2E8FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FFBDBD}.w-badge.color-disabled{background:#ffffff;color:#9aa0a7;border:1px solid #dadce0}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(0,92,122,.1);color:#005c7a;border:1px solid #005c7a}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\n"] }]
15
+ args: [{ selector: 'w-badge', template: "<span [class]=\"'w-badge color-' + color\" [ngClass]=\"{'w-badge-overflow-text': maxWidthOverflow}\" [pTooltip]=\"tooltip\" [style.max-width]=\"maxWidthOverflow\">\r\n {{label}}\r\n</span>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text,.w-badge{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-badge{height:16px;border-radius:12px;border:1px solid #dadce0;padding:3px 12px;vertical-align:middle}.w-badge-overflow-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-badge.color-default{background:#ffffff;color:#5f6468;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-success-2{background:rgba(179,255,211,.5);color:#1f2224;border:1px solid #B3FFD3}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #C2E8FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FFBDBD}.w-badge.color-error-2{background:rgba(255,189,189,.5);color:#1f2224;border:1px solid #FFBDBD}.w-badge.color-disabled{background:#ffffff;color:#9aa0a7;border:1px solid #dadce0}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(0,92,122,.1);color:#005c7a;border:1px solid #005c7a}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\n"] }]
16
16
  }], propDecorators: { label: [{
17
17
  type: Input,
18
18
  args: ['label']
package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs CHANGED
@@ -19,7 +19,7 @@ export class WTimelineComponent {
19
19
  }
20
20
  }
21
21
  WTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n <ng-template #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#c2e8ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: i4.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }] });
22
+ WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n <ng-template #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#c2e8ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: i4.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }] });
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, decorators: [{
24
24
  type: Component,
25
25
  args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n <ng-template #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n</ng-template>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8ebee;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#c2e8ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"] }]