@symphony-talent/component-library 3.38.4 → 3.41.0

package/fesm2015/symphony-talent-component-library-projects-component-library.mjs

@@ -1932,6 +1932,34 @@ class MultiselectSearchCheckbox {
 class MultiSelectDataModule {
 }
 
+class PhaserComponent {
+    constructor() { }
+}
+PhaserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PhaserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserComponent, selector: "symphony-phaser", inputs: { phaser: "phaser", outlineColor: "outlineColor" }, ngImport: i0, template: "<div>\n  <svg\n    width=\"140\"\n    height=\"140\"\n    viewBox=\"0 0 140 140\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      [class]=\"outlineColor\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      [attr.d]=\"phaser\"\n      fill=\"black\"\n    />\n  </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-phaser', template: "<div>\n  <svg\n    width=\"140\"\n    height=\"140\"\n    viewBox=\"0 0 140 140\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      [class]=\"outlineColor\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      [attr.d]=\"phaser\"\n      fill=\"black\"\n    />\n  </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { phaser: [{
+                type: Input
+            }], outlineColor: [{
+                type: Input
+            }] } });
+
+class PhaserModule {
+}
+PhaserModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PhaserModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserModule, declarations: [PhaserComponent], imports: [CommonModule], exports: [PhaserComponent] });
+PhaserModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PhaserComponent],
+                    imports: [CommonModule],
+                    exports: [PhaserComponent]
+                }]
+        }] });
+
 class AtomsModule {
 }
 AtomsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1962,7 +1990,8 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         SfxProgressBarModule,
         TooltipWrapperModule,
         InputSearchCheckboxDropdownModule,
-        InputChipsModule] });
+        InputChipsModule,
+        PhaserModule] });
 AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
         ContextualMenuModule,
         AvatarModule,
@@ -1990,7 +2019,8 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         SfxProgressBarModule,
         TooltipWrapperModule,
         InputSearchCheckboxDropdownModule,
-        InputChipsModule] });
+        InputChipsModule,
+        PhaserModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2024,7 +2054,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         SfxProgressBarModule,
                         TooltipWrapperModule,
                         InputSearchCheckboxDropdownModule,
-                        InputChipsModule
+                        InputChipsModule,
+                        PhaserModule
                     ]
                 }]
         }] });
@@ -2473,6 +2504,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class PhaserCardComponent {
+    constructor() { }
+}
+PhaserCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PhaserCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserCardComponent, selector: "symphony-phaser-card", inputs: { model: "model", cardHeightPx: "cardHeightPx", cardWidthPx: "cardWidthPx" }, ngImport: i0, template: "<div\n  *ngIf=\"model\"\n  class=\"card-item-wrapper\"\n  [style.height.px]=\"cardHeightPx\"\n  [style.width.px]=\"cardWidthPx\"\n>\n  <div class=\"card-item\">\n    <div class=\"card-phaser-wrapper snapIn\" [class]=\"model.backgroundColor\">\n      <symphony-phaser\n        [phaser]=\"model.phaserState\"\n        [outlineColor]=\"model.phaserOutlineColor\"\n      ></symphony-phaser>\n    </div>\n\n    <div class=\"card-content-wrapper snapInContent\">\n      <div class=\"card-title-wrap sfx-d-flex\">\n        <div class=\"card-icon\">\n          <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n        </div>\n        <div class=\"card-title\">\n          <symphony-h5\n            [text]=\"model.eyebrowText\"\n            title=\"{{ model.eyebrowText }}\"\n            class=\"sfx-ellipse\"\n          ></symphony-h5>\n        </div>\n      </div>\n      <div class=\"card-description\">\n        <symphony-h3\n          [text]=\"model.messageBody\"\n          title=\"{{ model.messageBody }}\"\n        ></symphony-h3>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040;height:420px}.card-item-wrapper .card-phaser-wrapper{height:200px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;cursor:pointer;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snapIn{animation:snapIn .75s ease-in-out 0s}@keyframes snapIn{0%{height:420px}25%{height:190px}50%{height:195px}to{height:200px}}.snapInContent{animation:snapInContent .75s ease-in-out 0s}@keyframes snapInContent{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"], components: [{ type: PhaserComponent, selector: "symphony-phaser", inputs: ["phaser", "outlineColor"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-phaser-card', encapsulation: ViewEncapsulation.None, template: "<div\n  *ngIf=\"model\"\n  class=\"card-item-wrapper\"\n  [style.height.px]=\"cardHeightPx\"\n  [style.width.px]=\"cardWidthPx\"\n>\n  <div class=\"card-item\">\n    <div class=\"card-phaser-wrapper snapIn\" [class]=\"model.backgroundColor\">\n      <symphony-phaser\n        [phaser]=\"model.phaserState\"\n        [outlineColor]=\"model.phaserOutlineColor\"\n      ></symphony-phaser>\n    </div>\n\n    <div class=\"card-content-wrapper snapInContent\">\n      <div class=\"card-title-wrap sfx-d-flex\">\n        <div class=\"card-icon\">\n          <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n        </div>\n        <div class=\"card-title\">\n          <symphony-h5\n            [text]=\"model.eyebrowText\"\n            title=\"{{ model.eyebrowText }}\"\n            class=\"sfx-ellipse\"\n          ></symphony-h5>\n        </div>\n      </div>\n      <div class=\"card-description\">\n        <symphony-h3\n          [text]=\"model.messageBody\"\n          title=\"{{ model.messageBody }}\"\n        ></symphony-h3>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040;height:420px}.card-item-wrapper .card-phaser-wrapper{height:200px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;cursor:pointer;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snapIn{animation:snapIn .75s ease-in-out 0s}@keyframes snapIn{0%{height:420px}25%{height:190px}50%{height:195px}to{height:200px}}.snapInContent{animation:snapInContent .75s ease-in-out 0s}@keyframes snapInContent{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], cardHeightPx: [{
+                type: Input
+            }], cardWidthPx: [{
+                type: Input
+            }] } });
+
+class PhaserCardModule {
+}
+PhaserCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PhaserCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardModule, declarations: [PhaserCardComponent], imports: [CommonModule,
+        IconModule,
+        H3Module,
+        H5Module,
+        ParagraphModule,
+        PhaserModule], exports: [PhaserCardComponent] });
+PhaserCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardModule, imports: [[
+            CommonModule,
+            IconModule,
+            H3Module,
+            H5Module,
+            ParagraphModule,
+            PhaserModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PhaserCardComponent],
+                    imports: [
+                        CommonModule,
+                        IconModule,
+                        H3Module,
+                        H5Module,
+                        ParagraphModule,
+                        PhaserModule
+                    ],
+                    exports: [PhaserCardComponent]
+                }]
+        }] });
+
 class ColorSampleComponent {
     constructor() { }
     ngOnInit() {
@@ -2480,10 +2560,10 @@ class ColorSampleComponent {
     }
 }
 ColorSampleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColorSampleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSampleComponent, selector: "symphony-color-sample", inputs: { color: "color" }, ngImport: i0, template: "<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color === 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ColorSampleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSampleComponent, selector: "symphony-color-sample", inputs: { color: "color" }, ngImport: i0, template: "<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color === 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSampleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-color-sample', template: "<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color === 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"] }]
+            args: [{ selector: 'symphony-color-sample', template: "<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color === 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { color: [{
                 type: Input
             }] } });
@@ -2720,7 +2800,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         DocumentManagementItemModule], exports: [PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
-        DocumentManagementItemModule] });
+        DocumentManagementItemModule,
+        PhaserCardModule] });
 MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
             CommonModule,
             AvatarModule,
@@ -2742,7 +2823,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         ], PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
-        DocumentManagementItemModule] });
+        DocumentManagementItemModule,
+        PhaserCardModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2770,7 +2852,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         PillsModule,
                         BreadcrumbModule,
                         FeedbackCardModule,
-                        DocumentManagementItemModule
+                        DocumentManagementItemModule,
+                        PhaserCardModule
                     ]
                 }]
         }] });
@@ -2981,7 +3064,7 @@ class UploadResumeModalComponent {
         this.docTypeDropdowChange.emit(selectedModel.value);
     }
     onResumeCheckSelect(updateResumeCheckEvent) {
-        this.updateResumeChecked.emit(updateResumeCheckEvent.label);
+        this.updateResumeChecked.emit(updateResumeCheckEvent);
     }
 }
 UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -4969,15 +5052,15 @@ class InvoiceAreaComponent {
     constructor() {
         this.model = {
             lineItems: [],
-            title: '',
+            jobsToAdvertise: '',
         };
     }
 }
 InvoiceAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InvoiceAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"job-type-summary sfx-px-20\">\n  <div class=\"job-type-title\">\n    <symphony-h5 [text]=\"model.title\"></symphony-h5>\n  </div>\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</div>\n", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+InvoiceAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"job-type-summary sfx-px-20\">\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <div class=\"sfx-mb-20\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n  <span>{{model.jobsToAdvertise}}</span>\n  <div class=\"job-bold-txt\">\n    <symphony-invoice-line-item\n    [model]=\"model.subTotal\"\n  ></symphony-invoice-line-item>\n  </div>\n</div>", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9;padding-bottom:.3rem}.job-bold-txt .body-copy-primary{font-family:neuzeit_groteskbold,sans-serif}\n"], components: [{ type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-invoice-area', template: "<div class=\"job-type-summary sfx-px-20\">\n  <div class=\"job-type-title\">\n    <symphony-h5 [text]=\"model.title\"></symphony-h5>\n  </div>\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</div>\n", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9}\n"] }]
+            args: [{ selector: 'symphony-invoice-area', encapsulation: ViewEncapsulation.None, template: "<div class=\"job-type-summary sfx-px-20\">\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <div class=\"sfx-mb-20\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n  <span>{{model.jobsToAdvertise}}</span>\n  <div class=\"job-bold-txt\">\n    <symphony-invoice-line-item\n    [model]=\"model.subTotal\"\n  ></symphony-invoice-line-item>\n  </div>\n</div>", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9;padding-bottom:.3rem}.job-bold-txt .body-copy-primary{font-family:neuzeit_groteskbold,sans-serif}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -4991,10 +5074,10 @@ class OrderSummaryComponent {
     }
 }
 OrderSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrderSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OrderSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</section>\n", styles: [""], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+OrderSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <div class=\"total-wrap sfx-pb-10\" *ngIf=\"model.invoiceAreas.length > 0\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n</section>\n", styles: [".total-wrap{border-bottom:1px solid #000}.total-wrap .text-right p{font-family:neuzeit_groteskbold,sans-serif}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrderSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-order-summary', template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</section>\n", styles: [""] }]
+            args: [{ selector: 'symphony-order-summary', encapsulation: ViewEncapsulation.None, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <div class=\"total-wrap sfx-pb-10\" *ngIf=\"model.invoiceAreas.length > 0\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n</section>\n", styles: [".total-wrap{border-bottom:1px solid #000}.total-wrap .text-right p{font-family:neuzeit_groteskbold,sans-serif}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -5029,12 +5112,15 @@ class AdvertiseModalComponent {
     ngOnInit() {
         this.initialiseDefaultValues();
         this.updateModalHeader();
-        this.updateOrderSummary();
+        const selectedJobBoards = this.model.jobBoards.filter((jb) => jb.isSelected).length;
+        if (selectedJobBoards > 0) {
+            this.updateOrderSummary();
+        }
         this.cancelContent = {
             title: 'Are you sure you want to abandon your order?',
             content: 'All selections will be deleted and you will have to start over.',
             btnPrimary: 'Continue Order',
-            btnSecondary: 'Abandon Order'
+            btnSecondary: 'Abandon Order',
         };
     }
     ngOnChanges(changes) {
@@ -5045,29 +5131,8 @@ class AdvertiseModalComponent {
         this.jobCount = this.model.jobsToAdvertise.length;
         this.orderSummary = {
             title: 'Your Order',
-            invoiceAreas: [
-                {
-                    lineItems: [],
-                    title: 'Pay-Per-Click',
-                    total: {
-                        textLeft: 'Cost Programatic Boards',
-                        textRight: `x (${this.jobCount}) Jobs = $0`
-                    }
-                },
-                {
-                    lineItems: [],
-                    title: 'Job Boards',
-                    total: {
-                        textLeft: 'Cost Job Boards',
-                        textRight: `x (${this.jobCount}) Jobs = $0`
-                    }
-                }
-            ],
-            total: {
-                textLeft: '',
-                textRight: '$0',
-                label: 'Total:'
-            }
+            invoiceAreas: [],
+            total: {},
         };
     }
     updateModalHeader() {
@@ -5111,7 +5176,8 @@ class AdvertiseModalComponent {
         this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.forEach(li => {
             invoiceAreaTotal = invoiceAreaTotal + +li.textRight.replace('$', '');
         });
-        this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `x (${this.model.jobsToAdvertise.length}) Jobs = $${invoiceAreaTotal * this.model.jobsToAdvertise.length}`;
+        this.orderSummary.invoiceAreas[invoiceAreaIndex].subTotal.textRight = `$${invoiceAreaTotal * this.model.jobsToAdvertise.length}`;
+        this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `$${invoiceAreaTotal}`;
         return invoiceAreaTotal * this.model.jobsToAdvertise.length;
     }
     calculateOrderTotal(payPerClickAreaTotal, jobBoardAreaTotal) {
@@ -5120,14 +5186,46 @@ class AdvertiseModalComponent {
         const jobToAdvertiseCount = this.model.jobsToAdvertise.length;
         const orderSummaryText = `(${selectedJobBoards}) Boards x ${this.model.jobsToAdvertise.length} Jobs = (${selectedJobBoards * jobToAdvertiseCount}) Ads`;
         this.orderSummary.total = {
-            label: 'Total:',
-            textLeft: orderSummaryText,
+            label: 'Current Total',
+            textLeft: '',
             textRight: `$${payPerClickAreaTotal + jobBoardAreaTotal}`
         };
     }
     updateOrderSummary() {
-        this.orderSummary.invoiceAreas[0].lineItems = [];
-        this.orderSummary.invoiceAreas[1].lineItems = [];
+        this.orderSummary = {
+            title: 'Your Order',
+            invoiceAreas: [
+                {
+                    lineItems: [],
+                    total: {
+                        textLeft: 'Pay-Per-Click Sites, Subtotal Per Job:',
+                        textRight: ``
+                    },
+                    subTotal: {
+                        textLeft: 'Pay-Per-Click Sites Subtotal',
+                        textRight: `x (${this.jobCount}) Jobs = $0`
+                    },
+                    jobsToAdvertise: `x (${this.model.jobsToAdvertise.length}) Jobs Selected`
+                },
+                {
+                    lineItems: [],
+                    subTotal: {
+                        textLeft: 'Job Boards Subtotal',
+                        textRight: `x (${this.jobCount}) Jobs = $0`
+                    },
+                    total: {
+                        textLeft: 'Duration Job Boards, Subtotal Per Job:',
+                        textRight: ``
+                    },
+                    jobsToAdvertise: `x (${this.model.jobsToAdvertise.length}) Jobs Selected`
+                }
+            ],
+            total: {
+                textLeft: '',
+                textRight: '',
+                label: 'Current Total'
+            },
+        };
         this.model.jobBoards.forEach(jb => {
             if (jb.isSelected) {
                 if (jb.isPayPerClick) {
@@ -5953,5 +6051,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
+export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map