@symphony-talent/component-library 4.98.0 → 4.99.0

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 (53) hide show
  1. package/esm2020/lib/atoms/grid/framework/advertised-jobs-cost/advertised-jobs-cost.component.mjs +1 -1
  2. package/esm2020/lib/atoms/navigation-link/navigation-link.component.mjs +1 -1
  3. package/esm2020/lib/atoms/navigation-link-v2/navigation-link.component.mjs +1 -1
  4. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +5 -3
  5. package/esm2020/lib/molecules/filter-tabs/filter-tabs.component.mjs +46 -0
  6. package/esm2020/lib/molecules/filter-tabs/filter-tabs.model.mjs +2 -0
  7. package/esm2020/lib/molecules/filter-tabs/filter-tabs.module.mjs +45 -0
  8. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +1 -1
  9. package/esm2020/lib/molecules/icon-with-tooltip/icon-with-tooltip.component.mjs +1 -1
  10. package/esm2020/lib/molecules/molecules.module.mjs +8 -4
  11. package/esm2020/lib/organisms/grid-actions/grid-actions.component.mjs +1 -1
  12. package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs +1 -1
  13. package/esm2020/lib/organisms/grid-download/grid-download.component.mjs +1 -1
  14. package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +1 -1
  15. package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +1 -1
  16. package/esm2020/projects/component-library/lib/atoms/grid/framework/advertised-jobs-cost/advertised-jobs-cost.component.mjs +1 -1
  17. package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.component.mjs +1 -1
  18. package/esm2020/projects/component-library/lib/atoms/navigation-link-v2/navigation-link.component.mjs +1 -1
  19. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +5 -3
  20. package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs +46 -0
  21. package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.mjs +2 -0
  22. package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.module.mjs +45 -0
  23. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +1 -1
  24. package/esm2020/projects/component-library/lib/molecules/icon-with-tooltip/icon-with-tooltip.component.mjs +1 -1
  25. package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +8 -4
  26. package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs +1 -1
  27. package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs +1 -1
  28. package/esm2020/projects/component-library/lib/organisms/grid-download/grid-download.component.mjs +1 -1
  29. package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +1 -1
  30. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +1 -1
  31. package/esm2020/projects/component-library/public-api.mjs +4 -1
  32. package/esm2020/public-api.mjs +4 -1
  33. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +92 -16
  34. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  35. package/fesm2015/symphony-talent-component-library.mjs +92 -16
  36. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  37. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +92 -16
  38. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  39. package/fesm2020/symphony-talent-component-library.mjs +92 -16
  40. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  41. package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -1
  42. package/lib/molecules/filter-tabs/filter-tabs.component.d.ts +17 -0
  43. package/lib/molecules/filter-tabs/filter-tabs.model.d.ts +11 -0
  44. package/lib/molecules/filter-tabs/filter-tabs.module.d.ts +14 -0
  45. package/lib/molecules/molecules.module.d.ts +3 -2
  46. package/package.json +1 -1
  47. package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -1
  48. package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.d.ts +17 -0
  49. package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.d.ts +11 -0
  50. package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.module.d.ts +14 -0
  51. package/projects/component-library/lib/molecules/molecules.module.d.ts +3 -2
  52. package/projects/component-library/public-api.d.ts +3 -0
  53. package/public-api.d.ts +3 -0
package/esm2020/lib/atoms/grid/framework/advertised-jobs-cost/advertised-jobs-cost.component.mjs CHANGED
@@ -14,7 +14,7 @@ export class AdvertisedJobsCostComponent {
14
14
  }
15
15
  }
16
16
  AdvertisedJobsCostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobsCostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
17
- AdvertisedJobsCostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobsCostComponent, selector: "symphony-advertised-jobs-cost", ngImport: i0, template: "<div class=\"advertised-jobs-cost\">\n {{ params.value }}\n <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n >\n <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
17
+ AdvertisedJobsCostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobsCostComponent, selector: "symphony-advertised-jobs-cost", ngImport: i0, template: "<div class=\"advertised-jobs-cost\">\n {{ params.value }}\n <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n >\n <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
18
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobsCostComponent, decorators: [{
19
19
  type: Component,
20
20
  args: [{ selector: 'symphony-advertised-jobs-cost', encapsulation: ViewEncapsulation.None, template: "<div class=\"advertised-jobs-cost\">\n {{ params.value }}\n <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n >\n <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"] }]
package/esm2020/lib/atoms/navigation-link/navigation-link.component.mjs CHANGED
@@ -12,7 +12,7 @@ export class NavigationLinkComponent {
12
12
  }
13
13
  }
14
14
  NavigationLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
15
+ NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, decorators: [{
17
17
  type: Component,
18
18
  args: [{ selector: 'symphony-navigation-link', template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
package/esm2020/lib/atoms/navigation-link-v2/navigation-link.component.mjs CHANGED
@@ -11,7 +11,7 @@ export class NavigationLinkV2Component extends NavigationLinkComponent {
11
11
  }
12
12
  }
13
13
  NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
14
- NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
14
+ NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
15
15
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
16
16
  type: Component,
17
17
  args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs CHANGED
@@ -5,13 +5,15 @@ export class TooltipWrapperComponent {
5
5
  constructor() { }
6
6
  }
7
7
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
8
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
11
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
12
12
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
13
13
  type: Input
14
14
  }], tooltipHtml: [{
15
15
  type: Input
16
+ }], toolTipClass: [{
17
+ type: Input
16
18
  }] } });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFwRSxNQUFNLE9BQU8sdUJBQXVCO0lBSWxDLGdCQUFlLENBQUM7O29IQUpMLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGdJQ1JwQyxzVkFZQTsyRkRKYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS10b29sdGlwLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBXcmFwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGxhY2VtZW50OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvb2x0aXBIdG1sOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPG5nLXRlbXBsYXRlICNwb3BUZW1wbGF0ZVxuICA+PGRpdiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnRcIiBbaW5uZXJIdG1sXT1cInRvb2x0aXBIdG1sXCI+PC9kaXZcbj48L25nLXRlbXBsYXRlPlxuPHNwYW5cbiAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbdG9vbHRpcF09XCJwb3BUZW1wbGF0ZVwiXG4gIHBsYWNlbWVudD1cInt7IHBsYWNlbWVudCB9fVwiXG4gIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICBbYWRhcHRpdmVQb3NpdGlvbl09XCJmYWxzZVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFwRSxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLGdCQUFlLENBQUM7O29IQUxMLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDhKQ1JwQyx5V0FZQTsyRkRKYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXRvb2x0aXAtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwbGFjZW1lbnQ6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbHRpcEh0bWw6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbFRpcENsYXNzPzogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjcG9wVGVtcGxhdGVcbiAgPjxkaXYgc3R5bGU9XCJ0ZXh0LWFsaWduOiBsZWZ0XCIgW2lubmVySHRtbF09XCJ0b29sdGlwSHRtbFwiPjwvZGl2XG4+PC9uZy10ZW1wbGF0ZT5cbjxzcGFuXG4gIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgW3Rvb2x0aXBdPVwicG9wVGVtcGxhdGVcIlxuICBwbGFjZW1lbnQ9XCJ7eyBwbGFjZW1lbnQgfX1cIlxuICBjb250YWluZXJDbGFzcz1cInNmeC1pbmZvLXRvb2x0aXAgaXRlbS10b29sdGlwIHt7IHRvb2xUaXBDbGFzcyB9fVwiXG4gIFthZGFwdGl2ZVBvc2l0aW9uXT1cImZhbHNlXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuIl19
package/esm2020/lib/molecules/filter-tabs/filter-tabs.component.mjs ADDED
@@ -0,0 +1,46 @@
1
+ import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
4
+ import * as i2 from "../../atoms/icon-wrapper/icon-wrapper.component";
5
+ import * as i3 from "../../atoms/icon/icon.component";
6
+ import * as i4 from "../../atoms/contextual-menu/contextual-menu.component";
7
+ import * as i5 from "ngx-bootstrap/tabs";
8
+ import * as i6 from "../../atoms/button-v2/button.component";
9
+ import * as i7 from "@angular/common";
10
+ export class FilterTabsComponent {
11
+ constructor() {
12
+ this.moreOptionClick = new EventEmitter();
13
+ this.loadSearchClick = new EventEmitter();
14
+ this.clearSearchClick = new EventEmitter();
15
+ this.buttonClicked = new EventEmitter();
16
+ }
17
+ onItemClick(item) {
18
+ this.moreOptionClick.emit(item);
19
+ }
20
+ onLoadSearchClick() {
21
+ this.loadSearchClick.emit();
22
+ }
23
+ onClearSearchClick() {
24
+ this.clearSearchClick.emit();
25
+ }
26
+ onButtonClick(text) {
27
+ this.buttonClicked.emit(text);
28
+ }
29
+ }
30
+ FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
31
+ FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n sfx-button-primary\n id=\"button-see-result\"\n class=\"sfx-d-flex justify-flex-end sfx-mt-20\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2></div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
33
+ type: Component,
34
+ args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n sfx-button-primary\n id=\"button-see-result\"\n class=\"sfx-d-flex justify-flex-end sfx-mt-20\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2></div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}\n"] }]
35
+ }], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
36
+ type: Input
37
+ }], moreOptionClick: [{
38
+ type: Output
39
+ }], loadSearchClick: [{
40
+ type: Output
41
+ }], clearSearchClick: [{
42
+ type: Output
43
+ }], buttonClicked: [{
44
+ type: Output
45
+ }] } });
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBUTlCO1FBTFUsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzdDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QyxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIsNlBDZmhDLGcxRUFxRUE7MkZEdERhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbHRlclRhYnNNb2RlbCB9IGZyb20gJy4vZmlsdGVyLXRhYnMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWx0ZXItdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclRhYnNDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWx0ZXJUYWJzOiBGaWx0ZXJUYWJzTW9kZWw7XG5cbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgbG9hZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2xlYXJTZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQ+XG4gICAgPHRhYiBbaGVhZGluZ109XCInQmFzaWMgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QmFzaWNTZWFyY2hcIlxuICAgICAgPjxkaXY+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Jhc2ljLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD48L2RpdlxuICAgID48L3RhYj5cbiAgICA8dGFiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTZWVSZXN1bHRzQnRuXCJcbiAgICAgICAgICBzZngtYnV0dG9uLXByaW1hcnlcbiAgICAgICAgICBpZD1cImJ1dHRvbi1zZWUtcmVzdWx0XCJcbiAgICAgICAgICBjbGFzcz1cInNmeC1kLWZsZXgganVzdGlmeS1mbGV4LWVuZCBzZngtbXQtMjBcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+PC9kaXZcbiAgICA+PC90YWI+XG4gIDwvdGFic2V0PlxuPC9zZWN0aW9uPlxuIl19
package/esm2020/lib/molecules/filter-tabs/filter-tabs.model.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19
package/esm2020/lib/molecules/filter-tabs/filter-tabs.module.mjs ADDED
@@ -0,0 +1,45 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { FilterTabsComponent } from './filter-tabs.component';
4
+ import { TabsModule } from 'ngx-bootstrap/tabs';
5
+ import { IconWrapperModule } from '../../atoms/icon-wrapper/icon-wrapper.module';
6
+ import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
7
+ import { IconModule } from '../../atoms/icon/icon.module';
8
+ import { ContextualMenuModule } from '../../atoms/contextual-menu/contextual-menu.module';
9
+ import { ButtonV2Module } from '../../atoms/button-v2/button.module';
10
+ import * as i0 from "@angular/core";
11
+ import * as i1 from "ngx-bootstrap/tabs";
12
+ export class FilterTabsModule {
13
+ }
14
+ FilterTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
+ FilterTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, declarations: [FilterTabsComponent], imports: [CommonModule, i1.TabsModule, IconWrapperModule,
16
+ TooltipWrapperModule,
17
+ IconModule,
18
+ ContextualMenuModule,
19
+ ButtonV2Module], exports: [FilterTabsComponent] });
20
+ FilterTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, imports: [[
21
+ CommonModule,
22
+ TabsModule.forRoot(),
23
+ IconWrapperModule,
24
+ TooltipWrapperModule,
25
+ IconModule,
26
+ ContextualMenuModule,
27
+ ButtonV2Module,
28
+ ]] });
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, decorators: [{
30
+ type: NgModule,
31
+ args: [{
32
+ declarations: [FilterTabsComponent],
33
+ imports: [
34
+ CommonModule,
35
+ TabsModule.forRoot(),
36
+ IconWrapperModule,
37
+ TooltipWrapperModule,
38
+ IconModule,
39
+ ContextualMenuModule,
40
+ ButtonV2Module,
41
+ ],
42
+ exports: [FilterTabsComponent],
43
+ }]
44
+ }] });
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDMUYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFlckUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQVpaLG1CQUFtQixhQUVoQyxZQUFZLGlCQUVaLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIsVUFBVTtRQUNWLG9CQUFvQjtRQUNwQixjQUFjLGFBRU4sbUJBQW1COzhHQUVsQixnQkFBZ0IsWUFYbEI7WUFDUCxZQUFZO1lBQ1osVUFBVSxDQUFDLE9BQU8sRUFBRTtZQUNwQixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLFVBQVU7WUFDVixvQkFBb0I7WUFDcEIsY0FBYztTQUNmOzJGQUdVLGdCQUFnQjtrQkFiNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osVUFBVSxDQUFDLE9BQU8sRUFBRTt3QkFDcEIsaUJBQWlCO3dCQUNqQixvQkFBb0I7d0JBQ3BCLFVBQVU7d0JBQ1Ysb0JBQW9CO3dCQUNwQixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmlsdGVyVGFic0NvbXBvbmVudCB9IGZyb20gJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYnNNb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3RhYnMnO1xuaW1wb3J0IHsgSWNvbldyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0ZpbHRlclRhYnNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFRhYnNNb2R1bGUuZm9yUm9vdCgpLFxuICAgIEljb25XcmFwcGVyTW9kdWxlLFxuICAgIFRvb2x0aXBXcmFwcGVyTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtGaWx0ZXJUYWJzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic01vZHVsZSB7fVxuIl19
package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs CHANGED
@@ -15,7 +15,7 @@ export class H5WithIconComponent {
15
15
  }
16
16
  }
17
17
  H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
- H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
18
+ H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
19
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
20
20
  type: Component,
21
21
  args: [{ selector: 'symphony-h5-with-icon', template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"] }]
package/esm2020/lib/molecules/icon-with-tooltip/icon-with-tooltip.component.mjs CHANGED
@@ -7,7 +7,7 @@ export class IconWithTooltipComponent {
7
7
  constructor() { }
8
8
  }
9
9
  IconWithTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- IconWithTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWithTooltipComponent, selector: "symphony-icon-with-tooltip", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n <symphony-tooltip-wrapper\n [placement]=\"model.placement\"\n [tooltipHtml]=\"model.tooltipHtml\"\n >\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
10
+ IconWithTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWithTooltipComponent, selector: "symphony-icon-with-tooltip", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n <symphony-tooltip-wrapper\n [placement]=\"model.placement\"\n [tooltipHtml]=\"model.tooltipHtml\"\n >\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'symphony-icon-with-tooltip', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n <symphony-tooltip-wrapper\n [placement]=\"model.placement\"\n [tooltipHtml]=\"model.tooltipHtml\"\n >\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
package/esm2020/lib/molecules/molecules.module.mjs CHANGED
@@ -26,6 +26,7 @@ import { InputToggleModule } from "../atoms/input-toggle/input-toggle.module";
26
26
  import { LabelledInputToggleModule } from './labelled-input-toggle/labelled-input-toggle.module';
27
27
  import { LabelledToggleListModule } from './labelled-toggle-list/labelled-toggle-list.module';
28
28
  import { ChatHistoryMessageItemModule } from './chat-history-message-item/chat-history-message-item.module';
29
+ import { FilterTabsModule } from './filter-tabs/filter-tabs.module';
29
30
  import * as i0 from "@angular/core";
30
31
  export class MoleculesModule {
31
32
  }
@@ -56,7 +57,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
56
57
  InputToggleModule,
57
58
  LabelledInputToggleModule,
58
59
  LabelledToggleListModule,
59
- ChatHistoryMessageItemModule], exports: [PillsModule,
60
+ ChatHistoryMessageItemModule,
61
+ FilterTabsModule], exports: [PillsModule,
60
62
  BreadcrumbModule,
61
63
  FeedbackCardModule,
62
64
  DocumentManagementItemModule,
@@ -89,7 +91,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
89
91
  InputToggleModule,
90
92
  LabelledInputToggleModule,
91
93
  LabelledToggleListModule,
92
- ChatHistoryMessageItemModule
94
+ ChatHistoryMessageItemModule,
95
+ FilterTabsModule
93
96
  ], PillsModule,
94
97
  BreadcrumbModule,
95
98
  FeedbackCardModule,
@@ -135,8 +138,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
135
138
  InputToggleModule,
136
139
  LabelledInputToggleModule,
137
140
  LabelledToggleListModule,
138
- ChatHistoryMessageItemModule
141
+ ChatHistoryMessageItemModule,
142
+ FilterTabsModule
139
143
  ]
140
144
  }]
141
145
  }] });
142
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUM5SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sOERBQThELENBQUM7O0FBMEM1RyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLFlBN0JwQixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQixrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLGdCQUFnQjtRQUNoQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLCtCQUErQjtRQUMvQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLGtDQUFrQztRQUNsQyx5QkFBeUI7UUFDekIsV0FBVztRQUNYLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLDRCQUE0QixhQWxDNUIsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsNEJBQTRCO1FBQzVCLGdCQUFnQjtRQUNoQixrQ0FBa0M7NkdBZ0M3QixlQUFlLFlBOUJmO1lBQ0wsWUFBWTtZQUNaLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsV0FBVztZQUNYLGlCQUFpQjtZQUNqQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLHdCQUF3QjtZQUN4QixnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLGtCQUFrQjtZQUNsQixvQkFBb0I7WUFDcEIscUJBQXFCO1lBQ3JCLDRCQUE0QjtZQUM1QiwrQkFBK0I7WUFDL0IsbUJBQW1CO1lBQ25CLHNCQUFzQjtZQUN0QixrQ0FBa0M7WUFDbEMseUJBQXlCO1lBQ3pCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIseUJBQXlCO1lBQ3pCLHdCQUF3QjtZQUN4Qiw0QkFBNEI7U0FDL0IsRUFuQ0csV0FBVztRQUNYLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsNEJBQTRCO1FBQzVCLGdCQUFnQjtRQUNoQixrQ0FBa0M7MkZBZ0M3QixlQUFlO2tCQXhDM0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNMLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLDRCQUE0Qjt3QkFDNUIsZ0JBQWdCO3dCQUNoQixrQ0FBa0M7cUJBQ3JDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLDRCQUE0Qjt3QkFDNUIsK0JBQStCO3dCQUMvQixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsa0NBQWtDO3dCQUNsQyx5QkFBeUI7d0JBQ3pCLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsNEJBQTRCO3FCQUMvQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vYXRvbXMvYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlsbHNNb2R1bGUgfSBmcm9tICcuL3BpbGxzL3BpbGxzLm1vZHVsZSc7XG5pbXBvcnQgeyBDb2xvclN3YXRjaE1vZHVsZSB9IGZyb20gJy4vY29sb3Itc3dhdGNoL2NvbG9yLXN3YXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvblN3YXRjaE1vZHVsZSB9IGZyb20gJy4vaWNvbi1zd2F0Y2gvaWNvbi1zd2F0Y2gubW9kdWxlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2R1bGUgfSBmcm9tICcuLi9hdG9tcy9jb250ZXh0dWFsLW1lbnUvY29udGV4dHVhbC1tZW51Lm1vZHVsZSc7XG5pbXBvcnQgeyBINVdpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi9oNS13aXRoLWljb24vaDUtd2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnZvaWNlTGluZUl0ZW1Nb2R1bGUgfSBmcm9tICcuL2ludm9pY2UtbGluZS1pdGVtL2ludm9pY2UtbGluZS1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBGZWVkYmFja0NhcmRNb2R1bGUgfSBmcm9tICcuL2ZlZWRiYWNrLWNhcmQvZmVlZGJhY2stY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4QWNjb3JkaW9uSGVhZGVyTW9kdWxlIH0gZnJvbSAnLi9zZngtYWNjb3JkaW9uLWhlYWRlci9zZngtYWNjb3JkaW9uLWhlYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZHVsZSB9IGZyb20gJy4vZmlsZS11cGxvYWQvZmlsZS11cGxvYWQubW9kdWxlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUgfSBmcm9tICcuL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEljb25XaXRoVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4vaWNvbi13aXRoLXRvb2x0aXAvaWNvbi13aXRoLXRvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kdWxlJztcbmltcG9ydCB7IFBoYXNlckNhcmRNb2R1bGUgfSBmcm9tICcuL3BoYXNlci1jYXJkL3BoYXNlci1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyTW9kdWxlIH0gZnJvbSAnLi9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyL2FjdGlvbi1iYXItc2VsZWN0aW9uLWNvdW50ZXIubW9kdWxlJztcbmltcG9ydCB7IElucHV0VGV4dGFyZWFNb2R1bGUgfSBmcm9tIFwiLi4vYXRvbXMvaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlXCI7XG5pbXBvcnQgeyBDaGFyYWN0ZXJDb3VudGVyTW9kdWxlIH0gZnJvbSBcIi4uL2F0b21zL2NoYXJhY3Rlci1jb3VudGVyL2NoYXJhY3Rlci1jb3VudGVyLm1vZHVsZVwiO1xuaW1wb3J0IHsgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZSB9IGZyb20gJy4vc2V0dGluZ3MtZGV0YWlsLW5hdmlnYXRpb24taXRlbS9zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBFZGl0YWJsZVNldHRpbmdJdGVtTW9kdWxlIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0vZWRpdGFibGUtc2V0dGluZy1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBUYWJzTW9kdWxlcyB9IGZyb20gJy4vdGFicy90YWJzLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gXCIuLi9hdG9tcy9pbnB1dC10b2dnbGUvaW5wdXQtdG9nZ2xlLm1vZHVsZVwiO1xuaW1wb3J0IHsgTGFiZWxsZWRJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2R1bGUnO1xuaW1wb3J0IHsgTGFiZWxsZWRUb2dnbGVMaXN0TW9kdWxlIH0gZnJvbSAnLi9sYWJlbGxlZC10b2dnbGUtbGlzdC9sYWJlbGxlZC10b2dnbGUtbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZHVsZSB9IGZyb20gJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFBpbGxzTW9kdWxlLFxuICAgICAgICBCcmVhZGNydW1iTW9kdWxlLFxuICAgICAgICBGZWVkYmFja0NhcmRNb2R1bGUsXG4gICAgICAgIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUsXG4gICAgICAgIFBoYXNlckNhcmRNb2R1bGUsXG4gICAgICAgIFNldHRpbmdzRGV0YWlsTmF2aWdhdGlvbkl0ZW1Nb2R1bGVcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBdmF0YXJNb2R1bGUsXG4gICAgICAgIENvbnRleHR1YWxNZW51TW9kdWxlLFxuICAgICAgICBQaWxsc01vZHVsZSxcbiAgICAgICAgQ29sb3JTd2F0Y2hNb2R1bGUsXG4gICAgICAgIEljb25Td2F0Y2hNb2R1bGUsXG4gICAgICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgICAgIEg1V2l0aEljb25Nb2R1bGUsXG4gICAgICAgIEludm9pY2VMaW5lSXRlbU1vZHVsZSxcbiAgICAgICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgICAgICBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUsXG4gICAgICAgIEZpbGVVcGxvYWRNb2R1bGUsXG4gICAgICAgIEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUsXG4gICAgICAgIEZlZWRiYWNrQ2FyZE1vZHVsZSxcbiAgICAgICAgQnV0dG9uV2l0aEljb25Nb2R1bGUsXG4gICAgICAgIEljb25XaXRoVG9vbHRpcE1vZHVsZSxcbiAgICAgICAgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSxcbiAgICAgICAgQWN0aW9uQmFyU2VsZWN0aW9uQ291bnRlck1vZHVsZSxcbiAgICAgICAgSW5wdXRUZXh0YXJlYU1vZHVsZSxcbiAgICAgICAgQ2hhcmFjdGVyQ291bnRlck1vZHVsZSxcbiAgICAgICAgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZSxcbiAgICAgICAgRWRpdGFibGVTZXR0aW5nSXRlbU1vZHVsZSxcbiAgICAgICAgVGFic01vZHVsZXMsXG4gICAgICAgIElucHV0VG9nZ2xlTW9kdWxlLFxuICAgICAgICBMYWJlbGxlZElucHV0VG9nZ2xlTW9kdWxlLFxuICAgICAgICBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUsXG4gICAgICAgIENoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE1vbGVjdWxlc01vZHVsZSB7fVxuIl19
146
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUM5SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDNUcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7O0FBMkNwRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLFlBOUJwQixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQixrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLGdCQUFnQjtRQUNoQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLCtCQUErQjtRQUMvQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLGtDQUFrQztRQUNsQyx5QkFBeUI7UUFDekIsV0FBVztRQUNYLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLDRCQUE0QjtRQUM1QixnQkFBZ0IsYUFuQ2hCLFdBQVc7UUFDWCxnQkFBZ0I7UUFDaEIsa0JBQWtCO1FBQ2xCLDRCQUE0QjtRQUM1QixnQkFBZ0I7UUFDaEIsa0NBQWtDOzZHQWlDN0IsZUFBZSxZQS9CZjtZQUNMLFlBQVk7WUFDWixZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsZ0JBQWdCO1lBQ2hCLHNCQUFzQjtZQUN0QixrQkFBa0I7WUFDbEIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQiw0QkFBNEI7WUFDNUIsK0JBQStCO1lBQy9CLG1CQUFtQjtZQUNuQixzQkFBc0I7WUFDdEIsa0NBQWtDO1lBQ2xDLHlCQUF5QjtZQUN6QixXQUFXO1lBQ1gsaUJBQWlCO1lBQ2pCLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsNEJBQTRCO1lBQzVCLGdCQUFnQjtTQUNuQixFQXBDRyxXQUFXO1FBQ1gsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQiw0QkFBNEI7UUFDNUIsZ0JBQWdCO1FBQ2hCLGtDQUFrQzsyRkFpQzdCLGVBQWU7a0JBekMzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ0wsV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLGtCQUFrQjt3QkFDbEIsNEJBQTRCO3dCQUM1QixnQkFBZ0I7d0JBQ2hCLGtDQUFrQztxQkFDckM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3dCQUN4QixnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QiwrQkFBK0I7d0JBQy9CLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixrQ0FBa0M7d0JBQ2xDLHlCQUF5Qjt3QkFDekIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qiw0QkFBNEI7d0JBQzVCLGdCQUFnQjtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF2YXRhck1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2F2YXRhci9hdmF0YXIubW9kdWxlJztcbmltcG9ydCB7IFBpbGxzTW9kdWxlIH0gZnJvbSAnLi9waWxscy9waWxscy5tb2R1bGUnO1xuaW1wb3J0IHsgQ29sb3JTd2F0Y2hNb2R1bGUgfSBmcm9tICcuL2NvbG9yLXN3YXRjaC9jb2xvci1zd2F0Y2gubW9kdWxlJztcbmltcG9ydCB7IEljb25Td2F0Y2hNb2R1bGUgfSBmcm9tICcuL2ljb24tc3dhdGNoL2ljb24tc3dhdGNoLm1vZHVsZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1iTW9kdWxlIH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kdWxlJztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kdWxlIH0gZnJvbSAnLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgSDVXaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4vaDUtd2l0aC1pY29uL2g1LXdpdGgtaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSW52b2ljZUxpbmVJdGVtTW9kdWxlIH0gZnJvbSAnLi9pbnZvaWNlLWxpbmUtaXRlbS9pbnZvaWNlLWxpbmUtaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYXJkTW9kdWxlIH0gZnJvbSAnLi9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSB9IGZyb20gJy4vc2Z4LWFjY29yZGlvbi1oZWFkZXIvc2Z4LWFjY29yZGlvbi1oZWFkZXIubW9kdWxlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRNb2R1bGUgfSBmcm9tICcuL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkU3RhdHVzTW9kdWxlIH0gZnJvbSAnLi9maWxlLXVwbG9hZC1zdGF0dXMvZmlsZS11cGxvYWQtc3RhdHVzLm1vZHVsZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4vYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uV2l0aFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuL2ljb24td2l0aC10b29sdGlwL2ljb24td2l0aC10b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlIH0gZnJvbSAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBQaGFzZXJDYXJkTW9kdWxlIH0gZnJvbSAnLi9waGFzZXItY2FyZC9waGFzZXItY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgQWN0aW9uQmFyU2VsZWN0aW9uQ291bnRlck1vZHVsZSB9IGZyb20gJy4vYWN0aW9uLWJhci1zZWxlY3Rpb24tY291bnRlci9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFRleHRhcmVhTW9kdWxlIH0gZnJvbSBcIi4uL2F0b21zL2lucHV0LXRleHRhcmVhL2lucHV0LXRleHRhcmVhLm1vZHVsZVwiO1xuaW1wb3J0IHsgQ2hhcmFjdGVyQ291bnRlck1vZHVsZSB9IGZyb20gXCIuLi9hdG9tcy9jaGFyYWN0ZXItY291bnRlci9jaGFyYWN0ZXItY291bnRlci5tb2R1bGVcIjtcbmltcG9ydCB7IFNldHRpbmdzRGV0YWlsTmF2aWdhdGlvbkl0ZW1Nb2R1bGUgfSBmcm9tICcuL3NldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWl0ZW0vc2V0dGluZ3MtZGV0YWlsLW5hdmlnYXRpb24taXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZHVsZSB9IGZyb20gJy4vZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgVGFic01vZHVsZXMgfSBmcm9tICcuL3RhYnMvdGFicy5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tIFwiLi4vYXRvbXMvaW5wdXQtdG9nZ2xlL2lucHV0LXRvZ2dsZS5tb2R1bGVcIjtcbmltcG9ydCB7IExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSB9IGZyb20gJy4vbGFiZWxsZWQtdG9nZ2xlLWxpc3QvbGFiZWxsZWQtdG9nZ2xlLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IENoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2R1bGUgfSBmcm9tICcuL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWl0ZW0vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZHVsZSB9IGZyb20gJy4vZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgUGlsbHNNb2R1bGUsXG4gICAgICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgICAgIEZlZWRiYWNrQ2FyZE1vZHVsZSxcbiAgICAgICAgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSxcbiAgICAgICAgUGhhc2VyQ2FyZE1vZHVsZSxcbiAgICAgICAgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZVxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEF2YXRhck1vZHVsZSxcbiAgICAgICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgICAgIFBpbGxzTW9kdWxlLFxuICAgICAgICBDb2xvclN3YXRjaE1vZHVsZSxcbiAgICAgICAgSWNvblN3YXRjaE1vZHVsZSxcbiAgICAgICAgQnJlYWRjcnVtYk1vZHVsZSxcbiAgICAgICAgSDVXaXRoSWNvbk1vZHVsZSxcbiAgICAgICAgSW52b2ljZUxpbmVJdGVtTW9kdWxlLFxuICAgICAgICBGZWVkYmFja0NhcmRNb2R1bGUsXG4gICAgICAgIFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSxcbiAgICAgICAgRmlsZVVwbG9hZE1vZHVsZSxcbiAgICAgICAgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSxcbiAgICAgICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgICAgICBCdXR0b25XaXRoSWNvbk1vZHVsZSxcbiAgICAgICAgSWNvbldpdGhUb29sdGlwTW9kdWxlLFxuICAgICAgICBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlLFxuICAgICAgICBBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyTW9kdWxlLFxuICAgICAgICBJbnB1dFRleHRhcmVhTW9kdWxlLFxuICAgICAgICBDaGFyYWN0ZXJDb3VudGVyTW9kdWxlLFxuICAgICAgICBTZXR0aW5nc0RldGFpbE5hdmlnYXRpb25JdGVtTW9kdWxlLFxuICAgICAgICBFZGl0YWJsZVNldHRpbmdJdGVtTW9kdWxlLFxuICAgICAgICBUYWJzTW9kdWxlcyxcbiAgICAgICAgSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgICAgIExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgICAgIExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSxcbiAgICAgICAgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZHVsZSxcbiAgICAgICAgRmlsdGVyVGFic01vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9sZWN1bGVzTW9kdWxlIHt9XG4iXX0=
package/esm2020/lib/organisms/grid-actions/grid-actions.component.mjs CHANGED
@@ -13,7 +13,7 @@ export class GridActionsComponent {
13
13
  }
14
14
  }
15
15
  GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
16
+ GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
18
18
  type: Component,
19
19
  args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs CHANGED
@@ -25,7 +25,7 @@ export class GridControlsComponent {
25
25
  }
26
26
  }
27
27
  GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
28
- GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
28
+ GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
29
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
30
30
  type: Component,
31
31
  args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
package/esm2020/lib/organisms/grid-download/grid-download.component.mjs CHANGED
@@ -13,7 +13,7 @@ export class GridDownloadComponent {
13
13
  }
14
14
  }
15
15
  GridDownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n <div class=\"pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.showGridDownloadButton\"\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [""], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
16
+ GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n <div class=\"pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.showGridDownloadButton\"\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [""], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, decorators: [{
18
18
  type: Component,
19
19
  args: [{ selector: 'symphony-grid-download', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-pb-30\">\n <div class=\"pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.showGridDownloadButton\"\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [""] }]
package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs CHANGED
@@ -23,7 +23,7 @@ export class SidebarNavigationComponent {
23
23
  }
24
24
  }
25
25
  SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
26
- SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
26
+ SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
27
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
28
28
  type: Component,
29
29
  args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs CHANGED
@@ -55,7 +55,7 @@ export class JobListPageComponent {
55
55
  }
56
56
  }
57
57
  JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
58
- JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
58
+ JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
59
59
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
60
60
  type: Component,
61
61
  args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]