@ascentgl/ads-ui 21.133.0 → 21.135.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.
@@ -11575,16 +11575,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
11575
11575
  }]
11576
11576
  }] });
11577
11577
 
11578
- var ShipmentHistoryAction;
11579
- (function (ShipmentHistoryAction) {
11580
- ShipmentHistoryAction["Created"] = "Created";
11581
- ShipmentHistoryAction["Added"] = "Added";
11582
- ShipmentHistoryAction["Edited"] = "Edited";
11583
- ShipmentHistoryAction["Removed"] = "Removed";
11584
- ShipmentHistoryAction["Cancelled"] = "Cancelled";
11585
- })(ShipmentHistoryAction || (ShipmentHistoryAction = {}));
11578
+ var HistoryAction;
11579
+ (function (HistoryAction) {
11580
+ HistoryAction["Created"] = "Created";
11581
+ HistoryAction["Added"] = "Added";
11582
+ HistoryAction["Edited"] = "Edited";
11583
+ HistoryAction["Removed"] = "Removed";
11584
+ HistoryAction["Cancelled"] = "Cancelled";
11585
+ })(HistoryAction || (HistoryAction = {}));
11586
11586
 
11587
- class AdsShipmentHistoryStepperComponent {
11587
+ class AdsHistoryStepperComponent {
11588
11588
  /** @ignore */
11589
11589
  constructor(registry) {
11590
11590
  this.registry = registry;
@@ -11593,7 +11593,7 @@ class AdsShipmentHistoryStepperComponent {
11593
11593
  /** Estimated item height in px used by the virtual scroll viewport */
11594
11594
  this.ITEM_HEIGHT = 120;
11595
11595
  /** @ignore */
11596
- this.ShipmentHistoryAction = ShipmentHistoryAction;
11596
+ this.HistoryAction = HistoryAction;
11597
11597
  /** @ignore */
11598
11598
  this.listItems = computed(() => {
11599
11599
  const groups = this.groups();
@@ -11627,36 +11627,36 @@ class AdsShipmentHistoryStepperComponent {
11627
11627
  /** @ignore */
11628
11628
  resolveIconName(action) {
11629
11629
  switch (action) {
11630
- case ShipmentHistoryAction.Created:
11631
- case ShipmentHistoryAction.Added:
11630
+ case HistoryAction.Created:
11631
+ case HistoryAction.Added:
11632
11632
  return 'file_add';
11633
- case ShipmentHistoryAction.Cancelled:
11634
- case ShipmentHistoryAction.Removed:
11633
+ case HistoryAction.Cancelled:
11634
+ case HistoryAction.Removed:
11635
11635
  return 'canceled_shipment';
11636
- case ShipmentHistoryAction.Edited:
11636
+ case HistoryAction.Edited:
11637
11637
  default:
11638
11638
  return 'pencil';
11639
11639
  }
11640
11640
  }
11641
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
11642
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsShipmentHistoryStepperComponent, isStandalone: false, selector: "ads-shipment-history-stepper", inputs: { groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<cdk-virtual-scroll-viewport [itemSize]=\"ITEM_HEIGHT\" class=\"stepper-viewport\">\n <div *cdkVirtualFor=\"let item of listItems(); trackBy: trackItem\" class=\"list-item\">\n @if (item.dateHeader) {\n <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"item.dateHeader\">\n <span class=\"date-label\">{{ item.dateHeader }}</span>\n </div>\n }\n\n <div class=\"history-event\">\n <div class=\"event-indicator-column\" aria-hidden=\"true\">\n <div class=\"event-indicator\">\n <div class=\"indicator-bubble\">\n <ads-icon [name]=\"resolveIconName(item.event.action)\" theme=\"light\" stroke=\"light\" size=\"xxxs\" />\n </div>\n </div>\n @if (!item.isLast) {\n <div class=\"event-connector\"></div>\n }\n </div>\n\n <div class=\"event-content\">\n <div class=\"event-header\">\n <span class=\"event-action\">{{ item.event.actionLabel ?? item.event.action }}</span>\n @if (item.event.contextTag) {\n <ads-tag\n [id]=\"'history-tag-' + item.event.contextTag.label\"\n [tag]=\"item.event.contextTag.label\"\n [color]=\"resolveTagColor(item.event.contextTag.color)\"\n [textColor]=\"'white'\"\n [removable]=\"false\"\n />\n }\n @if (item.event.fieldName) {\n <span class=\"event-field-name\">{{ item.event.fieldName }}</span>\n }\n </div>\n\n @if (item.event.oldValue || item.event.newValue) {\n <div class=\"event-value\">\n @if (item.event.oldValue) {\n <span class=\"old-value\">{{ item.event.oldValue }}</span>\n @if (item.event.action !== ShipmentHistoryAction.Removed) {\n <span class=\"value-arrow\" aria-hidden=\"true\">\u2192</span>\n }\n }\n @if (item.event.newValue) {\n <span class=\"new-value\">{{ item.event.newValue }}</span>\n }\n </div>\n }\n\n <div class=\"event-meta\">\n <span class=\"meta-time\">{{ item.event.time }}</span>\n @if (item.event.user) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.user }}</span>\n }\n </div>\n </div>\n </div>\n </div>\n</cdk-virtual-scroll-viewport>\n", styles: [":host{display:block;height:100%}.stepper-viewport{height:100%;width:100%}.list-item{display:flex;flex-direction:column;width:100%}.date-separator{display:flex;align-items:center;gap:16px;padding:8px 0;color:var(--color-medium);font-size:14px;line-height:18px}.date-separator:before,.date-separator:after{content:\"\";flex:1;height:1px;background-color:var(--color-muted)}.history-event{display:flex;gap:8px;align-items:stretch;min-width:0}.event-indicator-column{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px}.event-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.indicator-bubble{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:3px solid var(--color-light);background-color:transparent;box-sizing:border-box;flex-shrink:0}.indicator-bubble ::ng-deep ads-icon{width:10px!important;height:10px!important}.indicator-bubble ::ng-deep ads-icon svg{width:10px!important;height:10px!important}.event-connector{flex:1;width:4px;background-color:var(--color-light);min-height:86px;margin:4px 0;border-radius:80px}.event-content{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding-bottom:16px}.event-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.event-action{color:var(--color-dark);font-size:16px;font-weight:600;line-height:21px}.event-field-name{color:var(--color-dark);font-size:16px;font-weight:400;line-height:21px}.event-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;line-height:21px}.old-value{color:var(--color-medium);text-decoration:line-through}.value-arrow{color:var(--color-medium)}.new-value{color:var(--color-dark)}.event-meta{display:flex;align-items:center;gap:6px;color:var(--color-medium);font-size:14px;line-height:18px}.meta-separator{width:3px;height:3px;border-radius:50%;background-color:var(--color-medium);flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "textColor", "clickable", "tag"], outputs: ["remove", "selected"] }] }); }
11641
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
11642
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsHistoryStepperComponent, isStandalone: false, selector: "ads-history-stepper", inputs: { groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<cdk-virtual-scroll-viewport [itemSize]=\"ITEM_HEIGHT\" class=\"stepper-viewport\">\n <div *cdkVirtualFor=\"let item of listItems(); trackBy: trackItem\" class=\"list-item\">\n @if (item.dateHeader) {\n <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"item.dateHeader\">\n <span class=\"date-label\">{{ item.dateHeader }}</span>\n </div>\n }\n\n <div class=\"history-event\">\n <div class=\"event-indicator-column\" aria-hidden=\"true\">\n <div class=\"event-indicator\">\n <div class=\"indicator-bubble\">\n <ads-icon [name]=\"resolveIconName(item.event.action)\" theme=\"light\" stroke=\"light\" size=\"xxxs\" />\n </div>\n </div>\n @if (!item.isLast) {\n <div class=\"event-connector\"></div>\n }\n </div>\n\n <div class=\"event-content\">\n <div class=\"event-header\">\n <span class=\"event-action\">{{ item.event.actionLabel ?? item.event.action }}</span>\n @if (item.event.contextTag) {\n <ads-tag\n [id]=\"'history-tag-' + item.event.contextTag.label\"\n [tag]=\"item.event.contextTag.label\"\n [color]=\"resolveTagColor(item.event.contextTag.color)\"\n [textColor]=\"'white'\"\n [removable]=\"false\"\n />\n }\n @if (item.event.fieldName) {\n <span class=\"event-field-name\">{{ item.event.fieldName }}</span>\n }\n </div>\n\n @if (item.event.oldValue || item.event.newValue) {\n <div class=\"event-value\">\n @if (item.event.oldValue) {\n <span class=\"old-value\">{{ item.event.oldValue }}</span>\n @if (item.event.action !== HistoryAction.Removed) {\n <span class=\"value-arrow\" aria-hidden=\"true\">\u2192</span>\n }\n }\n @if (item.event.newValue) {\n <span class=\"new-value\">{{ item.event.newValue }}</span>\n }\n </div>\n }\n\n <div class=\"event-meta\">\n <span class=\"meta-time\">{{ item.event.time }}</span>\n @if (item.event.user) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.user }}</span>\n }\n @if (item.event.role) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.role }}</span>\n }\n </div>\n </div>\n </div>\n </div>\n</cdk-virtual-scroll-viewport>\n", styles: [":host{display:block;height:100%}.stepper-viewport{height:100%;width:100%}.list-item{display:flex;flex-direction:column;width:100%}.date-separator{display:flex;align-items:center;gap:16px;padding:8px 0;color:var(--color-medium);font-size:14px;line-height:18px}.date-separator:before,.date-separator:after{content:\"\";flex:1;height:1px;background-color:var(--color-muted)}.history-event{display:flex;gap:8px;align-items:stretch;min-width:0}.event-indicator-column{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:22px}.event-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.indicator-bubble{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:3px solid var(--color-light);background-color:transparent;box-sizing:border-box;flex-shrink:0}.indicator-bubble ::ng-deep ads-icon{width:10px!important;height:10px!important}.indicator-bubble ::ng-deep ads-icon svg{width:10px!important;height:10px!important}.event-connector{flex:1;width:4px;background-color:var(--color-light);min-height:86px;margin:4px 0;border-radius:80px}.event-content{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding-bottom:16px}.event-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.event-action{color:var(--color-dark);font-size:16px;font-weight:600;line-height:21px}.event-field-name{color:var(--color-dark);font-size:16px;font-weight:400;line-height:21px}.event-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;line-height:21px}.old-value{color:var(--color-medium);text-decoration:line-through}.value-arrow{color:var(--color-medium)}.new-value{color:var(--color-dark)}.event-meta{display:flex;align-items:center;gap:6px;color:var(--color-medium);font-size:14px;line-height:18px}.meta-separator{width:3px;height:3px;border-radius:50%;background-color:var(--color-medium);flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "textColor", "clickable", "tag"], outputs: ["remove", "selected"] }] }); }
11643
11643
  }
11644
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperComponent, decorators: [{
11644
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperComponent, decorators: [{
11645
11645
  type: Component,
11646
- args: [{ selector: 'ads-shipment-history-stepper', standalone: false, template: "<cdk-virtual-scroll-viewport [itemSize]=\"ITEM_HEIGHT\" class=\"stepper-viewport\">\n <div *cdkVirtualFor=\"let item of listItems(); trackBy: trackItem\" class=\"list-item\">\n @if (item.dateHeader) {\n <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"item.dateHeader\">\n <span class=\"date-label\">{{ item.dateHeader }}</span>\n </div>\n }\n\n <div class=\"history-event\">\n <div class=\"event-indicator-column\" aria-hidden=\"true\">\n <div class=\"event-indicator\">\n <div class=\"indicator-bubble\">\n <ads-icon [name]=\"resolveIconName(item.event.action)\" theme=\"light\" stroke=\"light\" size=\"xxxs\" />\n </div>\n </div>\n @if (!item.isLast) {\n <div class=\"event-connector\"></div>\n }\n </div>\n\n <div class=\"event-content\">\n <div class=\"event-header\">\n <span class=\"event-action\">{{ item.event.actionLabel ?? item.event.action }}</span>\n @if (item.event.contextTag) {\n <ads-tag\n [id]=\"'history-tag-' + item.event.contextTag.label\"\n [tag]=\"item.event.contextTag.label\"\n [color]=\"resolveTagColor(item.event.contextTag.color)\"\n [textColor]=\"'white'\"\n [removable]=\"false\"\n />\n }\n @if (item.event.fieldName) {\n <span class=\"event-field-name\">{{ item.event.fieldName }}</span>\n }\n </div>\n\n @if (item.event.oldValue || item.event.newValue) {\n <div class=\"event-value\">\n @if (item.event.oldValue) {\n <span class=\"old-value\">{{ item.event.oldValue }}</span>\n @if (item.event.action !== ShipmentHistoryAction.Removed) {\n <span class=\"value-arrow\" aria-hidden=\"true\">\u2192</span>\n }\n }\n @if (item.event.newValue) {\n <span class=\"new-value\">{{ item.event.newValue }}</span>\n }\n </div>\n }\n\n <div class=\"event-meta\">\n <span class=\"meta-time\">{{ item.event.time }}</span>\n @if (item.event.user) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.user }}</span>\n }\n </div>\n </div>\n </div>\n </div>\n</cdk-virtual-scroll-viewport>\n", styles: [":host{display:block;height:100%}.stepper-viewport{height:100%;width:100%}.list-item{display:flex;flex-direction:column;width:100%}.date-separator{display:flex;align-items:center;gap:16px;padding:8px 0;color:var(--color-medium);font-size:14px;line-height:18px}.date-separator:before,.date-separator:after{content:\"\";flex:1;height:1px;background-color:var(--color-muted)}.history-event{display:flex;gap:8px;align-items:stretch;min-width:0}.event-indicator-column{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px}.event-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.indicator-bubble{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:3px solid var(--color-light);background-color:transparent;box-sizing:border-box;flex-shrink:0}.indicator-bubble ::ng-deep ads-icon{width:10px!important;height:10px!important}.indicator-bubble ::ng-deep ads-icon svg{width:10px!important;height:10px!important}.event-connector{flex:1;width:4px;background-color:var(--color-light);min-height:86px;margin:4px 0;border-radius:80px}.event-content{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding-bottom:16px}.event-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.event-action{color:var(--color-dark);font-size:16px;font-weight:600;line-height:21px}.event-field-name{color:var(--color-dark);font-size:16px;font-weight:400;line-height:21px}.event-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;line-height:21px}.old-value{color:var(--color-medium);text-decoration:line-through}.value-arrow{color:var(--color-medium)}.new-value{color:var(--color-dark)}.event-meta{display:flex;align-items:center;gap:6px;color:var(--color-medium);font-size:14px;line-height:18px}.meta-separator{width:3px;height:3px;border-radius:50%;background-color:var(--color-medium);flex-shrink:0}\n"] }]
11646
+ args: [{ selector: 'ads-history-stepper', standalone: false, template: "<cdk-virtual-scroll-viewport [itemSize]=\"ITEM_HEIGHT\" class=\"stepper-viewport\">\n <div *cdkVirtualFor=\"let item of listItems(); trackBy: trackItem\" class=\"list-item\">\n @if (item.dateHeader) {\n <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"item.dateHeader\">\n <span class=\"date-label\">{{ item.dateHeader }}</span>\n </div>\n }\n\n <div class=\"history-event\">\n <div class=\"event-indicator-column\" aria-hidden=\"true\">\n <div class=\"event-indicator\">\n <div class=\"indicator-bubble\">\n <ads-icon [name]=\"resolveIconName(item.event.action)\" theme=\"light\" stroke=\"light\" size=\"xxxs\" />\n </div>\n </div>\n @if (!item.isLast) {\n <div class=\"event-connector\"></div>\n }\n </div>\n\n <div class=\"event-content\">\n <div class=\"event-header\">\n <span class=\"event-action\">{{ item.event.actionLabel ?? item.event.action }}</span>\n @if (item.event.contextTag) {\n <ads-tag\n [id]=\"'history-tag-' + item.event.contextTag.label\"\n [tag]=\"item.event.contextTag.label\"\n [color]=\"resolveTagColor(item.event.contextTag.color)\"\n [textColor]=\"'white'\"\n [removable]=\"false\"\n />\n }\n @if (item.event.fieldName) {\n <span class=\"event-field-name\">{{ item.event.fieldName }}</span>\n }\n </div>\n\n @if (item.event.oldValue || item.event.newValue) {\n <div class=\"event-value\">\n @if (item.event.oldValue) {\n <span class=\"old-value\">{{ item.event.oldValue }}</span>\n @if (item.event.action !== HistoryAction.Removed) {\n <span class=\"value-arrow\" aria-hidden=\"true\">\u2192</span>\n }\n }\n @if (item.event.newValue) {\n <span class=\"new-value\">{{ item.event.newValue }}</span>\n }\n </div>\n }\n\n <div class=\"event-meta\">\n <span class=\"meta-time\">{{ item.event.time }}</span>\n @if (item.event.user) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.user }}</span>\n }\n @if (item.event.role) {\n <div class=\"meta-separator\" aria-hidden=\"true\"></div>\n <span class=\"meta-user\">{{ item.event.role }}</span>\n }\n </div>\n </div>\n </div>\n </div>\n</cdk-virtual-scroll-viewport>\n", styles: [":host{display:block;height:100%}.stepper-viewport{height:100%;width:100%}.list-item{display:flex;flex-direction:column;width:100%}.date-separator{display:flex;align-items:center;gap:16px;padding:8px 0;color:var(--color-medium);font-size:14px;line-height:18px}.date-separator:before,.date-separator:after{content:\"\";flex:1;height:1px;background-color:var(--color-muted)}.history-event{display:flex;gap:8px;align-items:stretch;min-width:0}.event-indicator-column{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:22px}.event-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.indicator-bubble{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:3px solid var(--color-light);background-color:transparent;box-sizing:border-box;flex-shrink:0}.indicator-bubble ::ng-deep ads-icon{width:10px!important;height:10px!important}.indicator-bubble ::ng-deep ads-icon svg{width:10px!important;height:10px!important}.event-connector{flex:1;width:4px;background-color:var(--color-light);min-height:86px;margin:4px 0;border-radius:80px}.event-content{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding-bottom:16px}.event-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.event-action{color:var(--color-dark);font-size:16px;font-weight:600;line-height:21px}.event-field-name{color:var(--color-dark);font-size:16px;font-weight:400;line-height:21px}.event-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;line-height:21px}.old-value{color:var(--color-medium);text-decoration:line-through}.value-arrow{color:var(--color-medium)}.new-value{color:var(--color-dark)}.event-meta{display:flex;align-items:center;gap:6px;color:var(--color-medium);font-size:14px;line-height:18px}.meta-separator{width:3px;height:3px;border-radius:50%;background-color:var(--color-medium);flex-shrink:0}\n"] }]
11647
11647
  }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: true }] }] } });
11648
11648
 
11649
- class AdsShipmentHistoryStepperModule {
11650
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11651
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperModule, declarations: [AdsShipmentHistoryStepperComponent], imports: [CommonModule, ScrollingModule, AdsIconModule, AdsTagModule], exports: [AdsShipmentHistoryStepperComponent] }); }
11652
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperModule, imports: [CommonModule, ScrollingModule, AdsIconModule, AdsTagModule] }); }
11649
+ class AdsHistoryStepperModule {
11650
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11651
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperModule, declarations: [AdsHistoryStepperComponent], imports: [CommonModule, ScrollingModule, AdsIconModule, AdsTagModule], exports: [AdsHistoryStepperComponent] }); }
11652
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperModule, imports: [CommonModule, ScrollingModule, AdsIconModule, AdsTagModule] }); }
11653
11653
  }
11654
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsShipmentHistoryStepperModule, decorators: [{
11654
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsHistoryStepperModule, decorators: [{
11655
11655
  type: NgModule,
11656
11656
  args: [{
11657
- declarations: [AdsShipmentHistoryStepperComponent],
11657
+ declarations: [AdsHistoryStepperComponent],
11658
11658
  imports: [CommonModule, ScrollingModule, AdsIconModule, AdsTagModule],
11659
- exports: [AdsShipmentHistoryStepperComponent],
11659
+ exports: [AdsHistoryStepperComponent],
11660
11660
  }]
11661
11661
  }] });
11662
11662
 
@@ -12825,5 +12825,5 @@ function provideAdsUi(config) {
12825
12825
  * Generated bundle index. Do not edit.
12826
12826
  */
12827
12827
 
12828
- export { AdsArchitectureLogoComponent, AdsArchitectureLogoModule, AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBaselineWidgetComponent, AdsBaselineWidgetModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyFieldComponent, AdsCurrencyFieldModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsCustomerPortalLogoComponent, AdsCustomerPortalLogoModule, AdsCxaLogoComponent, AdsCxaLogoModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFilterMenuComponent, AdsFilterMenuModule, 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, AdsShipmentHistoryStepperComponent, AdsShipmentHistoryStepperModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSortMenuComponent, AdsSortMenuModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsSubNavigationButtonComponent, AdsSubNavigationButtonModule, 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, ShipmentHistoryAction, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
12828
+ export { AdsArchitectureLogoComponent, AdsArchitectureLogoModule, AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBaselineWidgetComponent, AdsBaselineWidgetModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyFieldComponent, AdsCurrencyFieldModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsCustomerPortalLogoComponent, AdsCustomerPortalLogoModule, AdsCxaLogoComponent, AdsCxaLogoModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFilterMenuComponent, AdsFilterMenuModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHistoryStepperComponent, AdsHistoryStepperModule, 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, AdsSortMenuComponent, AdsSortMenuModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsSubNavigationButtonComponent, AdsSubNavigationButtonModule, 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, HistoryAction, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
12829
12829
  //# sourceMappingURL=ascentgl-ads-ui.mjs.map