@indigina/ui-kit 1.1.605 → 1.1.606

package/fesm2022/indigina-ui-kit.mjs

@@ -12542,6 +12542,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     ], template: "<div class=\"kit-shipment-routing-overview\">\n  <div class=\"routing\">\n    <div class=\"routing-port\">\n      <div class=\"routing-port-label\">{{ view().originLabel }}</div>\n      <div class=\"routing-port-name\">{{ view().originPort || '-' }}</div>\n      <div class=\"routing-port-date\">{{ view().originDate ? (toUtcIsoString(view().originDate) | date: dateFormat() : 'UTC') : '-' }}</div>\n    </div>\n    <div class=\"routing-main\">\n      <kit-pill [theme]=\"kitPillTheme.BLUE\">\n        {{ view().transitDaysLabel }}\n      </kit-pill>\n      <div class=\"routing-route\">\n        <div class=\"routing-track\">\n          <div class=\"routing-track-progress\"\n               [style.width.%]=\"progressPercent()\"></div>\n        </div>\n        <div class=\"routing-ports\">\n          @for (port of ports(); track $index) {\n            <div class=\"port-item\"\n                 [style.left.%]=\"getPortPositionPercent($index)\"\n                 [class.port-item-completed]=\"isPortCompleted($index)\">\n              <div class=\"port-item-dot\"></div>\n              <p class=\"port-item-name\">\n                {{ port }}\n              </p>\n            </div>\n          }\n        </div>\n        <div class=\"routing-transport\"\n             [style.left.%]=\"progressPercent()\">\n          <kit-svg-icon class=\"routing-transport-icon\"\n                        [icon]=\"view().transportIcon ?? null\"\n                        [ngClass]=\"kitSvgIconType.FILL\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"routing-port\">\n      <div class=\"routing-port-label\">{{ view().destinationLabel }}</div>\n      <div class=\"routing-port-name\">{{ view().destinationPort || '-' }}</div>\n      <div class=\"routing-port-date\">{{ view().destinationDate ? (toUtcIsoString(view().destinationDate) | date: dateFormat() : 'UTC') : '-' }}</div>\n    </div>\n  </div>\n</div>\n", styles: [".kit-shipment-routing-overview{display:block}.kit-shipment-routing-overview .routing{display:grid;grid-template-columns:120px 1fr 120px;gap:60px;align-items:center;color:var(--ui-kit-color-grey-10)}.kit-shipment-routing-overview .routing-port{display:flex;flex-direction:column;gap:5px;font-size:14px}.kit-shipment-routing-overview .routing-port:last-child{text-align:right}.kit-shipment-routing-overview .routing-port-label{margin-bottom:5px;color:var(--ui-kit-color-grey-14)}.kit-shipment-routing-overview .routing-port-name{font-size:16px;font-weight:600;line-height:1.2}.kit-shipment-routing-overview .routing-port-date{color:var(--ui-kit-color-grey-20)}.kit-shipment-routing-overview .routing-main{display:flex;flex-direction:column;align-items:center;flex:1;gap:20px}.kit-shipment-routing-overview .routing-route{position:relative;align-self:stretch}.kit-shipment-routing-overview .routing-track{position:absolute;left:0;right:0;top:6px;height:2px;border-radius:999px;background:var(--ui-kit-color-grey-11)}.kit-shipment-routing-overview .routing-track-progress{height:100%;border-radius:inherit;background:var(--ui-kit-color-green-1)}.kit-shipment-routing-overview .routing-ports{position:relative;min-height:70px}.kit-shipment-routing-overview .routing-transport{position:absolute;top:-20px;transform:translate(-50%);width:44px;height:44px;background:var(--ui-kit-color-white);display:flex;align-items:center;justify-content:center;z-index:1}.kit-shipment-routing-overview .routing-transport-icon{width:38px;height:38px;fill:var(--ui-kit-color-green-1)}.kit-shipment-routing-overview .port-item{position:absolute;top:2px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;max-width:150px;transform:translate(-50%)}.kit-shipment-routing-overview .port-item-dot{width:9px;height:9px;border-radius:50%;background:var(--ui-kit-color-grey-11);z-index:1}.kit-shipment-routing-overview .port-item-name{font-size:14px;color:var(--ui-kit-color-grey-14);text-align:center;width:150px;line-height:1.2}.kit-shipment-routing-overview .port-item-completed .port-item-dot{background:var(--ui-kit-color-green-1)}.kit-shipment-routing-overview .port-item:first-child .port-item-name{text-align:left;transform:translate(30%)}.kit-shipment-routing-overview .port-item:last-child .port-item-name{text-align:right;transform:translate(-30%)}@container routing-layout (max-width: 960px){.kit-shipment-routing-overview .routing{grid-template-columns:1fr 1fr;gap:20px}.kit-shipment-routing-overview .routing-port:first-child{order:1}.kit-shipment-routing-overview .routing-port:last-child{order:2;text-align:right}.kit-shipment-routing-overview .routing-main{order:3;grid-column:span 2}.kit-shipment-routing-overview .port-item:first-child{align-items:flex-start;transform:none}.kit-shipment-routing-overview .port-item:first-child .port-item-name{text-align:left;transform:none}.kit-shipment-routing-overview .port-item:last-child{align-items:flex-end;transform:translate(-100%)}.kit-shipment-routing-overview .port-item:last-child .port-item-name{text-align:right;transform:none}}\n"] }]
         }], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }] } });
 
+var KitShipmentContainerUtilisationColor;
+(function (KitShipmentContainerUtilisationColor) {
+    KitShipmentContainerUtilisationColor["Green"] = "green";
+    KitShipmentContainerUtilisationColor["Amber"] = "amber";
+    KitShipmentContainerUtilisationColor["Red"] = "red";
+})(KitShipmentContainerUtilisationColor || (KitShipmentContainerUtilisationColor = {}));
+
+class KitShipmentContainerCardComponent {
+    constructor() {
+        this.container = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+        this.isContainerActive = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isContainerActive" }] : /* istanbul ignore next */ []));
+        this.isDetailsExpanded = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDetailsExpanded" }] : /* istanbul ignore next */ []));
+        this.maxPayloadByContainerSizeMap = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxPayloadByContainerSizeMap" }] : /* istanbul ignore next */ []));
+        this.showCartoonsField = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCartoonsField" }] : /* istanbul ignore next */ []));
+        this.showGateInDateField = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showGateInDateField" }] : /* istanbul ignore next */ []));
+        this.containerSelected = output();
+        this.kitExpansionPanelToggleMode = KitExpansionPanelToggleMode;
+        this.kitStatusLabelSize = KitStatusLabelSize;
+        this.kitDataFieldLayout = KitDataFieldLayout;
+        this.kitDataFieldState = KitDataFieldState;
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitTooltipPosition = KitTooltipPosition;
+        this.kitStatusLabelColor = KitStatusLabelColor;
+        this.dateformat = KIT_DATE_FORMAT;
+    }
+    getUtilisationProgress(size, cbm) {
+        const rate = this.getUtilisationRate(size, cbm);
+        if (rate === null) {
+            return 0;
+        }
+        return Math.max(0, Math.min(rate, 100));
+    }
+    getUtilisationDisplayValue(size, cbm) {
+        const rate = this.getUtilisationRate(size, cbm);
+        return rate === null ? '-' : `${Math.round(rate)}%`;
+    }
+    getUtilisationColor(size, cbm) {
+        const rate = this.getUtilisationRate(size, cbm);
+        if (!rate) {
+            return null;
+        }
+        if (rate >= 80) {
+            return KitShipmentContainerUtilisationColor.Green;
+        }
+        if (rate >= 70) {
+            return KitShipmentContainerUtilisationColor.Amber;
+        }
+        return KitShipmentContainerUtilisationColor.Red;
+    }
+    getMaximumPayload(containerSize) {
+        if (!containerSize) {
+            return null;
+        }
+        return this.maxPayloadByContainerSizeMap()[containerSize] ?? null;
+    }
+    getUtilisationRate(size, cbm) {
+        const maximumPayload = this.getMaximumPayload(size);
+        const volume = cbm;
+        if (!maximumPayload || volume === null) {
+            return null;
+        }
+        return Math.round(volume / maximumPayload * 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitShipmentContainerCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitShipmentContainerCardComponent, isStandalone: true, selector: "kit-shipment-container-card", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null }, isContainerActive: { classPropertyName: "isContainerActive", publicName: "isContainerActive", isSignal: true, isRequired: true, transformFunction: null }, isDetailsExpanded: { classPropertyName: "isDetailsExpanded", publicName: "isDetailsExpanded", isSignal: true, isRequired: true, transformFunction: null }, maxPayloadByContainerSizeMap: { classPropertyName: "maxPayloadByContainerSizeMap", publicName: "maxPayloadByContainerSizeMap", isSignal: true, isRequired: true, transformFunction: null }, showCartoonsField: { classPropertyName: "showCartoonsField", publicName: "showCartoonsField", isSignal: true, isRequired: false, transformFunction: null }, showGateInDateField: { classPropertyName: "showGateInDateField", publicName: "showGateInDateField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { containerSelected: "containerSelected" }, ngImport: i0, template: "<kit-expansion-panel class=\"kit-shipment-container-card\"\n                     [class.active]=\"isContainerActive()\"\n                     [toggleMode]=\"kitExpansionPanelToggleMode.BUTTON\"\n                     [expanded]=\"isDetailsExpanded()\"\n                     [hasToggleButton]=\"false\"\n                     [active]=\"isContainerActive()\"\n                     (panelClick)=\"containerSelected.emit(container().id)\">\n  <ng-template kitExpansionPanelHeaderTemplate>\n    <div class=\"card-header\">\n      <div class=\"card-header-left\">\n        <kit-radio-button [value]=\"container().id\"\n                          [checked]=\"isContainerActive()\" />\n        <div class=\"col-main\">\n          <div class=\"title\">{{ container().number }}</div>\n          <div class=\"subtitle\">\n            {{ \"kit.shipmentContainer.sealNumber\" | translate }}\n            {{ container().sealNumber || '-' }}\n          </div>\n        </div>\n        <div class=\"col-status\">\n          @if (container().state) {\n            <kit-status-label [color]=\"container().stateLabelColor ?? kitStatusLabelColor.WHITE\"\n                              [size]=\"kitStatusLabelSize.SMALL\">\n              {{ container().state }}\n            </kit-status-label>\n          }\n        </div>\n      </div>\n      <div class=\"card-header-right\">\n        <div class=\"col-size\">\n          <div class=\"field\">\n            <div class=\"field-label\">{{ \"kit.shipmentContainer.sizeMode\" | translate }}</div>\n            <div class=\"field-value\">{{ container().sizeModeValue }}</div>\n          </div>\n        </div>\n        <div class=\"col-utilisation\">\n          @let utilisation = getUtilisationProgress(container().size, container().volume);\n          <div class=\"field\"\n               kitTooltip\n               kitTooltipFilter=\".field\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"'kit.shipmentContainer.utilisationTooltip' | translate:{ value: utilisation }\">\n            <div class=\"field-label\">{{ \"kit.shipmentContainer.utilisation\" | translate }}</div>\n            <div class=\"field-value\">{{ utilisation }}%</div>\n          </div>\n          <div class=\"progress\">\n            <div class=\"progress-bar\"\n                [style.width.%]=\"getUtilisationProgress(container().size, container().volume)\"\n                [ngClass]=\"getUtilisationColor(container().size, container().volume)\"\n            ></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <div class=\"card-details\">\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.sizeMode' | translate\"\n                    [value]=\"container().sizeModeValue\"\n                    [tooltipText]=\"container().sizeWarning || undefined\"\n                    [state]=\"container().sizeWarningState ?? kitDataFieldState.DEFAULT\"\n                    [icon]=\"container().sizeWarning && kitSvgIcon.WARNING_CIRCLE || undefined\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.weight' | translate\"\n                    [value]=\"container().weight ? container().weight + ' ' + container().unitOfMeasure : '-'\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    @if (showGateInDateField()) {\n      <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                      [label]=\"'kit.shipmentContainer.gateInDate' | translate\"\n                      [value]=\"container().gateInDate | date: dateformat : 'UTC'\"\n                      [layout]=\"kitDataFieldLayout.COMPACT\"\n      ></kit-data-field>\n    }\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.volume' | translate\"\n                    [value]=\"container().volume ? container().volume + ' ' + container().unitOfVolume : '-'\"\n                    [tooltipText]=\"container().volumeWarning || undefined\"\n                    [state]=\"container().volumeWarningState ?? kitDataFieldState.DEFAULT\"\n                    [icon]=\"container().volumeWarning && kitSvgIcon.WARNING_CIRCLE || undefined\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.shippedQty' | translate\"\n                    [value]=\"container().shippedQuantity\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    @if (showCartoonsField()) {\n      <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                      [label]=\"'kit.shipmentContainer.cartoons' | translate\"\n                      [value]=\"container().cartoons\"\n                      [layout]=\"kitDataFieldLayout.COMPACT\"\n      ></kit-data-field>\n    }\n  </div>\n</kit-expansion-panel>\n", styles: [".kit-shipment-container-card{display:block;container:containers-details/inline-size}.kit-shipment-container-card.active .card-header-right .field-label,.kit-shipment-container-card.active .card-header .col-main .subtitle{color:var(--ui-kit-color-grey-10)}.kit-shipment-container-card.active .card-header .progress{background:var(--ui-kit-color-grey-17)}.kit-shipment-container-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:30px}.kit-shipment-container-card .card-header-left,.kit-shipment-container-card .card-header-right{display:flex;align-items:center}.kit-shipment-container-card .card-header-left .title,.kit-shipment-container-card .card-header-right .title{font-weight:500;font-size:16px;line-height:22px}.kit-shipment-container-card .card-header-left .subtitle,.kit-shipment-container-card .card-header-right .subtitle{color:var(--ui-kit-color-grey-12);font-size:13px}.kit-shipment-container-card .card-header-left .field,.kit-shipment-container-card .card-header-right .field{display:flex;flex-direction:column;gap:5px;text-align:center}.kit-shipment-container-card .card-header-left .field-label,.kit-shipment-container-card .card-header-right .field-label{color:var(--ui-kit-color-grey-12);font-size:13px}.kit-shipment-container-card .card-header-left .field-value,.kit-shipment-container-card .card-header-right .field-value{font-size:14px}.kit-shipment-container-card .card-header-left .progress,.kit-shipment-container-card .card-header-right .progress{width:100px;height:8px;border-radius:8px;background:var(--ui-kit-color-grey-11)}.kit-shipment-container-card .card-header-left .progress-bar,.kit-shipment-container-card .card-header-right .progress-bar{height:100%;width:0;border-radius:8px;transition:width .2s ease}.kit-shipment-container-card .card-header-left .progress-bar.green,.kit-shipment-container-card .card-header-right .progress-bar.green{background:var(--ui-kit-color-green-6)}.kit-shipment-container-card .card-header-left .progress-bar.amber,.kit-shipment-container-card .card-header-right .progress-bar.amber{background:var(--ui-kit-color-orange-5)}.kit-shipment-container-card .card-header-left .progress-bar.red,.kit-shipment-container-card .card-header-right .progress-bar.red{background:var(--ui-kit-color-red-1)}.kit-shipment-container-card .card-header-left{gap:20px}.kit-shipment-container-card .card-header-right{gap:30px}.kit-shipment-container-card .card-header .col-main{display:flex;flex-direction:column;gap:5px}.kit-shipment-container-card .card-header .col-meta{align-items:center;text-align:center}.kit-shipment-container-card .card-header .col-status{align-self:flex-start}.kit-shipment-container-card .card-header .col-utilisation{display:flex;align-items:center;gap:10px}.kit-shipment-container-card .card-details{display:grid}.kit-shipment-container-card-data-field:nth-child(-n+3){border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-shipment-container-card ::ng-deep .kit-expansion-panel{cursor:pointer}.kit-shipment-container-card ::ng-deep .kit-expansion-panel.active{background:var(--ui-kit-color-background)}.kit-shipment-container-card ::ng-deep .kit-expansion-panel:not(.active).default.k-expanded .kit-expansion-panel-content{margin-bottom:-1px}.kit-shipment-container-card ::ng-deep .kit-expansion-panel.default.k-expanded .kit-expansion-panel-content{padding-bottom:0}@container containers-details (min-width: 1100px){.card-details{grid-template-columns:repeat(3,1fr)}}@container containers-details (max-width: 1100px){.card-details{grid-template-columns:repeat(2,1fr)}.kit-shipment-container-card-data-field:nth-child(-n+4){border-bottom:1px solid var(--ui-kit-color-grey-11)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "type", "value", "checked", "icon", "disabled"], outputs: ["checkedChange", "disabledChange", "changed"] }, { kind: "component", type: KitExpansionPanelComponent, selector: "kit-expansion-panel", inputs: ["title", "disabled", "toggleMode", "expanded", "active", "hasToggleButton", "view"], outputs: ["expandedChange", "expand", "collapse", "panelClick"] }, { kind: "directive", type: KitExpansionPanelHeaderTemplateDirective, selector: "[kitExpansionPanelHeaderTemplate]" }, { kind: "component", type: KitDataFieldComponent, selector: "kit-data-field", inputs: ["label", "value", "link", "queryParams", "target", "state", "tooltipText", "icon", "iconType", "layout"] }, { kind: "component", type: KitStatusLabelComponent, selector: "kit-status-label", inputs: ["color", "size", "tooltip", "truncateText"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitShipmentContainerCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-shipment-container-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        TranslatePipe,
+                        DatePipe,
+                        NgClass,
+                        KitRadioButtonComponent,
+                        KitExpansionPanelComponent,
+                        KitExpansionPanelHeaderTemplateDirective,
+                        KitDataFieldComponent,
+                        KitStatusLabelComponent,
+                        KitTooltipDirective,
+                    ], template: "<kit-expansion-panel class=\"kit-shipment-container-card\"\n                     [class.active]=\"isContainerActive()\"\n                     [toggleMode]=\"kitExpansionPanelToggleMode.BUTTON\"\n                     [expanded]=\"isDetailsExpanded()\"\n                     [hasToggleButton]=\"false\"\n                     [active]=\"isContainerActive()\"\n                     (panelClick)=\"containerSelected.emit(container().id)\">\n  <ng-template kitExpansionPanelHeaderTemplate>\n    <div class=\"card-header\">\n      <div class=\"card-header-left\">\n        <kit-radio-button [value]=\"container().id\"\n                          [checked]=\"isContainerActive()\" />\n        <div class=\"col-main\">\n          <div class=\"title\">{{ container().number }}</div>\n          <div class=\"subtitle\">\n            {{ \"kit.shipmentContainer.sealNumber\" | translate }}\n            {{ container().sealNumber || '-' }}\n          </div>\n        </div>\n        <div class=\"col-status\">\n          @if (container().state) {\n            <kit-status-label [color]=\"container().stateLabelColor ?? kitStatusLabelColor.WHITE\"\n                              [size]=\"kitStatusLabelSize.SMALL\">\n              {{ container().state }}\n            </kit-status-label>\n          }\n        </div>\n      </div>\n      <div class=\"card-header-right\">\n        <div class=\"col-size\">\n          <div class=\"field\">\n            <div class=\"field-label\">{{ \"kit.shipmentContainer.sizeMode\" | translate }}</div>\n            <div class=\"field-value\">{{ container().sizeModeValue }}</div>\n          </div>\n        </div>\n        <div class=\"col-utilisation\">\n          @let utilisation = getUtilisationProgress(container().size, container().volume);\n          <div class=\"field\"\n               kitTooltip\n               kitTooltipFilter=\".field\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"'kit.shipmentContainer.utilisationTooltip' | translate:{ value: utilisation }\">\n            <div class=\"field-label\">{{ \"kit.shipmentContainer.utilisation\" | translate }}</div>\n            <div class=\"field-value\">{{ utilisation }}%</div>\n          </div>\n          <div class=\"progress\">\n            <div class=\"progress-bar\"\n                [style.width.%]=\"getUtilisationProgress(container().size, container().volume)\"\n                [ngClass]=\"getUtilisationColor(container().size, container().volume)\"\n            ></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <div class=\"card-details\">\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.sizeMode' | translate\"\n                    [value]=\"container().sizeModeValue\"\n                    [tooltipText]=\"container().sizeWarning || undefined\"\n                    [state]=\"container().sizeWarningState ?? kitDataFieldState.DEFAULT\"\n                    [icon]=\"container().sizeWarning && kitSvgIcon.WARNING_CIRCLE || undefined\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.weight' | translate\"\n                    [value]=\"container().weight ? container().weight + ' ' + container().unitOfMeasure : '-'\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    @if (showGateInDateField()) {\n      <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                      [label]=\"'kit.shipmentContainer.gateInDate' | translate\"\n                      [value]=\"container().gateInDate | date: dateformat : 'UTC'\"\n                      [layout]=\"kitDataFieldLayout.COMPACT\"\n      ></kit-data-field>\n    }\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.volume' | translate\"\n                    [value]=\"container().volume ? container().volume + ' ' + container().unitOfVolume : '-'\"\n                    [tooltipText]=\"container().volumeWarning || undefined\"\n                    [state]=\"container().volumeWarningState ?? kitDataFieldState.DEFAULT\"\n                    [icon]=\"container().volumeWarning && kitSvgIcon.WARNING_CIRCLE || undefined\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                    [label]=\"'kit.shipmentContainer.shippedQty' | translate\"\n                    [value]=\"container().shippedQuantity\"\n                    [layout]=\"kitDataFieldLayout.COMPACT\"\n    ></kit-data-field>\n    @if (showCartoonsField()) {\n      <kit-data-field class=\"kit-shipment-container-card-data-field\"\n                      [label]=\"'kit.shipmentContainer.cartoons' | translate\"\n                      [value]=\"container().cartoons\"\n                      [layout]=\"kitDataFieldLayout.COMPACT\"\n      ></kit-data-field>\n    }\n  </div>\n</kit-expansion-panel>\n", styles: [".kit-shipment-container-card{display:block;container:containers-details/inline-size}.kit-shipment-container-card.active .card-header-right .field-label,.kit-shipment-container-card.active .card-header .col-main .subtitle{color:var(--ui-kit-color-grey-10)}.kit-shipment-container-card.active .card-header .progress{background:var(--ui-kit-color-grey-17)}.kit-shipment-container-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:30px}.kit-shipment-container-card .card-header-left,.kit-shipment-container-card .card-header-right{display:flex;align-items:center}.kit-shipment-container-card .card-header-left .title,.kit-shipment-container-card .card-header-right .title{font-weight:500;font-size:16px;line-height:22px}.kit-shipment-container-card .card-header-left .subtitle,.kit-shipment-container-card .card-header-right .subtitle{color:var(--ui-kit-color-grey-12);font-size:13px}.kit-shipment-container-card .card-header-left .field,.kit-shipment-container-card .card-header-right .field{display:flex;flex-direction:column;gap:5px;text-align:center}.kit-shipment-container-card .card-header-left .field-label,.kit-shipment-container-card .card-header-right .field-label{color:var(--ui-kit-color-grey-12);font-size:13px}.kit-shipment-container-card .card-header-left .field-value,.kit-shipment-container-card .card-header-right .field-value{font-size:14px}.kit-shipment-container-card .card-header-left .progress,.kit-shipment-container-card .card-header-right .progress{width:100px;height:8px;border-radius:8px;background:var(--ui-kit-color-grey-11)}.kit-shipment-container-card .card-header-left .progress-bar,.kit-shipment-container-card .card-header-right .progress-bar{height:100%;width:0;border-radius:8px;transition:width .2s ease}.kit-shipment-container-card .card-header-left .progress-bar.green,.kit-shipment-container-card .card-header-right .progress-bar.green{background:var(--ui-kit-color-green-6)}.kit-shipment-container-card .card-header-left .progress-bar.amber,.kit-shipment-container-card .card-header-right .progress-bar.amber{background:var(--ui-kit-color-orange-5)}.kit-shipment-container-card .card-header-left .progress-bar.red,.kit-shipment-container-card .card-header-right .progress-bar.red{background:var(--ui-kit-color-red-1)}.kit-shipment-container-card .card-header-left{gap:20px}.kit-shipment-container-card .card-header-right{gap:30px}.kit-shipment-container-card .card-header .col-main{display:flex;flex-direction:column;gap:5px}.kit-shipment-container-card .card-header .col-meta{align-items:center;text-align:center}.kit-shipment-container-card .card-header .col-status{align-self:flex-start}.kit-shipment-container-card .card-header .col-utilisation{display:flex;align-items:center;gap:10px}.kit-shipment-container-card .card-details{display:grid}.kit-shipment-container-card-data-field:nth-child(-n+3){border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-shipment-container-card ::ng-deep .kit-expansion-panel{cursor:pointer}.kit-shipment-container-card ::ng-deep .kit-expansion-panel.active{background:var(--ui-kit-color-background)}.kit-shipment-container-card ::ng-deep .kit-expansion-panel:not(.active).default.k-expanded .kit-expansion-panel-content{margin-bottom:-1px}.kit-shipment-container-card ::ng-deep .kit-expansion-panel.default.k-expanded .kit-expansion-panel-content{padding-bottom:0}@container containers-details (min-width: 1100px){.card-details{grid-template-columns:repeat(3,1fr)}}@container containers-details (max-width: 1100px){.card-details{grid-template-columns:repeat(2,1fr)}.kit-shipment-container-card-data-field:nth-child(-n+4){border-bottom:1px solid var(--ui-kit-color-grey-11)}}\n"] }]
+        }], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: true }] }], isContainerActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isContainerActive", required: true }] }], isDetailsExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDetailsExpanded", required: true }] }], maxPayloadByContainerSizeMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPayloadByContainerSizeMap", required: true }] }], showCartoonsField: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCartoonsField", required: false }] }], showGateInDateField: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGateInDateField", required: false }] }], containerSelected: [{ type: i0.Output, args: ["containerSelected"] }] } });
+
 var KitLanguage;
 (function (KitLanguage) {
     KitLanguage["ENGLISH"] = "en";
@@ -12874,6 +12961,17 @@ const kitTranslations = {
                     legType: 'Leg Type',
                 },
             },
+            shipmentContainer: {
+                sealNumber: 'Seal No:',
+                sizeMode: 'Size / Mode:',
+                weight: 'Weight:',
+                gateInDate: 'Gate In Date:',
+                volume: 'Volume:',
+                shippedQty: 'Shipped Qty:',
+                cartoons: 'Cartons (Actual / Exp):',
+                utilisation: 'Utilisation',
+                utilisationTooltip: '{{ value }}% of container volume utilised',
+            },
         },
     },
     fr: {
@@ -13182,6 +13280,17 @@ const kitTranslations = {
                     legType: 'Type de trajet',
                 },
             },
+            shipmentContainer: {
+                sealNumber: 'N° de plomb :',
+                sizeMode: 'Taille / Mode :',
+                weight: 'Poids :',
+                gateInDate: 'Date d\'entrée au terminal :',
+                volume: 'Volume :',
+                shippedQty: 'Qté expédiée :',
+                cartoons: 'Cartons (Réel / Prévu) :',
+                utilisation: 'Utilisation',
+                utilisationTooltip: '{{ value }}% du volume du conteneur utilisé',
+            },
         },
     },
     de: {
@@ -13490,6 +13599,17 @@ const kitTranslations = {
                     legType: 'Streckentyp',
                 },
             },
+            shipmentContainer: {
+                sealNumber: 'Plombennummer:',
+                sizeMode: 'Größe / Modus:',
+                weight: 'Gewicht:',
+                gateInDate: 'Gate-In-Datum:',
+                volume: 'Volumen:',
+                shippedQty: 'Versandmenge:',
+                cartoons: 'Kartons (Ist / Erwartet):',
+                utilisation: 'Auslastung',
+                utilisationTooltip: '{{ value }}% des Containervolumens ausgelastet',
+            },
         },
     },
     ru: {
@@ -13794,6 +13914,17 @@ const kitTranslations = {
                     legType: 'Тип участка',
                 },
             },
+            shipmentContainer: {
+                sealNumber: 'Номер пломбы:',
+                sizeMode: 'Размер / Режим:',
+                weight: 'Вес:',
+                gateInDate: 'Дата въезда:',
+                volume: 'Объем:',
+                shippedQty: 'Отгруженное кол-во:',
+                cartoons: 'Коробки (Факт / Ожид.):',
+                utilisation: 'Использование',
+                utilisationTooltip: 'Использовано {{ value }}% объема контейнера',
+            },
         },
     },
     'zh-CN': {
@@ -14098,6 +14229,17 @@ const kitTranslations = {
                     legType: '航段类型',
                 },
             },
+            shipmentContainer: {
+                sealNumber: '封条号：',
+                sizeMode: '尺寸/模式：',
+                weight: '重量：',
+                gateInDate: '入闸日期：',
+                volume: '体积：',
+                shippedQty: '已发货数量：',
+                cartoons: '纸箱（实际/预计）：',
+                utilisation: '利用率',
+                utilisationTooltip: '已使用集装箱容积的 {{ value }}%',
+            },
         },
     },
 };
@@ -19446,5 +19588,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, DeletePartner, FetchApiTokens, FetchPartners, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_LANGUAGE_LABELS, KIT_PARTNERS_STATE_TOKEN, KIT_SUPPORTED_LANGUAGES, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteSize, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCodeEditorComponent, KitCodeEditorLanguage, KitCodeEditorMode, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldLayout, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEmptySectionSize, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntitySectionLayout, KitEntityTitleComponent, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFileUploadTemplateType, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitHttpErrorHandlerService, KitLanguage, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPartnerComponent, KitPartnerService, KitPartnerState, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSelectableCardComponent, KitShipmentRoutingCardComponent, KitShipmentRoutingOverviewComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineCompactLineTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApiService, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersService, KitUsersSettingsComponent, KitUsersSettingsEntitlementType, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, UpdatePartnerName, UpdateUserPreferences, buildRandomUUID, buildRoutePorts, calculateCurrentLegProgress, calculateDurationInDays, calculateMainRouteProgressPercent, changeFilterField, createDataFetcherFactory, findMatches, getLegArrivalDate, getLegDepartureDate, getMainRouteActiveLegIndex, getTextboxState, getTransportIconLegIndex, isKitFilterDescriptor, isKitLanguageSupported, isLegReachedDestination, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitUsersSettingsConfig, kitWhitespaceValidator, mapGlobalSearchResult, toUtcIsoString, trimTrailingSlash };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, DeletePartner, FetchApiTokens, FetchPartners, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_LANGUAGE_LABELS, KIT_PARTNERS_STATE_TOKEN, KIT_SUPPORTED_LANGUAGES, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteSize, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCodeEditorComponent, KitCodeEditorLanguage, KitCodeEditorMode, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldLayout, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEmptySectionSize, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntitySectionLayout, KitEntityTitleComponent, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFileUploadTemplateType, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitHttpErrorHandlerService, KitLanguage, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPartnerComponent, KitPartnerService, KitPartnerState, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSelectableCardComponent, KitShipmentContainerCardComponent, KitShipmentRoutingCardComponent, KitShipmentRoutingOverviewComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineCompactLineTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApiService, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersService, KitUsersSettingsComponent, KitUsersSettingsEntitlementType, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, UpdatePartnerName, UpdateUserPreferences, buildRandomUUID, buildRoutePorts, calculateCurrentLegProgress, calculateDurationInDays, calculateMainRouteProgressPercent, changeFilterField, createDataFetcherFactory, findMatches, getLegArrivalDate, getLegDepartureDate, getMainRouteActiveLegIndex, getTextboxState, getTransportIconLegIndex, isKitFilterDescriptor, isKitLanguageSupported, isLegReachedDestination, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitUsersSettingsConfig, kitWhitespaceValidator, mapGlobalSearchResult, toUtcIsoString, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map