@ascentgl/ads-ui 21.81.0 → 21.83.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.
package/package.json
CHANGED
|
@@ -29,6 +29,7 @@ import * as i16 from '@angular/material/tooltip';
|
|
|
29
29
|
import * as i13 from '@angular/material/autocomplete';
|
|
30
30
|
import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
31
31
|
import * as i3$5 from 'ngx-mask';
|
|
32
|
+
import { OutputTransformFn } from 'ngx-mask';
|
|
32
33
|
import * as i3$6 from '@angular/material/divider';
|
|
33
34
|
import * as i3$7 from '@angular/material/datepicker';
|
|
34
35
|
import * as i5$3 from '@mat-datetimepicker/core';
|
|
@@ -1462,8 +1463,12 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
|
|
|
1462
1463
|
thousandSeparator: string;
|
|
1463
1464
|
/** Add decimal marker */
|
|
1464
1465
|
decimalMarker: '.' | ',' | ['.', ','];
|
|
1466
|
+
/** Transform function applied to the model value before it is written to the FormControl */
|
|
1467
|
+
outputTransformFn: OutputTransformFn | null;
|
|
1465
1468
|
/** Add mat Autocomplete trigger name */
|
|
1466
1469
|
matAutocomplete?: MatAutocomplete;
|
|
1470
|
+
/** If true, the input is read-only: it cannot be edited but appears as a regular (non-disabled) input */
|
|
1471
|
+
readOnly: boolean;
|
|
1467
1472
|
/** Show search icon */
|
|
1468
1473
|
showSearchIcon: boolean;
|
|
1469
1474
|
/** Custom function to execute on focus event */
|
|
@@ -1483,10 +1488,12 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
|
|
|
1483
1488
|
showHidePassword(): void;
|
|
1484
1489
|
/** @ignore */
|
|
1485
1490
|
restrictInput(event: KeyboardEvent): void;
|
|
1491
|
+
/** @ignore — prevents focus on read-only inputs */
|
|
1492
|
+
handleFocusInternal(event: FocusEvent): void;
|
|
1486
1493
|
/** @ignore Prevent scroll wheel from changing number input value */
|
|
1487
1494
|
preventScroll(event: WheelEvent): void;
|
|
1488
1495
|
static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputComponent, never>;
|
|
1489
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, false, never>;
|
|
1496
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, false, never>;
|
|
1490
1497
|
}
|
|
1491
1498
|
|
|
1492
1499
|
declare class AdsInputModule {
|
|
@@ -1582,6 +1589,10 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
|
|
|
1582
1589
|
thousandSeparator: string;
|
|
1583
1590
|
/** Add decimal marker */
|
|
1584
1591
|
decimalMarker: "." | "," | [".", ","];
|
|
1592
|
+
/** Transform function applied to the model value before it is written to the FormControl */
|
|
1593
|
+
outputTransformFn: OutputTransformFn | null;
|
|
1594
|
+
/** Custom function to execute on blur event */
|
|
1595
|
+
onBlur: (event: FocusEvent) => void;
|
|
1585
1596
|
/** Set to true if you want to enable option tooltip */
|
|
1586
1597
|
showTooltip?: boolean;
|
|
1587
1598
|
/** Enable auto-close when component scrolls out of viewport */
|
|
@@ -1598,7 +1609,7 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
|
|
|
1598
1609
|
immediateValidation: SimpleChange;
|
|
1599
1610
|
}): void;
|
|
1600
1611
|
static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputDropdownComponent, never>;
|
|
1601
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, false, never>;
|
|
1612
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, false, never>;
|
|
1602
1613
|
}
|
|
1603
1614
|
|
|
1604
1615
|
declare class AdsInputDropdownModule {
|
|
@@ -1607,49 +1618,34 @@ declare class AdsInputDropdownModule {
|
|
|
1607
1618
|
static ɵinj: i0.ɵɵInjectorDeclaration<AdsInputDropdownModule>;
|
|
1608
1619
|
}
|
|
1609
1620
|
|
|
1610
|
-
declare class
|
|
1621
|
+
declare class AdsCurrencyFieldComponent extends AbstractInputComponent {
|
|
1611
1622
|
/** Maximum amount of characters in the input field */
|
|
1612
1623
|
maxlength: number;
|
|
1613
|
-
/** Optional "id" attribute for dropdown field */
|
|
1614
|
-
dropdownId: string;
|
|
1615
|
-
/** Optional dropdown control field label */
|
|
1616
|
-
dropdownLabel?: string;
|
|
1617
|
-
/** Empty dropdown field placeholder */
|
|
1618
|
-
dropdownPlaceholder: string;
|
|
1619
1624
|
/** Input field width. Must include units of measure: px, %, em, rem, etc. */
|
|
1620
1625
|
inputWidth: string;
|
|
1621
|
-
/**
|
|
1622
|
-
|
|
1623
|
-
/**
|
|
1624
|
-
|
|
1625
|
-
/** Enable auto-close when component scrolls out of viewport */
|
|
1626
|
-
closeOnOutOfView: boolean;
|
|
1627
|
-
/** Root margin for intersection observer (CSS margin format: top right bottom left) */
|
|
1628
|
-
outOfViewRootMargin: string;
|
|
1629
|
-
/** Hardcoded currency dropdown options */
|
|
1630
|
-
readonly currencyOptions: DropdownComponentOptions;
|
|
1631
|
-
/** Form control for the currency dropdown */
|
|
1632
|
-
currencyControl: FormControl<string | null>;
|
|
1626
|
+
/** Currency label width — fixed at 95px by default */
|
|
1627
|
+
currencyWidth: string;
|
|
1628
|
+
/** @ignore — internal read-only control for the currency label */
|
|
1629
|
+
readonly currencyDisplayControl: FormControl<string | null>;
|
|
1633
1630
|
/** @ignore */
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
static
|
|
1644
|
-
static
|
|
1631
|
+
protected registry: AdsIconRegistry;
|
|
1632
|
+
/** @ignore */
|
|
1633
|
+
constructor();
|
|
1634
|
+
/** @ignore — strips thousand-separator commas so the FormControl holds a clean numeric string */
|
|
1635
|
+
cleanCurrencyValue: (value: string | number | undefined | null) => string;
|
|
1636
|
+
/** @ignore — formats decimal places on input blur */
|
|
1637
|
+
handleBlur: () => void;
|
|
1638
|
+
/** @ignore */
|
|
1639
|
+
private _formatAndCleanValue;
|
|
1640
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AdsCurrencyFieldComponent, never>;
|
|
1641
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AdsCurrencyFieldComponent, "ads-currency-field", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "currencyWidth": { "alias": "currencyWidth"; "required": false; }; }, {}, never, never, false, never>;
|
|
1645
1642
|
}
|
|
1646
1643
|
|
|
1647
|
-
declare
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1644
|
+
declare class AdsCurrencyFieldModule {
|
|
1645
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AdsCurrencyFieldModule, never>;
|
|
1646
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AdsCurrencyFieldModule, [typeof AdsCurrencyFieldComponent], [typeof i2.CommonModule, typeof AdsInputModule, typeof AdsInputTooltipComponent, typeof AdsErrorComponent, typeof AdsHintComponent, typeof AdsSuccessComponent], [typeof AdsCurrencyFieldComponent]>;
|
|
1647
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AdsCurrencyFieldModule>;
|
|
1651
1648
|
}
|
|
1652
|
-
declare const ADS_CURRENCY_OPTIONS: Map<string, string>;
|
|
1653
1649
|
|
|
1654
1650
|
type SearchDropdownDisplayControlValue = string | {
|
|
1655
1651
|
key: DropdownComponentOption;
|
|
@@ -4058,5 +4054,5 @@ declare function provideAdsUi(config: AdsUiConfig): {
|
|
|
4058
4054
|
useValue: AdsUiConfig;
|
|
4059
4055
|
}[];
|
|
4060
4056
|
|
|
4061
|
-
export {
|
|
4057
|
+
export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyFieldComponent, AdsCurrencyFieldModule, 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 };
|
|
4062
4058
|
export type { AdsModalData, AdsNavItemV2, AdsNavSubItemV2, AdsUiConfig, Breadcrumb, ColumnFilterOption, ColumnSortFilterConfig, ColumnSortOption, ColumnVisibilityControl, Copyright, CustomHeaderParams, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, FilterValueFormatter, HorizontalNavLink, HorizontalStep, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, ScmsNavItem, ScmsNavSubItem, SearchDropdownComponentOptions, SearchDropdownDisplayControlValue, SearchDropdownStaticOption, SearchDropdownStaticOptionTemplateContext, ShipmentStep, Size, SnackBarData, SortComparator, SortType, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, VerticalSideNavigationStep, WizardStep };
|