@dereekb/dbx-form 13.8.0 → 13.9.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.
Files changed (48) hide show
  1. package/fesm2022/dereekb-dbx-form-calendar.mjs +10 -18
  2. package/fesm2022/dereekb-dbx-form-calendar.mjs.map +1 -1
  3. package/fesm2022/dereekb-dbx-form-flex.wrapper.component-CpOHCk87.mjs +39 -0
  4. package/fesm2022/dereekb-dbx-form-flex.wrapper.component-CpOHCk87.mjs.map +1 -0
  5. package/fesm2022/dereekb-dbx-form-info.wrapper.component-18n632L-.mjs +61 -0
  6. package/fesm2022/dereekb-dbx-form-info.wrapper.component-18n632L-.mjs.map +1 -0
  7. package/fesm2022/dereekb-dbx-form-mapbox.mjs +26 -16
  8. package/fesm2022/dereekb-dbx-form-mapbox.mjs.map +1 -1
  9. package/fesm2022/dereekb-dbx-form-section.wrapper.component-vq21oG6v.mjs +52 -0
  10. package/fesm2022/dereekb-dbx-form-section.wrapper.component-vq21oG6v.mjs.map +1 -0
  11. package/fesm2022/dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs +42 -0
  12. package/fesm2022/dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs.map +1 -0
  13. package/fesm2022/dereekb-dbx-form.mjs +4398 -2865
  14. package/fesm2022/dereekb-dbx-form.mjs.map +1 -1
  15. package/lib/forge/_forge.scss +14 -0
  16. package/lib/forge/field/_field.scss +0 -2
  17. package/lib/forge/field/selection/_selection.scss +3 -0
  18. package/lib/forge/field/selection/list/_list.scss +17 -0
  19. package/lib/forge/field/selection/pickable/_pickable.scss +26 -1
  20. package/lib/forge/field/selection/sourceselect/_sourceselect.scss +16 -32
  21. package/lib/forge/field/wrapper/_wrapper.scss +16 -6
  22. package/lib/{formly/form/_form.scss → forge/preset/_preset.scss} +3 -12
  23. package/lib/forge/style/_shared.scss +13 -3
  24. package/lib/form/_form.scss +21 -7
  25. package/lib/formly/field/selection/sourceselect/_sourceselect.scss +0 -7
  26. package/lib/style/_all-core.scss +2 -4
  27. package/lib/style/_all-theme.scss +2 -4
  28. package/lib/style/_all-typography.scss +1 -1
  29. package/package.json +10 -10
  30. package/types/dereekb-dbx-form-calendar.d.ts +9 -20
  31. package/types/dereekb-dbx-form-mapbox.d.ts +15 -12
  32. package/types/dereekb-dbx-form.d.ts +4554 -3948
  33. package/fesm2022/dereekb-dbx-form-array.field.component-1wYSd4d3.mjs +0 -169
  34. package/fesm2022/dereekb-dbx-form-array.field.component-1wYSd4d3.mjs.map +0 -1
  35. package/fesm2022/dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs +0 -70
  36. package/fesm2022/dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs.map +0 -1
  37. package/fesm2022/dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs +0 -35
  38. package/fesm2022/dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs.map +0 -1
  39. package/fesm2022/dereekb-dbx-form-section.field.component-DliafLqL.mjs +0 -63
  40. package/fesm2022/dereekb-dbx-form-section.field.component-DliafLqL.mjs.map +0 -1
  41. package/fesm2022/dereekb-dbx-form-style.field.component-C3ZNiotx.mjs +0 -71
  42. package/fesm2022/dereekb-dbx-form-style.field.component-C3ZNiotx.mjs.map +0 -1
  43. package/fesm2022/dereekb-dbx-form-working.field.component-CO8vK2bH.mjs +0 -53
  44. package/fesm2022/dereekb-dbx-form-working.field.component-CO8vK2bH.mjs.map +0 -1
  45. package/fesm2022/dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs +0 -54
  46. package/fesm2022/dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs.map +0 -1
  47. package/fesm2022/dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs +0 -87
  48. package/fesm2022/dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import * as i1 from '@dereekb/dbx-form';
2
- import { formlyField, propsAndConfigForFieldConfig, forgeToggleField, AbstractSyncForgeFormDirective, DbxForgeFormComponentImportsModule, dbxForgeFormComponentProviders, DBX_FORGE_FORM_COMPONENT_TEMPLATE, DbxFormSourceDirective, DbxActionFormDirective, formlyFlexLayoutWrapper, formlyToggleField, AbstractSyncFormlyFormDirective, DbxFormlyFormComponentImportsModule, DbxFormFormlyWrapperModule, DbxFormFormlyBooleanFieldModule, dbxFormlyFormComponentProviders, DBX_FORMLY_FORM_COMPONENT_TEMPLATE } from '@dereekb/dbx-form';
2
+ import { formlyField, propsAndConfigForFieldConfig, dbxForgeToggleField, AbstractSyncForgeFormDirective, DbxForgeFormComponentImportsModule, dbxForgeFormComponentProviders, DBX_FORGE_FORM_COMPONENT_TEMPLATE, DbxFormSourceDirective, DbxActionFormDirective, formlyFlexLayoutWrapper, formlyToggleField, AbstractSyncFormlyFormDirective, DbxFormlyFormComponentImportsModule, DbxFormFormlyWrapperModule, DbxFormFormlyBooleanFieldModule, dbxFormlyFormComponentProviders, DBX_FORMLY_FORM_COMPONENT_TEMPLATE } from '@dereekb/dbx-form';
3
3
  import * as i1$3 from '@dereekb/dbx-web';
4
4
  import { DbxActionModule, DbxButtonSpacerDirective, DbxContentContainerDirective, DbxLabelBlockComponent, AbstractPopoverDirective, DbxPopoverInteractionModule, DbxPopoverService, DbxButtonComponent, AbstractDialogDirective, sanitizeDbxDialogContentConfig, DbxDialogModule, CompactContextStore } from '@dereekb/dbx-web';
5
5
  import * as i0 from '@angular/core';
@@ -28,13 +28,13 @@ import * as i1$4 from '@angular/material/icon';
28
28
  import { MatIconModule } from '@angular/material/icon';
29
29
  import * as i1$5 from '@ngx-formly/core';
30
30
  import { FormlyModule } from '@ngx-formly/core';
31
- import { DEFAULT_PROPS, DEFAULT_VALIDATION_MESSAGES, provideDynamicForm } from '@ng-forge/dynamic-forms';
32
- import { resolveValueFieldContext, buildValueFieldInputs } from '@ng-forge/dynamic-forms/integration';
31
+ import { DEFAULT_PROPS, DEFAULT_VALIDATION_MESSAGES } from '@ng-forge/dynamic-forms';
32
+ import { setupMetaTracking, resolveValueFieldContext, buildValueFieldInputs } from '@ng-forge/dynamic-forms/integration';
33
33
 
34
34
  /**
35
35
  * Creates a Formly field configuration for a date schedule range picker with calendar-based selection.
36
36
  *
37
- * @deprecated Use forgeDateScheduleRangeField() from the forge API instead.
37
+ * @deprecated Use dbxForgeDateScheduleRangeField() from the forge API instead.
38
38
  * @param config - Optional schedule range field configuration overrides
39
39
  * @returns A validated Formly field configuration for date schedule range selection
40
40
  */
@@ -1123,7 +1123,7 @@ function dbxScheduleSelectionCalendarDateDaysForgeFormFields() {
1123
1123
  */
1124
1124
  function dbxScheduleSelectionCalendarDateDaysForgeFormDayFields() {
1125
1125
  return getDaysOfWeekNames(false).map((dayOfWeekName) => {
1126
- return forgeToggleField({
1126
+ return dbxForgeToggleField({
1127
1127
  key: dayOfWeekName.toLowerCase(),
1128
1128
  label: dayOfWeekName,
1129
1129
  styledBox: false
@@ -1132,7 +1132,7 @@ function dbxScheduleSelectionCalendarDateDaysForgeFormDayFields() {
1132
1132
  }
1133
1133
 
1134
1134
  class DbxScheduleSelectionCalendarDateDaysForgeFormComponent extends AbstractSyncForgeFormDirective {
1135
- config = dbxScheduleSelectionCalendarDateDaysForgeFormFields();
1135
+ formConfig = dbxScheduleSelectionCalendarDateDaysForgeFormFields();
1136
1136
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxScheduleSelectionCalendarDateDaysForgeFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1137
1137
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxScheduleSelectionCalendarDateDaysForgeFormComponent, isStandalone: true, selector: "dbx-schedule-selection-calendar-date-days-forge-form", providers: dbxForgeFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-forge></dbx-forge>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxForgeFormComponentImportsModule }, { kind: "component", type: i1.DbxForgeFormComponent, selector: "dbx-forge" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1138
1138
  }
@@ -1932,7 +1932,7 @@ const FORGE_CALENDAR_DATE_SCHEDULE_RANGE_FIELD_TYPE = 'dbx-forge-calendar-date-s
1932
1932
  * @param config - Optional schedule range field configuration overrides
1933
1933
  * @returns A validated forge field definition for date schedule range selection
1934
1934
  */
1935
- function forgeDateScheduleRangeField(config = {}) {
1935
+ function dbxForgeDateScheduleRangeField(config = {}) {
1936
1936
  const { key = 'schedule', label, description, required, readonly: isReadonly, appearance, allowTextInput, hideCustomize, allowCustomizeWithoutDateRange, outputTimezone, defaultScheduleDays, minMaxDateRange, filter, exclusions, dialogContentConfig, computeSelectionResultRelativeToFilter, initialSelectionState, cellContentFactory, customDetailsConfig } = config;
1937
1937
  const props = filterFromPOJO({
1938
1938
  label: label ?? 'Schedule',
@@ -1974,6 +1974,7 @@ function forgeDateScheduleRangeField(config = {}) {
1974
1974
  class DbxForgeCalendarDateScheduleRangeFieldComponent {
1975
1975
  compact = inject(CompactContextStore, { optional: true });
1976
1976
  dbxCalendarScheduleSelectionStore = inject(DbxCalendarScheduleSelectionStore);
1977
+ elementRef = inject((ElementRef));
1977
1978
  // Standard ng-forge value field inputs
1978
1979
  field = input.required(...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
1979
1980
  key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
@@ -2033,6 +2034,7 @@ class DbxForgeCalendarDateScheduleRangeFieldComponent {
2033
2034
  }
2034
2035
  }
2035
2036
  constructor() {
2037
+ setupMetaTracking(this.elementRef, this.meta, { selector: 'dbx-schedule-selection-calendar-date-range' });
2036
2038
  // Convert field value to observable for store sync
2037
2039
  const fieldValue$ = toObservable(this.fieldValue);
2038
2040
  // Sync field value → store (skip initial emission)
@@ -2273,20 +2275,10 @@ const DbxForgeCalendarDateScheduleRangeFieldType = {
2273
2275
  * All custom dbx-form/calendar forge field type definitions.
2274
2276
  */
2275
2277
  const DBX_FORGE_CALENDAR_FIELD_TYPES = [DbxForgeCalendarDateScheduleRangeFieldType];
2276
- /**
2277
- * Registers ng-forge dynamic form field declarations for the calendar package.
2278
- *
2279
- * Add this to your app's providers alongside provideDbxForgeFormFieldDeclarations().
2280
- *
2281
- * @returns An array of providers that register the calendar forge field types with ng-forge
2282
- */
2283
- function provideDbxForgeCalendarFieldDeclarations() {
2284
- return provideDynamicForm(...DBX_FORGE_CALENDAR_FIELD_TYPES);
2285
- }
2286
2278
 
2287
2279
  /**
2288
2280
  * Generated bundle index. Do not edit.
2289
2281
  */
2290
2282
 
2291
- export { CalendarScheduleSelectionDayState, DBX_FORGE_CALENDAR_FIELD_TYPES, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxForgeCalendarDateScheduleRangeFieldComponent, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysForgeFormComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, FORGE_CALENDAR_DATE_SCHEDULE_RANGE_FIELD_TYPE, calendarDateScheduleRangeFieldMapper, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateCellRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysForgeFormDayFields, dbxScheduleSelectionCalendarDateDaysForgeFormFields, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, finalizeUpdateStateWithChangedScheduleDays, forgeDateScheduleRangeField, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, provideDbxForgeCalendarFieldDeclarations, updateStateWithChangedDates, updateStateWithChangedDefaultScheduleDays, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateCellScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithSelectionMode, updateStateWithTimezoneValue };
2283
+ export { CalendarScheduleSelectionDayState, DBX_FORGE_CALENDAR_FIELD_TYPES, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxForgeCalendarDateScheduleRangeFieldComponent, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysForgeFormComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, FORGE_CALENDAR_DATE_SCHEDULE_RANGE_FIELD_TYPE, calendarDateScheduleRangeFieldMapper, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateCellRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxForgeDateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysForgeFormDayFields, dbxScheduleSelectionCalendarDateDaysForgeFormFields, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, finalizeUpdateStateWithChangedScheduleDays, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedDefaultScheduleDays, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateCellScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithSelectionMode, updateStateWithTimezoneValue };
2292
2284
  //# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map