@ascentgl/ads-ui 21.79.0 → 21.81.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -4013,6 +4013,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
+var AdsCurrencyCode;
+(function (AdsCurrencyCode) {
+    AdsCurrencyCode["USD"] = "USD";
+    AdsCurrencyCode["CAD"] = "CAD";
+    AdsCurrencyCode["MXN"] = "MXN";
+})(AdsCurrencyCode || (AdsCurrencyCode = {}));
+const ADS_CURRENCY_OPTIONS = new Map([
+    [AdsCurrencyCode.USD, 'USD'],
+    [AdsCurrencyCode.CAD, 'CAD'],
+    [AdsCurrencyCode.MXN, 'MXN'],
+]);
+
+class AdsCurrencyInputDropdownComponent extends AbstractInputComponent {
+    constructor() {
+        super(...arguments);
+        /** Maximum amount of characters in the input field */
+        this.maxlength = 255;
+        /** Optional "id" attribute for dropdown field */
+        this.dropdownId = '';
+        /** Empty dropdown field placeholder */
+        this.dropdownPlaceholder = '';
+        /** Input field width. Must include units of measure: px, %, em, rem, etc. */
+        this.inputWidth = 'calc(100% - 95px)';
+        /** Dropdown field width — fixed at 83px by default */
+        this.dropdownWidth = '95px';
+        /** Set to true if you want dropdown items to fit content rather than dropdown width */
+        this.fitContent = true;
+        /** Enable auto-close when component scrolls out of viewport */
+        this.closeOnOutOfView = false;
+        /** Root margin for intersection observer (CSS margin format: top right bottom left) */
+        this.outOfViewRootMargin = '0px 0px 0px 0px';
+        /** Hardcoded currency dropdown options */
+        this.currencyOptions = ADS_CURRENCY_OPTIONS;
+        /** Form control for the currency dropdown */
+        this.currencyControl = new FormControl(null);
+        /** @ignore */
+        this._subscriptions = [];
+    }
+    ngOnInit() {
+        this._subscriptions.push(this.currencyControl.valueChanges.subscribe(() => {
+            this.valueControl.updateValueAndValidity();
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach((s) => s.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AdsCurrencyInputDropdownComponent, isStandalone: false, selector: "ads-currency-input-dropdown", inputs: { maxlength: "maxlength", dropdownId: "dropdownId", dropdownLabel: "dropdownLabel", dropdownPlaceholder: "dropdownPlaceholder", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", fitContent: "fitContent", closeOnOutOfView: "closeOnOutOfView", outOfViewRootMargin: "outOfViewRootMargin", currencyControl: "currencyControl" }, usesInheritance: true, ngImport: i0, template: "<ads-input-dropdown\n  [control]=\"valueControl\"\n  [dropdownControl]=\"currencyControl\"\n  [maxlength]=\"maxlength\"\n  [id]=\"id\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n  [dropdownId]=\"dropdownId\"\n  [dropdownLabel]=\"dropdownLabel\"\n  [dropdownPlaceholder]=\"dropdownPlaceholder\"\n  [inputWidth]=\"inputWidth\"\n  [dropdownWidth]=\"dropdownWidth\"\n  [width]=\"width\"\n  [options]=\"currencyOptions\"\n  [hasEmptyValue]=\"false\"\n  [fitContent]=\"fitContent\"\n  [errorMessages]=\"errorMessages\"\n  [immediateValidation]=\"immediateValidation\"\n  [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n  [showClearButton]=\"showClearButton\"\n  [showExclamationOnError]=\"showExclamationOnError\"\n  [hint]=\"hint\"\n  [successMessage]=\"successMessage\"\n  [closeOnOutOfView]=\"closeOnOutOfView\"\n  [outOfViewRootMargin]=\"outOfViewRootMargin\"\n  mask=\"separator.2\"\n  prefix=\"$ \"\n  type=\"text\"\n/>\n\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: AdsInputDropdownComponent, selector: "ads-input-dropdown", inputs: ["maxlength", "type", "pattern", "dropdownControl", "dropdownId", "dropdownLabel", "dropdownPlaceholder", "inputWidth", "dropdownWidth", "autoSelectSingleDropdownOption", "options", "displayValueKey", "hasEmptyValue", "fitContent", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "showTooltip", "closeOnOutOfView", "outOfViewRootMargin"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-currency-input-dropdown', standalone: false, template: "<ads-input-dropdown\n  [control]=\"valueControl\"\n  [dropdownControl]=\"currencyControl\"\n  [maxlength]=\"maxlength\"\n  [id]=\"id\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n  [dropdownId]=\"dropdownId\"\n  [dropdownLabel]=\"dropdownLabel\"\n  [dropdownPlaceholder]=\"dropdownPlaceholder\"\n  [inputWidth]=\"inputWidth\"\n  [dropdownWidth]=\"dropdownWidth\"\n  [width]=\"width\"\n  [options]=\"currencyOptions\"\n  [hasEmptyValue]=\"false\"\n  [fitContent]=\"fitContent\"\n  [errorMessages]=\"errorMessages\"\n  [immediateValidation]=\"immediateValidation\"\n  [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n  [showClearButton]=\"showClearButton\"\n  [showExclamationOnError]=\"showExclamationOnError\"\n  [hint]=\"hint\"\n  [successMessage]=\"successMessage\"\n  [closeOnOutOfView]=\"closeOnOutOfView\"\n  [outOfViewRootMargin]=\"outOfViewRootMargin\"\n  mask=\"separator.2\"\n  prefix=\"$ \"\n  type=\"text\"\n/>\n\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { maxlength: [{
+                type: Input
+            }], dropdownId: [{
+                type: Input
+            }], dropdownLabel: [{
+                type: Input
+            }], dropdownPlaceholder: [{
+                type: Input
+            }], inputWidth: [{
+                type: Input
+            }], dropdownWidth: [{
+                type: Input
+            }], fitContent: [{
+                type: Input
+            }], closeOnOutOfView: [{
+                type: Input
+            }], outOfViewRootMargin: [{
+                type: Input
+            }], currencyControl: [{
+                type: Input
+            }] } });
+
+class AdsCurrencyInputDropdownModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownModule, declarations: [AdsCurrencyInputDropdownComponent], imports: [CommonModule,
+            AdsInputDropdownModule], exports: [AdsCurrencyInputDropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownModule, imports: [CommonModule,
+            AdsInputDropdownModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCurrencyInputDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        AdsInputDropdownModule,
+                    ],
+                    declarations: [AdsCurrencyInputDropdownComponent],
+                    exports: [AdsCurrencyInputDropdownComponent],
+                }]
+        }] });
+
 class AdsSearchDropdownHighlighterPipe {
     transform(optionValue, filter) {
         if (filter) {
@@ -7280,11 +7373,16 @@ class AdsColumnSortFilterMenuComponent {
                 }
             });
             this.optionSubscriptions.push(subscription);
-            // Build the label: use formatter if provided, otherwise convert to string
-            let label = formatter ? formatter(rawValue) : String(rawValue ?? '');
-            // When showDateOnly is enabled, trim date-time labels to date-only
-            if (showDateOnly && label) {
-                label = this.trimToDateOnly(label);
+            // Build the label:
+            // When showDateOnly is enabled, the rawValue is already a trimmed date-only string
+            // from the table component — use it directly to avoid re-parsing and timezone shift.
+            // Otherwise, use formatter if provided, or convert to string.
+            let label;
+            if (showDateOnly) {
+                label = String(rawValue ?? '');
+            }
+            else {
+                label = formatter ? formatter(rawValue) : String(rawValue ?? '');
             }
             return {
                 value: key,
@@ -7314,26 +7412,6 @@ class AdsColumnSortFilterMenuComponent {
             return String(value);
         }
     }
-    /**
-     * @ignore - Trim a date-time string to date-only.
-     * Handles common formatted patterns like "01/09/26, 02:00 AM" or "01/09/2026 14:30".
-     * Strips everything after the date portion (comma+time, space+time).
-     */
-    trimToDateOnly(value) {
-        // Already date-only (e.g., "01/09/2026") — no comma, no time pattern
-        // Match patterns: "MM/DD/YY, HH:MM AM/PM" or "MM/DD/YYYY HH:MM" etc.
-        // Strip from the comma or from the space before time digits
-        const commaIdx = value.indexOf(',');
-        if (commaIdx > 0) {
-            return value.substring(0, commaIdx).trim();
-        }
-        // Match "date space time" pattern (e.g., "01/09/2026 14:30")
-        const match = value.match(/^(\d{1,2}\/\d{1,2}\/\d{2,4})\s+\d/);
-        if (match) {
-            return match[1];
-        }
-        return value;
-    }
     /** @ignore */
     setupSearchSubscription() {
         this.searchControl.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe((value) => {
@@ -8120,63 +8198,40 @@ class AdsTableComponent {
         }
     }
     // ============ Custom Sort/Filter Menu Methods ============
-    /** @ignore - Get the effective filter formatter for a given column field.
-     * When showDateOnly is true, wraps the formatter (or uses a default date formatter)
-     * that trims the output to date-only for dedup and comparison purposes.
+    /**
+     * @ignore - Get the effective filter formatter for a given column field.
+     * When showDateOnly is true, wraps the base formatter to trim date-time output
+     * to date-only. This ensures the dedup key, stored filter values, and
+     * doesExternalFilterPass comparison all use date-only strings — so selecting
+     * a date in the filter menu matches ALL rows for that date regardless of time.
      */
     getFilterValueFormatterForField(field) {
         const config = this.columnSortFilterConfigs.find(c => c.field === field);
         if (!config)
             return undefined;
         const baseFormatter = config.filterValueFormatter;
-        const showDateOnly = config.showDateOnly ?? false;
-        if (!baseFormatter && !showDateOnly) {
+        if (!baseFormatter)
             return undefined;
-        }
-        if (showDateOnly) {
-            // When showDateOnly is true, use the base formatter (if any) then trim to date-only
+        if (config.showDateOnly) {
             return (value) => {
-                const formatted = baseFormatter ? baseFormatter(value) : this.formatDateDefault(value);
+                const formatted = baseFormatter(value);
                 return this.trimToDateOnly(formatted);
             };
         }
         return baseFormatter;
     }
     /**
-     * @ignore - Default date formatter for showDateOnly when no filterValueFormatter is provided.
-     * Formats an ISO date-time string to the locale date string.
-     */
-    formatDateDefault(value) {
-        if (value === null || value === undefined)
-            return '';
-        const str = String(value);
-        try {
-            const date = new Date(str);
-            if (isNaN(date.getTime()))
-                return str;
-            return date.toLocaleDateString('en-US', {
-                month: '2-digit',
-                day: '2-digit',
-                year: 'numeric',
-            });
-        }
-        catch {
-            return str;
-        }
-    }
-    /**
-     * @ignore - Trim a date-time string to date-only.
-     * Strips time portion from common formatted date-time patterns.
+     * @ignore - Trim a formatted date-time string to date-only.
+     * Handles: "01/15/2026, 21:00" → "01/15/2026"
+     *          "01/15/2026 21:00"  → "01/15/2026"
      */
     trimToDateOnly(value) {
         if (!value)
             return value;
-        // "MM/DD/YY, HH:MM AM/PM" — strip from comma
         const commaIdx = value.indexOf(',');
         if (commaIdx > 0) {
             return value.substring(0, commaIdx).trim();
         }
-        // "MM/DD/YYYY HH:MM" — strip from space before time digits
         const match = value.match(/^(\d{1,2}\/\d{1,2}\/\d{2,4})\s+\d/);
         if (match) {
             return match[1];
@@ -11038,5 +11093,5 @@ function provideAdsUi(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
+export { ADS_CURRENCY_OPTIONS, AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyCode, AdsCurrencyInputDropdownComponent, AdsCurrencyInputDropdownModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map