@symphony-talent/component-library 4.193.0 → 4.194.0

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

@@ -7870,10 +7870,10 @@ class SaveSearchModalComponent {
     }
 }
 SaveSearchModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SaveSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SaveSearchModalComponent, selector: "symphony-save-search-modal", inputs: { model: "model" }, outputs: { saveClicked: "saveClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{ model?.title }}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onClose()\"></symphony-icon>\n\n  <!-- Loading State -->\n  <section *ngIf=\"model?.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </section>\n\n  <!-- Error State -->\n  <section *ngIf=\"!model?.isLoading && model?.hasError\" class=\"sfx-p-30\" sfx-modal-body-area>\n     <div class=\"sfx-d-flex gap-10\">\n        <symphony-icon [size]=\"'18px'\" [iconColor]=\"'#AC4463'\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n        <symphony-paragraph>{{ model?.errorText }}</symphony-paragraph>\n     </div>\n  </section>\n\n  <!-- Default State -->\n  <section *ngIf=\"!model?.isLoading && !model?.hasError\" class=\"sfx-p-30\" sfx-modal-body-area>\n    <symphony-paragraph>{{ model?.bodyText }}</symphony-paragraph>\n    <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n  </section>\n\n  <symphony-button-v2\n    sfx-button-secondary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.cancelButtonText || 'Close'\"\n    [isSecondary]=\"true\"\n    (clicked)=\"onClose()\"\n  ></symphony-button-v2>\n  <symphony-button-v2\n    sfx-button-primary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.confirmButtonText || 'Save'\"\n    (clicked)=\"onSave()\"\n  ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".gap-10{gap:10px}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SaveSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SaveSearchModalComponent, selector: "symphony-save-search-modal", inputs: { model: "model" }, outputs: { saveClicked: "saveClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{ model?.title }}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onClose()\"></symphony-icon>\n\n  <!-- Loading State -->\n  <section *ngIf=\"model?.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </section>\n\n  <!-- Default State -->\n  <section *ngIf=\"!model?.isLoading\" class=\"sfx-p-30\" sfx-modal-body-area>\n    <symphony-paragraph>{{ model?.bodyText }}</symphony-paragraph>\n    <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n     <div class=\"sfx-d-flex gap-10\" *ngIf=\"model?.errorText\">\n        <symphony-icon [size]=\"'18px'\" [iconColor]=\"'#AC4463'\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n        <symphony-paragraph>{{ model?.errorText }}</symphony-paragraph>\n     </div>    \n  </section>\n\n  <symphony-button-v2\n    sfx-button-secondary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.cancelButtonText || 'Close'\"\n    [isSecondary]=\"true\"\n    (clicked)=\"onClose()\"\n  ></symphony-button-v2>\n  <symphony-button-v2\n    sfx-button-primary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.confirmButtonText || 'Save'\"\n    [disabled]=\"model?.isSaveDisabled\"\n    (clicked)=\"onSave()\"\n  ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".gap-10{gap:10px}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SaveSearchModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-save-search-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{ model?.title }}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onClose()\"></symphony-icon>\n\n  <!-- Loading State -->\n  <section *ngIf=\"model?.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </section>\n\n  <!-- Error State -->\n  <section *ngIf=\"!model?.isLoading && model?.hasError\" class=\"sfx-p-30\" sfx-modal-body-area>\n     <div class=\"sfx-d-flex gap-10\">\n        <symphony-icon [size]=\"'18px'\" [iconColor]=\"'#AC4463'\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n        <symphony-paragraph>{{ model?.errorText }}</symphony-paragraph>\n     </div>\n  </section>\n\n  <!-- Default State -->\n  <section *ngIf=\"!model?.isLoading && !model?.hasError\" class=\"sfx-p-30\" sfx-modal-body-area>\n    <symphony-paragraph>{{ model?.bodyText }}</symphony-paragraph>\n    <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n  </section>\n\n  <symphony-button-v2\n    sfx-button-secondary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.cancelButtonText || 'Close'\"\n    [isSecondary]=\"true\"\n    (clicked)=\"onClose()\"\n  ></symphony-button-v2>\n  <symphony-button-v2\n    sfx-button-primary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.confirmButtonText || 'Save'\"\n    (clicked)=\"onSave()\"\n  ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".gap-10{gap:10px}\n"] }]
+            args: [{ selector: 'symphony-save-search-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{ model?.title }}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onClose()\"></symphony-icon>\n\n  <!-- Loading State -->\n  <section *ngIf=\"model?.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </section>\n\n  <!-- Default State -->\n  <section *ngIf=\"!model?.isLoading\" class=\"sfx-p-30\" sfx-modal-body-area>\n    <symphony-paragraph>{{ model?.bodyText }}</symphony-paragraph>\n    <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n     <div class=\"sfx-d-flex gap-10\" *ngIf=\"model?.errorText\">\n        <symphony-icon [size]=\"'18px'\" [iconColor]=\"'#AC4463'\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n        <symphony-paragraph>{{ model?.errorText }}</symphony-paragraph>\n     </div>    \n  </section>\n\n  <symphony-button-v2\n    sfx-button-secondary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.cancelButtonText || 'Close'\"\n    [isSecondary]=\"true\"\n    (clicked)=\"onClose()\"\n  ></symphony-button-v2>\n  <symphony-button-v2\n    sfx-button-primary\n    class=\"pull-right sfx-d-flex\"\n    [text]=\"model?.confirmButtonText || 'Save'\"\n    [disabled]=\"model?.isSaveDisabled\"\n    (clicked)=\"onSave()\"\n  ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".gap-10{gap:10px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], saveClicked: [{