@symphony-talent/component-library 4.35.0 → 4.36.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.
- package/esm2020/lib/molecules/editable-setting-item/editable-setting-item.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/editable-setting-item/editable-setting-item.component.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/package.json +1 -1
|
@@ -12,10 +12,10 @@ 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\" 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
|
|
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 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: 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\" 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
|
|
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 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"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], valueChanged: [{
|
|
@@ -12,10 +12,10 @@ 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\" 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
|
|
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 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: 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\" 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
|
|
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 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"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], valueChanged: [{
|
|
@@ -3179,10 +3179,10 @@ class EditableSettingItemComponent {
|
|
|
3179
3179
|
}
|
|
3180
3180
|
}
|
|
3181
3181
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3182
|
-
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
|
|
3182
|
+
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 } });
|
|
3183
3183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3184
3184
|
type: Component,
|
|
3185
|
-
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
|
|
3185
|
+
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"] }]
|
|
3186
3186
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3187
3187
|
type: Input
|
|
3188
3188
|
}], valueChanged: [{
|
|
@@ -3179,10 +3179,10 @@ class EditableSettingItemComponent {
|
|
|
3179
3179
|
}
|
|
3180
3180
|
}
|
|
3181
3181
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3182
|
-
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
|
|
3182
|
+
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 } });
|
|
3183
3183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3184
3184
|
type: Component,
|
|
3185
|
-
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
|
|
3185
|
+
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"] }]
|
|
3186
3186
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3187
3187
|
type: Input
|
|
3188
3188
|
}], valueChanged: [{
|
|
@@ -3177,10 +3177,10 @@ class EditableSettingItemComponent {
|
|
|
3177
3177
|
}
|
|
3178
3178
|
}
|
|
3179
3179
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3180
|
-
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
|
|
3180
|
+
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 } });
|
|
3181
3181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3182
3182
|
type: Component,
|
|
3183
|
-
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
|
|
3183
|
+
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"] }]
|
|
3184
3184
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3185
3185
|
type: Input
|
|
3186
3186
|
}], valueChanged: [{
|
|
@@ -3177,10 +3177,10 @@ class EditableSettingItemComponent {
|
|
|
3177
3177
|
}
|
|
3178
3178
|
}
|
|
3179
3179
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3180
|
-
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
|
|
3180
|
+
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 } });
|
|
3181
3181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3182
3182
|
type: Component,
|
|
3183
|
-
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
|
|
3183
|
+
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"] }]
|
|
3184
3184
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3185
3185
|
type: Input
|
|
3186
3186
|
}], valueChanged: [{
|