@ascentgl/ads-ui 21.80.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) {
@@ -11000,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