ngx-histaff-alpha 6.7.2 → 6.7.4

package/fesm2022/{ngx-histaff-alpha-ai-hint-for-table.component-C6gNt7ID.mjs → ngx-histaff-alpha-ai-hint-for-table.component-Dkf1D2TC.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { input, signal, inject, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { B as BaseComponent, q as DbService, n as CoreWorkflowService, e as TranslatePipe, T as TooltipDirective } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch_L3NjN.mjs';
+import { B as BaseComponent, q as DbService, n as CoreWorkflowService, e as TranslatePipe, T as TooltipDirective } from './ngx-histaff-alpha-ngx-histaff-alpha-Bq_o4nyJ.mjs';
 import { take } from 'rxjs';
 
 class AiHintForTableComponent extends BaseComponent {
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { AiHintForTableComponent };
-//# sourceMappingURL=ngx-histaff-alpha-ai-hint-for-table.component-C6gNt7ID.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ai-hint-for-table.component-Dkf1D2TC.mjs.map

package/fesm2022/{ngx-histaff-alpha-ai-hint-for-table.component-C6gNt7ID.mjs.map → ngx-histaff-alpha-ai-hint-for-table.component-Dkf1D2TC.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-ai-hint-for-table.component-C6gNt7ID.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core';\r\nimport { IWorkflowSchemaTable } from '../../interfaces/IWorkflowSchema';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslatePipe } from '../../../../app-pipes/translate.pipe';\r\nimport { TooltipDirective } from '../../../tooltip/tooltip.directive';\r\nimport { BaseComponent } from '../../../base-component/base/base.component';\r\nimport { DbService } from '../../../../services/db.service';\r\nimport { CoreWorkflowService } from '../../core-workflow.service';\r\nimport { take } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ai-hint-for-table',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    TranslatePipe,\r\n    TooltipDirective,\r\n    ReactiveFormsModule,\r\n  ],\r\n  templateUrl: './ai-hint-for-table.component.html',\r\n  styleUrl: './ai-hint-for-table.component.scss'\r\n})\r\nexport class AiHintForTableComponent extends BaseComponent {\r\n  $table = input.required<IWorkflowSchemaTable>()\r\n\r\n  $editing = signal(false);\r\n  hintControl = new FormControl('');\r\n\r\n  dbs = inject(DbService);\r\n  wfs = inject(CoreWorkflowService);\r\n\r\n  override ngOnInit() {\r\n    this.subscriptions.push(\r\n      this.mls.lang$.subscribe(x => this.lang = x)\r\n    )\r\n    this.hintControl.setValue(this.$table().hintForAi || '');\r\n  }\r\n\r\n  startEditing(): void {\r\n    this.$editing.set(true);\r\n  }\r\n\r\n  save(): void {\r\n    this.$editing.set(false);\r\n    this.wfs.$workflowDbSchema.update(current => {\r\n      const founds = current.filter(x => x.id === this.$table().id);\r\n      if (founds) {\r\n        founds[0].hintForAi = this.hintControl.getRawValue() ?? ''\r\n      }\r\n      return [...current];\r\n    })\r\n          this.dbs.updateTableHint(this.$table().table, this.hintControl.getRawValue() ?? '')\r\n          .pipe(take(1))\r\n          .subscribe({\r\n            next: () => console.log('Hint saved'),\r\n            error: err => console.error('Failed to save hint', err)\r\n          });\r\n  }\r\n}\r\n","<span class=\"ai-table-hint-wrapper\">\r\n  @if (!$editing()) {\r\n    <i\r\n        class=\"feather feather-more-vertical ai-table-icon\"\r\n        [appTooltip]=\"'Edit Hint for AI' | translate : lang\" [showAnyway]=\"true\"\r\n        (click)=\"startEditing()\">\r\n    </i>\r\n  } @else {\r\n    <input\r\n      type=\"text\"\r\n      class=\"form-control form-control-sm ai-table-hint-input\"\r\n      [formControl]=\"hintControl\"\r\n      (blur)=\"save()\"\r\n      (keydown.enter)=\"save()\" />\r\n  }\r\n</span>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-histaff-alpha-ai-hint-for-table.component-Dkf1D2TC.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core';\r\nimport { IWorkflowSchemaTable } from '../../interfaces/IWorkflowSchema';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslatePipe } from '../../../../app-pipes/translate.pipe';\r\nimport { TooltipDirective } from '../../../tooltip/tooltip.directive';\r\nimport { BaseComponent } from '../../../base-component/base/base.component';\r\nimport { DbService } from '../../../../services/db.service';\r\nimport { CoreWorkflowService } from '../../core-workflow.service';\r\nimport { take } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ai-hint-for-table',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    TranslatePipe,\r\n    TooltipDirective,\r\n    ReactiveFormsModule,\r\n  ],\r\n  templateUrl: './ai-hint-for-table.component.html',\r\n  styleUrl: './ai-hint-for-table.component.scss'\r\n})\r\nexport class AiHintForTableComponent extends BaseComponent {\r\n  $table = input.required<IWorkflowSchemaTable>()\r\n\r\n  $editing = signal(false);\r\n  hintControl = new FormControl('');\r\n\r\n  dbs = inject(DbService);\r\n  wfs = inject(CoreWorkflowService);\r\n\r\n  override ngOnInit() {\r\n    this.subscriptions.push(\r\n      this.mls.lang$.subscribe(x => this.lang = x)\r\n    )\r\n    this.hintControl.setValue(this.$table().hintForAi || '');\r\n  }\r\n\r\n  startEditing(): void {\r\n    this.$editing.set(true);\r\n  }\r\n\r\n  save(): void {\r\n    this.$editing.set(false);\r\n    this.wfs.$workflowDbSchema.update(current => {\r\n      const founds = current.filter(x => x.id === this.$table().id);\r\n      if (founds) {\r\n        founds[0].hintForAi = this.hintControl.getRawValue() ?? ''\r\n      }\r\n      return [...current];\r\n    })\r\n          this.dbs.updateTableHint(this.$table().table, this.hintControl.getRawValue() ?? '')\r\n          .pipe(take(1))\r\n          .subscribe({\r\n            next: () => console.log('Hint saved'),\r\n            error: err => console.error('Failed to save hint', err)\r\n          });\r\n  }\r\n}\r\n","<span class=\"ai-table-hint-wrapper\">\r\n  @if (!$editing()) {\r\n    <i\r\n        class=\"feather feather-more-vertical ai-table-icon\"\r\n        [appTooltip]=\"'Edit Hint for AI' | translate : lang\" [showAnyway]=\"true\"\r\n        (click)=\"startEditing()\">\r\n    </i>\r\n  } @else {\r\n    <input\r\n      type=\"text\"\r\n      class=\"form-control form-control-sm ai-table-hint-input\"\r\n      [formControl]=\"hintControl\"\r\n      (blur)=\"save()\"\r\n      (keydown.enter)=\"save()\" />\r\n  }\r\n</span>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-histaff-alpha-core-form-design.component-CgJL6bNn.mjs → ngx-histaff-alpha-core-form-design.component-DaeaSWxa.mjs}

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, Component, signal, effect, HostListener, ChangeDetectionStrategy, Injectable, computed, Input, viewChild, EventEmitter, Output, ViewContainerRef, input, Renderer2, isDevMode } from '@angular/core';
 import { trigger, state, transition, style, animate } from '@angular/animations';
-import { y as CoreFormDesignService, n as CoreWorkflowService, h as BaseEditComponent, b as AlertService, a as AppConfigService, W as EnumCorePageEditMode, _ as EnumCoreButtonVNSCode, $ as READONLY_WORKFLOW_FIELDS, a0 as noneAutoClosedAlertOptions, i as DialogService, M as MultiLanguageService, d as CorePageHeaderComponent, X as CoreFormComponent, a1 as CoreButtonGroupVnsComponent, e as TranslatePipe, E as EnumFormBaseContolType, B as BaseComponent, w as alertOptions, k as EnumCoreTablePipeType, l as CoreCheckboxComponent, a2 as CoreDropdownComponent, o as EnumCoreFormControlSeekerSourceType, a3 as EnumFilterOperator, L as CoreRadioGroupComponent, q as DbService, N as GptService, Q as CoreStickerCollectionComponent, a4 as CoreDomDecisionEditorComponent, T as TooltipDirective, H as HtmlTooltipDirective, a5 as CoreControlNoFormArrayComponent, a6 as EnumFormDesignMode, G as DomService, Z as JsonService, R as ApplicationHelpService, a7 as CoreControlComponent, a8 as JsonSafePipe, v as TableCellPipe, U as HotKeysDirective, a9 as CoreChecklistComponent, aa as CoreFormControlSeekerComponent, ab as CoreAttachmentComponent, ac as CoreDatePickerComponent, ad as CoreMonthSelectorComponent, ae as CoreCurrencyInputComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch_L3NjN.mjs';
+import { y as CoreFormDesignService, n as CoreWorkflowService, h as BaseEditComponent, b as AlertService, a as AppConfigService, W as EnumCorePageEditMode, _ as EnumCoreButtonVNSCode, $ as READONLY_WORKFLOW_FIELDS, a0 as noneAutoClosedAlertOptions, i as DialogService, M as MultiLanguageService, d as CorePageHeaderComponent, X as CoreFormComponent, a1 as CoreButtonGroupVnsComponent, e as TranslatePipe, E as EnumFormBaseContolType, B as BaseComponent, w as alertOptions, k as EnumCoreTablePipeType, l as CoreCheckboxComponent, a2 as CoreDropdownComponent, o as EnumCoreFormControlSeekerSourceType, a3 as EnumFilterOperator, L as CoreRadioGroupComponent, q as DbService, N as GptService, Q as CoreStickerCollectionComponent, a4 as CoreDomDecisionEditorComponent, T as TooltipDirective, H as HtmlTooltipDirective, a5 as CoreControlNoFormArrayComponent, a6 as EnumFormDesignMode, G as DomService, Z as JsonService, R as ApplicationHelpService, a7 as CoreControlComponent, a8 as JsonSafePipe, v as TableCellPipe, U as HotKeysDirective, a9 as CoreChecklistComponent, aa as CoreFormControlSeekerComponent, ab as CoreAttachmentComponent, ac as CoreDatePickerComponent, ad as CoreMonthSelectorComponent, ae as CoreCurrencyInputComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-Bq_o4nyJ.mjs';
 import * as i1 from '@angular/forms';
 import { FormsModule, FormGroup, FormControl, ReactiveFormsModule, FormArray, Validators } from '@angular/forms';
 import { NgStyle, JsonPipe, AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import { BehaviorSubject, catchError, of, filter, distinctUntilChanged, tap, switchMap } from 'rxjs';
 import { Router, ActivatedRoute } from '@angular/router';
 import { EnumTranslateKey } from 'alpha-global-constants';
-import { L as LiveFormComponent } from './ngx-histaff-alpha-live-form.component-ClikowUy.mjs';
-import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-D6L2vvEy.mjs';
+import { L as LiveFormComponent } from './ngx-histaff-alpha-live-form.component-nXvYmTN6.mjs';
+import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-Dh04x1Gk.mjs';
 
 const slideFromTopFadeIn = trigger('slideFromTopFadeIn', [
     state('in', style({ opacity: 1, transform: 'translateY(0)' })),
@@ -775,8 +775,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"setting-group seeker-group\" [style.padding.px]=\"15\">\r\n\r\n  <div class=\"setting-row\">\r\n    Basic Settings\r\n  </div>\r\n  \r\n\r\n  <div class=\"setting-row\">\r\n    <label>Source Type</label>\r\n    <core-dropdown\r\n      [options$]=\"svc.sourceTypeOptions$\"\r\n      [paramMode]=\"true\"\r\n      [ngModel]=\"$control().seekerSourceType\"\r\n      (ngModelChange)=\"setControlProp('seekerSourceType', $event)\">\r\n    </core-dropdown>\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Multi Mode</label>\r\n    <core-checkbox\r\n      [ngModel]=\"$control().multiMode\"\r\n      (ngModelChange)=\"setControlProp('multiMode', $event)\">\r\n    </core-checkbox>\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Hide Org Tree</label>\r\n    <core-checkbox\r\n      [ngModel]=\"$control().hideOrgTree\"\r\n      (ngModelChange)=\"setControlProp('hideOrgTree', $event)\">\r\n    </core-checkbox>\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Source Space Height</label>\r\n    <input class=\"form-control\"\r\n           type=\"number\"\r\n           [ngModel]=\"$control().sourceSpaceHeight\"\r\n           (ngModelChange)=\"setControlProp('sourceSpaceHeight', $event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Bound From</label>\r\n    <input class=\"form-control\"\r\n           [ngModel]=\"$control().boundFrom\"\r\n           (ngModelChange)=\"setControlProp('boundFrom', $event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Shown From</label>\r\n    <input class=\"form-control\"\r\n           [ngModel]=\"$control().shownFrom\"\r\n           (ngModelChange)=\"setControlProp('shownFrom', $event)\" />\r\n  </div>\r\n\r\n  <!-- <div class=\"setting-row\">\r\n    <label>Use These Columns (CSV)</label>\r\n    <input class=\"form-control\"\r\n           [ngModel]=\"$useTheseColumnsCsv()\"\r\n           (ngModelChange)=\"onUseColumnsChanged($event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Excluded Columns (CSV)</label>\r\n    <input class=\"form-control\"\r\n           [ngModel]=\"$excludedColumnsCsv()\"\r\n           (ngModelChange)=\"onExcludedColumnsChanged($event)\" />\r\n  </div> -->\r\n\r\n\r\n  <!-- ================================================ -->\r\n  <!-- ALSO BIND TO -->\r\n  <!-- ================================================ -->\r\n  <div class=\"setting-row\">\r\n    Also Bind To\r\n  </div>\r\n  \r\n  <button class=\"btn-add\" (click)=\"addAlsoBindRow()\">+ Add Mapping</button>\r\n\r\n  <table class=\"mini-table\">\r\n    <tr>\r\n      <th>takeFrom</th>\r\n      <th>bindTo</th>\r\n      <th></th>\r\n    </tr>\r\n\r\n    @for (item of $alsoBind(); track $index) {\r\n      <tr>\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"item.takeFrom\"\r\n                 (ngModelChange)=\"updateAlsoBindRow($index, 'takeFrom', $event)\" />\r\n        </td>\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"item.bindTo\"\r\n                 (ngModelChange)=\"updateAlsoBindRow($index, 'bindTo', $event)\" />\r\n        </td>\r\n        <td>\r\n          <button class=\"btn-remove\" (click)=\"removeAlsoBindRow($index)\">x</button>\r\n        </td>\r\n      </tr>\r\n    }\r\n  </table>\r\n\r\n\r\n  <!-- ================================================ -->\r\n  <!-- OUTER PARAM -->\r\n  <!-- ================================================ -->\r\n  <div class=\"setting-row\">\r\n    Outer Param JSON\r\n  </div>\r\n\r\n  <textarea class=\"form-control\"\r\n            [style.height.px]=\"140\"\r\n            [ngModel]=\"$outerParamJson()\"\r\n            (ngModelChange)=\"onOuterParamJsonChange($event)\">\r\n  </textarea>\r\n\r\n\r\n  <!-- ================================================ -->\r\n  <!-- OUTER FILTER -->\r\n  <!-- ================================================ -->\r\n  <div class=\"setting-row\">\r\n    Outer Filter (RuleTree Mini)\r\n  </div>\r\n\r\n  <button class=\"btn-add\" (click)=\"addOuterFilter()\">+ Add Filter</button>\r\n\r\n  <table class=\"mini-table\">\r\n    <tr>\r\n      <th>Field</th>\r\n      <th>Operator</th>\r\n      <th>Value</th>\r\n      <th></th>\r\n    </tr>\r\n\r\n    @for (f of $outerFilter(); track $index) {\r\n      <tr>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"f.field\"\r\n                 (ngModelChange)=\"updateOuterFilter($index, 'field', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <core-dropdown\r\n            [options$]=\"svc.filterOperatorOptions$\"\r\n            [ngModel]=\"f.operator\"\r\n            [paramMode]=\"true\"\r\n            (ngModelChange)=\"updateOuterFilter($index, 'operator', $event)\">\r\n          </core-dropdown>\r\n        </td>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 type=\"text\"\r\n                 [ngModel]=\"f.dateTimeValue\"\r\n                 (ngModelChange)=\"updateOuterFilter($index, 'dateTimeValue', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <button class=\"btn-remove\" (click)=\"removeOuterFilter($index)\">x</button>\r\n        </td>\r\n\r\n      </tr>\r\n    }\r\n  </table>\r\n\r\n\r\n  <!-- ================================================ -->\r\n  <!-- EXTENDED COLUMNS -->\r\n  <!-- ================================================ -->\r\n  <!-- <div class=\"setting-row\">\r\n    Extended Columns\r\n  </div>\r\n\r\n  <button class=\"btn-add\" (click)=\"addExtendedColumn()\">+ Add Column</button>\r\n\r\n  <table class=\"mini-table\">\r\n    <tr>\r\n      <th>Caption</th>\r\n      <th>Field</th>\r\n      <th>Type</th>\r\n      <th>Align</th>\r\n      <th>Width</th>\r\n      <th>Hidden</th>\r\n      <th>Translate</th>\r\n      <th></th>\r\n    </tr>\r\n\r\n    @for (c of $extendedColumns(); track $index) {\r\n      <tr>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"c.caption\"\r\n                 (ngModelChange)=\"updateExtendedColumn($index, 'caption', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"c.field\"\r\n                 (ngModelChange)=\"updateExtendedColumn($index, 'field', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"c.type\"\r\n                 (ngModelChange)=\"updateExtendedColumn($index, 'type', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <input class=\"form-control\"\r\n                 [ngModel]=\"c.align\"\r\n                 (ngModelChange)=\"updateExtendedColumn($index, 'align', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <input type=\"number\"\r\n                 class=\"form-control\"\r\n                 [ngModel]=\"c.width\"\r\n                 (ngModelChange)=\"updateExtendedColumn($index, 'width', $event)\" />\r\n        </td>\r\n\r\n        <td>\r\n          <core-checkbox\r\n            [ngModel]=\"c.hidden\"\r\n            (ngModelChange)=\"updateExtendedColumn($index, 'hidden', $event)\">\r\n          </core-checkbox>\r\n        </td>\r\n\r\n        <td>\r\n          <core-checkbox\r\n            [ngModel]=\"c.translate\"\r\n            (ngModelChange)=\"updateExtendedColumn($index, 'translate', $event)\">\r\n          </core-checkbox>\r\n        </td>\r\n\r\n        <td>\r\n          <button class=\"btn-remove\" (click)=\"removeExtendedColumn($index)\">x</button>\r\n        </td>\r\n\r\n      </tr>\r\n    }\r\n  </table> -->\r\n\r\n\r\n  <!-- ================================================ -->\r\n  <!-- EXTENDED SECTIONS -->\r\n  <!-- ================================================ -->\r\n  <!-- <div class=\"setting-row\">\r\n    Extended Sections\r\n  </div>\r\n\r\n  <button class=\"btn-add\" (click)=\"addExtendedSection()\">+ Add Section</button>\r\n\r\n  @for (s of $extendedSections(); track $index) {\r\n    <div class=\"section-box\">\r\n\r\n      <div class=\"setting-row\">\r\n        <label>Caption</label>\r\n        <input class=\"form-control\"\r\n               [ngModel]=\"s.caption\"\r\n               (ngModelChange)=\"updateExtendedSection($index, $event)\" />\r\n      </div>\r\n\r\n      <button class=\"btn-remove\"\r\n              (click)=\"removeExtendedSection($index)\">\r\n        Remove\r\n      </button>\r\n\r\n    </div>\r\n  } -->\r\n\r\n</div>\r\n", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"] }]
         }] });
 
-class DatepickerPropsComponent {
+class DatepickerPropsComponent extends BasePropsComponent {
     constructor() {
+        super(...arguments);
+        //@Input() control!: IFormBaseControl;
         this.controlChange = new EventEmitter();
         this.options$ = new BehaviorSubject([
             {
@@ -792,17 +794,16 @@ class DatepickerPropsComponent {
     update() {
         this.controlChange.emit(this.control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DatepickerPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DatepickerPropsComponent, isStandalone: true, selector: "datepicker-props", inputs: { control: "control" }, outputs: { controlChange: "controlChange" }, ngImport: i0, template: "<div class=\"setting-group date-picker-group\" [style.padding]=\"'15px'\">\r\n    <div class=\"setting-row\">\r\n        <label>Civil range point</label>\r\n        <core-radio-group [options$]=\"options$\" [vertical]=\"true\" [gapY]=\"15\"/>\r\n    </div>\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"], dependencies: [{ kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DatepickerPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DatepickerPropsComponent, isStandalone: true, selector: "datepicker-props", outputs: { controlChange: "controlChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"setting-group date-picker-group\" [style.padding]=\"'15px'\">\r\n    <div class=\"setting-row\">\r\n        <label>Civil range point</label>\r\n        <core-radio-group [options$]=\"options$\" [vertical]=\"true\" [gapY]=\"15\"\r\n            [ngModel]=\"$control().$rangePoint\" (ngModelChange)=\"setControlProp('$rangePoint', $event)\"\r\n        />\r\n    </div>\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical", "columnCount", "gapY", "defaultValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DatepickerPropsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'datepicker-props', imports: [
+                        FormsModule,
                         CoreRadioGroupComponent
-                    ], template: "<div class=\"setting-group date-picker-group\" [style.padding]=\"'15px'\">\r\n    <div class=\"setting-row\">\r\n        <label>Civil range point</label>\r\n        <core-radio-group [options$]=\"options$\" [vertical]=\"true\" [gapY]=\"15\"/>\r\n    </div>\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"] }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], controlChange: [{
+                    ], template: "<div class=\"setting-group date-picker-group\" [style.padding]=\"'15px'\">\r\n    <div class=\"setting-row\">\r\n        <label>Civil range point</label>\r\n        <core-radio-group [options$]=\"options$\" [vertical]=\"true\" [gapY]=\"15\"\r\n            [ngModel]=\"$control().$rangePoint\" (ngModelChange)=\"setControlProp('$rangePoint', $event)\"\r\n        />\r\n    </div>\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"] }]
+        }], propDecorators: { controlChange: [{
                 type: Output
             }] } });
 
@@ -3537,4 +3538,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [{ type: MultiLanguageService }] });
 
 export { CoreFormDesignComponent };
-//# sourceMappingURL=ngx-histaff-alpha-core-form-design.component-CgJL6bNn.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-core-form-design.component-DaeaSWxa.mjs.map