@symphony-talent/component-library 4.60.0 → 4.62.0

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

@@ -4578,10 +4578,10 @@ class AdditionalInformationCardListComponent {
     constructor() { }
 }
 AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5 additional-information-list-section\">\n    <div class=\"sfx-mb-20\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n    </div>\n    <ul *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\" class=\"list-unstyled sfx-mb-0\">\n        <li *ngFor=\"let card of model.additionalInformationList\">\n            <symphony-additional-information-card\n                [additionalInformationModel]=\"card\"></symphony-additional-information-card>\n        </li>\n    </ul>\n    <div *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n        class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">{{ model.message }}</div>\n    <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n        <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n</section>", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n  <div class=\"sfx-mb-20\">\n    <symphony-h4>{{ model.title }}</symphony-h4>\n  </div>\n  <ul\n    *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n    class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n  >\n    <li *ngFor=\"let card of model.additionalInformationList\">\n      <symphony-additional-information-card\n        [additionalInformationModel]=\"card\"\n      ></symphony-additional-information-card>\n    </li>\n  </ul>\n  <div\n    *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n    class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n  >\n    {{ model.message }}\n  </div>\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5 additional-information-list-section\">\n    <div class=\"sfx-mb-20\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n    </div>\n    <ul *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\" class=\"list-unstyled sfx-mb-0\">\n        <li *ngFor=\"let card of model.additionalInformationList\">\n            <symphony-additional-information-card\n                [additionalInformationModel]=\"card\"></symphony-additional-information-card>\n        </li>\n    </ul>\n    <div *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n        class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">{{ model.message }}</div>\n    <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n        <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n</section>", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
+            args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n  <div class=\"sfx-mb-20\">\n    <symphony-h4>{{ model.title }}</symphony-h4>\n  </div>\n  <ul\n    *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n    class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n  >\n    <li *ngFor=\"let card of model.additionalInformationList\">\n      <symphony-additional-information-card\n        [additionalInformationModel]=\"card\"\n      ></symphony-additional-information-card>\n    </li>\n  </ul>\n  <div\n    *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n    class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n  >\n    {{ model.message }}\n  </div>\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -4665,10 +4665,10 @@ class AdditionModalComponent {
     }
 }
 AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n", components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength"], outputs: ["textChange"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      [maxlength]=\"model.maxlength\"\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n", components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength"], outputs: ["textChange"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n" }]
+            args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      [maxlength]=\"model.maxlength\"\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], buttonClicked: [{