@dignite-ng/expand.dynamic-form 3.1.3 → 3.1.4
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/esm2022/lib/components/form/tree/tree-config.component.mjs +1 -1
- package/esm2022/lib/components/form/tree/tree-control.component.mjs +1 -1
- package/esm2022/lib/components/form/tree/tree-search.component.mjs +3 -3
- package/esm2022/lib/components/form/tree/tree-view.component.mjs +1 -1
- package/fesm2022/dignite-ng-expand.dynamic-form.mjs +2 -2
- package/fesm2022/dignite-ng-expand.dynamic-form.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -2335,11 +2335,11 @@ class TreeSearchComponent {
|
|
|
2335
2335
|
console.log($event);
|
|
2336
2336
|
}
|
|
2337
2337
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TreeSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2338
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TreeSearchComponent, selector: "df-tree-search", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label
|
|
2338
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TreeSearchComponent, selector: "df-tree-search", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, host: { classAttribute: "df-tree-search-component" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>111\r\n <!-- <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n </nz-select>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <select class=\"form-select\" [multiple]=\"false\" [placeholder]=\"formConfiguration['Select.NullText']\" formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n <option [value]=\"item.Value\">{{item.Text}}</option>\r\n </ng-container>\r\n </select>\r\n </ng-template> -->\r\n <!-- <small class=\"form-text text-muted d-block\"\r\n *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n\r\n <nz-tree-select class=\"form-select dignite-form-tree-select \" [nzMaxTagCount]=\"1\"\r\n nzShowSearch [nzMultiple]=\"_fields?.field?.formConfiguration?.['TreeView.Multiple'] || false\" \r\n formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" \r\n [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\" [nzNodes]=\"nodes\" \r\n nzDefaultExpandAll (ngModelChange)=\"onChange($event)\"></nz-tree-select>\r\n </div>\r\n\r\n </div>\r\n <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$2.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }] }); }
|
|
2339
2339
|
}
|
|
2340
2340
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TreeSearchComponent, decorators: [{
|
|
2341
2341
|
type: Component,
|
|
2342
|
-
args: [{ selector: 'df-tree-search', template: "<form [formGroup]=\"_entity\">\r\n <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label
|
|
2342
|
+
args: [{ selector: 'df-tree-search', host: { 'class': 'df-tree-search-component' }, template: "<form [formGroup]=\"_entity\">\r\n <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>111\r\n <!-- <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n </nz-select>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <select class=\"form-select\" [multiple]=\"false\" [placeholder]=\"formConfiguration['Select.NullText']\" formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n <option [value]=\"item.Value\">{{item.Text}}</option>\r\n </ng-container>\r\n </select>\r\n </ng-template> -->\r\n <!-- <small class=\"form-text text-muted d-block\"\r\n *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n\r\n <nz-tree-select class=\"form-select dignite-form-tree-select \" [nzMaxTagCount]=\"1\"\r\n nzShowSearch [nzMultiple]=\"_fields?.field?.formConfiguration?.['TreeView.Multiple'] || false\" \r\n formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" \r\n [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\" [nzNodes]=\"nodes\" \r\n nzDefaultExpandAll (ngModelChange)=\"onChange($event)\"></nz-tree-select>\r\n </div>\r\n\r\n </div>\r\n <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\n"] }]
|
|
2343
2343
|
}], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { fields: [{
|
|
2344
2344
|
type: Input
|
|
2345
2345
|
}], parentFiledName: [{
|