@symphony-talent/component-library 4.34.0 → 4.36.0

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

@@ -3177,10 +3177,10 @@ class EditableSettingItemComponent {
     }
 }
 EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": TrimIdPipe } });
+EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n      placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": TrimIdPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"] }]
+            args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n      placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
                 type: Input
             }], valueChanged: [{