@symphony-talent/component-library 4.23.0 → 4.24.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.
@@ -12,13 +12,13 @@ export class EditableSettingItemComponent {
12
12
  }
13
13
  }
14
14
  EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- 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\">\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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
15
+ 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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
17
17
  type: Component,
18
- 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\">\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"] }]
18
+ 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"] }]
19
19
  }], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
20
20
  type: Input
21
21
  }], valueChanged: [{
22
22
  type: Output
23
23
  }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2VkaXRhYmxlLXNldHRpbmctaXRlbS9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDO1FBRlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUV2RCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyx3QkFBa0Q7UUFDOUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOzt5SEFSVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixtTENSekMscWtCQWVBOzJGRFBhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSxnQ0FBZ0M7MEVBS2pDLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZVNldHRpbmdJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsOiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25WYWx1ZUNoYW5nZShlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw6IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCkge1xuICAgIHRoaXMudmFsdWVDaGFuZ2VkLmVtaXQoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlZGl0YWJsZS1zZXR0aW5nLXdyYXAgc2Z4LW1iLTIwXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcHQtMTBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiPlxuICAgICAge3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB9fTwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImVkaXRhYmxlLWlucHV0XCI+XG4gICAgPGlucHV0XG4gICAgICBpZD1cImVkaXRhYmxlLWlucHV0LWl0ZW0te3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB8IHRyaW1JZH19XCJcbiAgICAgIHR5cGU9XCJ7eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0lucHV0VHlwZSB9fVwiXG4gICAgICBbKG5nTW9kZWwpXT1cImVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbC5zZXR0aW5nSW5wdXRWYWx1ZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKGVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbClcIlxuICAgIC8+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2VkaXRhYmxlLXNldHRpbmctaXRlbS9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDO1FBRlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUV2RCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyx3QkFBa0Q7UUFDOUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOzt5SEFSVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixtTENSekMscXBCQWVBOzJGRFBhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSxnQ0FBZ0M7MEVBS2pDLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZVNldHRpbmdJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsOiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25WYWx1ZUNoYW5nZShlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw6IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCkge1xuICAgIHRoaXMudmFsdWVDaGFuZ2VkLmVtaXQoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlZGl0YWJsZS1zZXR0aW5nLXdyYXAgc2Z4LW1iLTIwXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcHQtMTBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiIGlkPVwiZWRpdGFibGUtaW5wdXQtbGFiZWwte3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB8IHRyaW1JZH19XCI+XG4gICAgICB7eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0xhYmVsIH19PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgICA+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZWRpdGFibGUtaW5wdXRcIj5cbiAgICA8aW5wdXRcbiAgICAgIGlkPVwiZWRpdGFibGUtaW5wdXQtaXRlbS17eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0xhYmVsIHwgdHJpbUlkfX1cIlxuICAgICAgdHlwZT1cInt7IGVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbC5zZXR0aW5nSW5wdXRUeXBlIH19XCJcbiAgICAgIFsobmdNb2RlbCldPVwiZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdJbnB1dFZhbHVlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2UoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKVwiXG4gICAgLz5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
@@ -12,13 +12,13 @@ export class EditableSettingItemComponent {
12
12
  }
13
13
  }
14
14
  EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- 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\">\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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
15
+ 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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
17
17
  type: Component,
18
- 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\">\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"] }]
18
+ 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"] }]
19
19
  }], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
20
20
  type: Input
21
21
  }], valueChanged: [{
22
22
  type: Output
23
23
  }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2VkaXRhYmxlLXNldHRpbmctaXRlbS9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDO1FBRlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUV2RCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyx3QkFBa0Q7UUFDOUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOzt5SEFSVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixtTENSekMscWtCQWVBOzJGRFBhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSxnQ0FBZ0M7MEVBS2pDLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZVNldHRpbmdJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsOiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25WYWx1ZUNoYW5nZShlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw6IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCkge1xuICAgIHRoaXMudmFsdWVDaGFuZ2VkLmVtaXQoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlZGl0YWJsZS1zZXR0aW5nLXdyYXAgc2Z4LW1iLTIwXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcHQtMTBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiPlxuICAgICAge3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB9fTwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImVkaXRhYmxlLWlucHV0XCI+XG4gICAgPGlucHV0XG4gICAgICBpZD1cImVkaXRhYmxlLWlucHV0LWl0ZW0te3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB8IHRyaW1JZH19XCJcbiAgICAgIHR5cGU9XCJ7eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0lucHV0VHlwZSB9fVwiXG4gICAgICBbKG5nTW9kZWwpXT1cImVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbC5zZXR0aW5nSW5wdXRWYWx1ZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKGVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbClcIlxuICAgIC8+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2VkaXRhYmxlLXNldHRpbmctaXRlbS9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDO1FBRlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUV2RCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyx3QkFBa0Q7UUFDOUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOzt5SEFSVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixtTENSekMscXBCQWVBOzJGRFBhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSxnQ0FBZ0M7MEVBS2pDLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0uY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZVNldHRpbmdJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsOiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25WYWx1ZUNoYW5nZShlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw6IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCkge1xuICAgIHRoaXMudmFsdWVDaGFuZ2VkLmVtaXQoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlZGl0YWJsZS1zZXR0aW5nLXdyYXAgc2Z4LW1iLTIwXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcHQtMTBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiIGlkPVwiZWRpdGFibGUtaW5wdXQtbGFiZWwte3sgZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdMYWJlbCB8IHRyaW1JZH19XCI+XG4gICAgICB7eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0xhYmVsIH19PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgICA+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZWRpdGFibGUtaW5wdXRcIj5cbiAgICA8aW5wdXRcbiAgICAgIGlkPVwiZWRpdGFibGUtaW5wdXQtaXRlbS17eyBlZGl0YWJsZVNldHRpbmdJdGVtTW9kZWwuc2V0dGluZ0xhYmVsIHwgdHJpbUlkfX1cIlxuICAgICAgdHlwZT1cInt7IGVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbC5zZXR0aW5nSW5wdXRUeXBlIH19XCJcbiAgICAgIFsobmdNb2RlbCldPVwiZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsLnNldHRpbmdJbnB1dFZhbHVlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2UoZWRpdGFibGVTZXR0aW5nSXRlbU1vZGVsKVwiXG4gICAgLz5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
@@ -3091,10 +3091,10 @@ class EditableSettingItemComponent {
3091
3091
  }
3092
3092
  }
3093
3093
  EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3094
- 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\">\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 } });
3094
+ 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 } });
3095
3095
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
3096
3096
  type: Component,
3097
- 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\">\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"] }]
3097
+ 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"] }]
3098
3098
  }], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
3099
3099
  type: Input
3100
3100
  }], valueChanged: [{