@fuentis/phoenix-ui 0.0.9-alpha.578 → 0.0.9-alpha.580

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.
Files changed (3) hide show
  1. package/fesm2022/fuentis-phoenix-ui.mjs +36 -20
  2. package/fesm2022/fuentis-phoenix-ui.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/fuentis-phoenix-ui.mjs CHANGED
@@ -5842,14 +5842,18 @@ class MetaStartDueDateComponent {
5842
5842
  ], ngImport: i0, template: `
5843
5843
  <div [hidden]="control?.hidden">
5844
5844
  <phoenix-meta-label [control]="control"></phoenix-meta-label>
5845
- <div class="flex">
5846
- <div class="flex-grow-1">
5845
+
5846
+ <div class="flex align-items-center gap-2 w-full">
5847
+ <!-- START -->
5848
+ <div class="flex-1" style="min-width: 0;">
5847
5849
  <p-datepicker
5850
+ class="w-full"
5851
+ [inputStyle]="{ width: '100%' }"
5848
5852
  [attr.data-cy]="'start-date-' + control?.id"
5849
5853
  (onSelect)="onStartDateSelect($event)"
5850
5854
  (onClearClick)="onStartDateClear()"
5851
- [style]="{ width: '100%' }"
5852
5855
  [(ngModel)]="startDate"
5856
+ [ngModelOptions]="{ standalone: true }"
5853
5857
  [readonlyInput]="true"
5854
5858
  [showButtonBar]="true"
5855
5859
  [showIcon]="true"
@@ -5857,19 +5861,22 @@ class MetaStartDueDateComponent {
5857
5861
  appendTo="body"
5858
5862
  ></p-datepicker>
5859
5863
  </div>
5860
- <div class=" flex align-items-center p-2 ">
5861
- <i
5862
- class="pi pi-arrow-right text-sm"
5863
- style="color: 'var(--surface-600)'"
5864
- ></i>
5864
+
5865
+ <!-- ARROW -->
5866
+ <div class="flex align-items-center justify-content-center" style="flex: 0 0 18px;">
5867
+ <i class="pi pi-arrow-right text-sm" style="color: var(--surface-600)"></i>
5865
5868
  </div>
5866
- <div class="flex-grow-1">
5869
+
5870
+ <!-- DUE -->
5871
+ <div class="flex-1" style="min-width: 0;">
5867
5872
  <p-datepicker
5873
+ class="w-full"
5874
+ [inputStyle]="{ width: '100%' }"
5868
5875
  [attr.data-cy]="'due-date-' + control?.id"
5869
5876
  (onSelect)="onEndDateSelect($event)"
5870
5877
  (onClearClick)="onEndDateClear()"
5871
- [style]="{ width: '100%' }"
5872
5878
  [(ngModel)]="endDate"
5879
+ [ngModelOptions]="{ standalone: true }"
5873
5880
  [readonlyInput]="true"
5874
5881
  [showButtonBar]="true"
5875
5882
  [showIcon]="true"
@@ -5878,6 +5885,7 @@ class MetaStartDueDateComponent {
5878
5885
  ></p-datepicker>
5879
5886
  </div>
5880
5887
  </div>
5888
+
5881
5889
  <phoenix-inline-field-error [ctrl]="ctrl"></phoenix-inline-field-error>
5882
5890
  </div>
5883
5891
  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$6.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: InlineFieldError, selector: "phoenix-inline-field-error", inputs: ["ctrl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MetaLabelComponent, selector: "phoenix-meta-label", inputs: ["control"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
@@ -5894,14 +5902,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
5894
5902
  ], template: `
5895
5903
  <div [hidden]="control?.hidden">
5896
5904
  <phoenix-meta-label [control]="control"></phoenix-meta-label>
5897
- <div class="flex">
5898
- <div class="flex-grow-1">
5905
+
5906
+ <div class="flex align-items-center gap-2 w-full">
5907
+ <!-- START -->
5908
+ <div class="flex-1" style="min-width: 0;">
5899
5909
  <p-datepicker
5910
+ class="w-full"
5911
+ [inputStyle]="{ width: '100%' }"
5900
5912
  [attr.data-cy]="'start-date-' + control?.id"
5901
5913
  (onSelect)="onStartDateSelect($event)"
5902
5914
  (onClearClick)="onStartDateClear()"
5903
- [style]="{ width: '100%' }"
5904
5915
  [(ngModel)]="startDate"
5916
+ [ngModelOptions]="{ standalone: true }"
5905
5917
  [readonlyInput]="true"
5906
5918
  [showButtonBar]="true"
5907
5919
  [showIcon]="true"
@@ -5909,19 +5921,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
5909
5921
  appendTo="body"
5910
5922
  ></p-datepicker>
5911
5923
  </div>
5912
- <div class=" flex align-items-center p-2 ">
5913
- <i
5914
- class="pi pi-arrow-right text-sm"
5915
- style="color: 'var(--surface-600)'"
5916
- ></i>
5924
+
5925
+ <!-- ARROW -->
5926
+ <div class="flex align-items-center justify-content-center" style="flex: 0 0 18px;">
5927
+ <i class="pi pi-arrow-right text-sm" style="color: var(--surface-600)"></i>
5917
5928
  </div>
5918
- <div class="flex-grow-1">
5929
+
5930
+ <!-- DUE -->
5931
+ <div class="flex-1" style="min-width: 0;">
5919
5932
  <p-datepicker
5933
+ class="w-full"
5934
+ [inputStyle]="{ width: '100%' }"
5920
5935
  [attr.data-cy]="'due-date-' + control?.id"
5921
5936
  (onSelect)="onEndDateSelect($event)"
5922
5937
  (onClearClick)="onEndDateClear()"
5923
- [style]="{ width: '100%' }"
5924
5938
  [(ngModel)]="endDate"
5939
+ [ngModelOptions]="{ standalone: true }"
5925
5940
  [readonlyInput]="true"
5926
5941
  [showButtonBar]="true"
5927
5942
  [showIcon]="true"
@@ -5930,6 +5945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
5930
5945
  ></p-datepicker>
5931
5946
  </div>
5932
5947
  </div>
5948
+
5933
5949
  <phoenix-inline-field-error [ctrl]="ctrl"></phoenix-inline-field-error>
5934
5950
  </div>
5935
5951
  `, providers: [