@porscheinformatik/clr-addons 12.8.4 → 12.9.1

package/fesm2020/clr-addons.mjs

@@ -3390,6 +3390,7 @@ class ClrTreetable {
     }
     set ttRows(items) {
         this._ttRows = items;
+        this.hasActionOverflow = false;
         this.initClickableRows();
         this.initEmpty();
         this.initActionOverflow();
@@ -3413,9 +3414,14 @@ class ClrTreetable {
         });
     }
     setActionOverflow(hasActionOverflow) {
-        this.hasActionOverflow = this.hasActionOverflow || hasActionOverflow;
-        if (this.hasActionOverflow) {
-            this._ttRows.forEach(ttRow => (ttRow.showActionOverflow = true));
+        if (!this.hasActionOverflow && hasActionOverflow) {
+            this.hasActionOverflow = true;
+            // setTimeout needed, as this method needs to change data which shouldn't be changed anymore in this cycle
+            setTimeout(() => {
+                if (this.hasActionOverflow) {
+                    this._ttRows.forEach(ttRow => (ttRow.showActionOverflow = true));
+                }
+            });
         }
     }
     ngOnDestroy() {
@@ -4804,6 +4810,185 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }] });
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * Generic accessor for deep object properties
+ * that can be specified as simple dot-separated strings.
+ */
+class NestedProperty {
+    constructor(prop) {
+        this.prop = prop;
+        if (prop.indexOf('.') >= 0) {
+            this.splitProp = prop.split('.');
+        }
+    }
+    // Safe getter for a deep object property, will not throw an error but return
+    // undefined if one of the intermediate properties is null or undefined.
+    getPropValue(item) {
+        if (this.splitProp) {
+            let value = item;
+            for (const nestedProp of this.splitProp) {
+                if (value === null ||
+                    typeof value === 'undefined' ||
+                    typeof value[nestedProp] === 'undefined') {
+                    return undefined;
+                }
+                value = value[nestedProp];
+            }
+            return value;
+        }
+        else {
+            return item[this.prop];
+        }
+    }
+}
+
+class ClrDateFilterComponent {
+    constructor(filterContainer, commonStrings) {
+        this.commonStrings = commonStrings;
+        this.filterValueChange = new EventEmitter();
+        /**
+         * Internal values and accessor
+         */
+        this._from = null;
+        this._to = null;
+        /**
+         * The Observable required as part of the Filter interface
+         */
+        this._changes = new Subject();
+        filterContainer.setFilter(this);
+    }
+    set property(value) {
+        this.nestedProp = new NestedProperty(value);
+    }
+    get maxPlaceholderValue() {
+        return this.maxPlaceholder || this.commonStrings.keys.maxValue;
+    }
+    get minPlaceholderValue() {
+        return this.minPlaceholder || this.commonStrings.keys.minValue;
+    }
+    set value(values) {
+        if (Array.isArray(values)) {
+            if (values && (values[0] !== this._from || values[1] !== this._to)) {
+                if (typeof values[0] === 'object') {
+                    this._from = values[0];
+                }
+                else {
+                    this._from = null;
+                }
+                if (typeof values[1] === 'object') {
+                    this._to = values[1];
+                }
+                else {
+                    this._to = null;
+                }
+                this._changes.next(values);
+            }
+        }
+    }
+    get from() {
+        return this._from;
+    }
+    set from(from) {
+        if (typeof from === 'object' && from !== this._from) {
+            if (from && typeof from.setHours === 'function') {
+                from.setHours(0, 0, 0, 0); // set from-date to start of day
+            }
+            this._from = from;
+            this._changes.next([this._from, this._to]);
+            this.filterValueChange.emit([this._from, this._to]);
+        }
+    }
+    get to() {
+        return this._to;
+    }
+    set to(to) {
+        if (typeof to === 'object' && to !== this._to) {
+            if (to && typeof to.setHours === 'function') {
+                to.setHours(23, 59, 59, 999); // set to-date to end of day
+            }
+            this._to = to;
+            this._changes.next([this._from, this._to]);
+            this.filterValueChange.emit([this._from, this._to]);
+        }
+    }
+    /**
+     * Indicates if the filter is currently active, (at least one input is set)
+     */
+    isActive() {
+        return this._from !== null || this._to !== null;
+    }
+    accepts(item) {
+        const propValue = this.nestedProp.getPropValue(item);
+        if (propValue === undefined) {
+            return false;
+        }
+        if (this._from !== null && (!(propValue instanceof Date) || propValue.getTime() < this._from.getTime())) {
+            return false;
+        }
+        if (this._to !== null && (!(propValue instanceof Date) || propValue.getTime() > this._to.getTime())) {
+            return false;
+        }
+        return true;
+    }
+    // We do not want to expose the Subject itself, but the Observable which is read-only
+    get changes() {
+        return this._changes.asObservable();
+    }
+    get state() {
+        return {
+            property: this.nestedProp,
+            from: this._from,
+            to: this._to,
+        };
+    }
+    equals(other) {
+        return other === this;
+    }
+    ngOnDestroy() {
+        throw new Error('Method not implemented.');
+    }
+}
+ClrDateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterComponent, deps: [{ token: i1.ClrDatagridFilter }, { token: i1.ClrCommonStringsService }], target: i0.ɵɵFactoryTarget.Component });
+ClrDateFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrDateFilterComponent, selector: "clr-date-filter", inputs: { property: ["clrProperty", "property"], maxPlaceholder: ["clrFilterMaxPlaceholder", "maxPlaceholder"], minPlaceholder: ["clrFilterMinPlaceholder", "minPlaceholder"], value: ["clrFilterValue", "value"] }, outputs: { filterValueChange: "clrFilterValueChange" }, ngImport: i0, template: "<clr-date-container>\n  <input\n    #input_from\n    type=\"date\"\n    name=\"from\"\n    class=\"datagrid-date-filter-input\"\n    [(clrDate)]=\"from\"\n    [placeholder]=\"minPlaceholderValue\"\n    [attr.aria-label]=\"minPlaceholderValue\"\n  />\n</clr-date-container>\n<clr-date-container>\n  <input\n    type=\"date\"\n    name=\"to\"\n    class=\"datagrid-date-filter-input\"\n    [(clrDate)]=\"to\"\n    [placeholder]=\"maxPlaceholderValue\"\n    [attr.aria-label]=\"maxPlaceholderValue\"\n  />\n</clr-date-container>\n", styles: [""], components: [{ type: i1.ClrDateContainer, selector: "clr-date-container", inputs: ["clrPosition"] }], directives: [{ type: i1.ClrDateInput, selector: "[clrDate]", inputs: ["placeholder", "clrDate", "min", "max", "disabled"], outputs: ["clrDateChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'clr-date-filter', template: "<clr-date-container>\n  <input\n    #input_from\n    type=\"date\"\n    name=\"from\"\n    class=\"datagrid-date-filter-input\"\n    [(clrDate)]=\"from\"\n    [placeholder]=\"minPlaceholderValue\"\n    [attr.aria-label]=\"minPlaceholderValue\"\n  />\n</clr-date-container>\n<clr-date-container>\n  <input\n    type=\"date\"\n    name=\"to\"\n    class=\"datagrid-date-filter-input\"\n    [(clrDate)]=\"to\"\n    [placeholder]=\"maxPlaceholderValue\"\n    [attr.aria-label]=\"maxPlaceholderValue\"\n  />\n</clr-date-container>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.ClrDatagridFilter }, { type: i1.ClrCommonStringsService }]; }, propDecorators: { property: [{
+                type: Input,
+                args: ['clrProperty']
+            }], maxPlaceholder: [{
+                type: Input,
+                args: ['clrFilterMaxPlaceholder']
+            }], minPlaceholder: [{
+                type: Input,
+                args: ['clrFilterMinPlaceholder']
+            }], value: [{
+                type: Input,
+                args: ['clrFilterValue']
+            }], filterValueChange: [{
+                type: Output,
+                args: ['clrFilterValueChange']
+            }] } });
+
+class ClrDateFilterModule {
+}
+ClrDateFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrDateFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterModule, declarations: [ClrDateFilterComponent], imports: [ClarityModule, CommonModule, FormsModule], exports: [ClrDateFilterComponent] });
+ClrDateFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterModule, imports: [[ClarityModule, CommonModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDateFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ClarityModule, CommonModule, FormsModule],
+                    declarations: [ClrDateFilterComponent],
+                    exports: [ClrDateFilterComponent],
+                }]
+        }] });
+
 /*
  * Copyright (c) 2018-2022 Porsche Informatik. All Rights Reserved.
  * This software is released under MIT license.
@@ -4840,7 +5025,8 @@ ClrAddonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ClrFormModule,
         ClrDropdownOverflowModule,
         ClrDatagridStatePersistenceModule,
-        ClrEnumFilterModule] });
+        ClrEnumFilterModule,
+        ClrDateFilterModule] });
 ClrAddonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrAddonsModule, imports: [ClrViewEditSectionModule,
         ClrPagerModule,
         ClrDotPagerModule,
@@ -4869,7 +5055,8 @@ ClrAddonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         ClrFormModule,
         ClrDropdownOverflowModule,
         ClrDatagridStatePersistenceModule,
-        ClrEnumFilterModule] });
+        ClrEnumFilterModule,
+        ClrDateFilterModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrAddonsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -4903,6 +5090,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         ClrDropdownOverflowModule,
                         ClrDatagridStatePersistenceModule,
                         ClrEnumFilterModule,
+                        ClrDateFilterModule,
                     ],
                 }]
         }] });
@@ -5522,5 +5710,5 @@ const ClrAddonsIconShapes = {
  * Generated bundle index. Do not edit.
  */
 
-export { ACShape, AcceptedBrands, AccessoriesShape, AccessoryPartsShape, AudiBrandShape, AwardWinnerPremiumShape, BlocksGroupForwardShape, BrochureShape, BundleForwardShape, BusinessCustomersCommercialShape, BusinessCustomersPrivateShape, BusinessPartnerWithCar, CLR_BLANK_OPTION, CONTENT_PROVIDER, CalculatorForwardShape, CaliforniaServiceShape, CaliforniaSpecialistShape, CarPickupServiceShape, CarWashShape, CertifiedRepairShape, CertifiedRetailerShape, ClrActiveNotification, ClrAddonsIconShapes, ClrAddonsLabel, ClrAddonsModule, ClrAutocompleteOff, ClrAutocompleteOffModule, ClrBackButton, ClrBackButtonModule, ClrBrandAvatar, ClrBrandAvatarModule, ClrBreadcrumb, ClrBreadcrumbModule, ClrBreadcrumbService, ClrCollapseExpandSection, ClrCollapseExpandSectionModule, ClrContentPanel, ClrContentPanelContainer, ClrContentPanelContainerContent, ClrContentPanelContainerFooter, ClrContentPanelModule, ClrContentRef, ClrDataListPredefinedValidatorDirective, ClrDataListValidatorModule, ClrDataListValidators, ClrDatagridStatePersistenceModule, ClrDateTimeContainer, ClrDateTimeModule, ClrDotPager, ClrDotPagerModule, ClrDropdownOverflowDirective, ClrDropdownOverflowModule, ClrEnumFilterComponent, ClrEnumFilterModule, ClrFlowBar, ClrFlowBarModule, ClrFormModule, ClrGenericQuickList, ClrGenericQuickListModule, ClrHistory, ClrHistoryModule, ClrHistoryPinned, ClrHistoryService, ClrLetterAvatar, ClrLetterAvatarModule, ClrLocationBarModule, ClrMainNavGroup, ClrMainNavGroupItem, ClrMainNavGroupModule, ClrMaxNumeric, ClrMinNumeric, ClrMultilingualInput, ClrMultilingualInputValidators, ClrMultilingualModule, ClrMultilingualSelector, ClrMultilingualTextarea, ClrNotification, ClrNotificationModule, ClrNotificationRef, ClrNotificationService, ClrNumericField, ClrNumericFieldModule, ClrNumericFieldValidators, ClrPagedSearchResultList, ClrPagedSearchResultListModule, ClrPager, ClrPagerModule, ClrProgressSpinnerComponent, ClrProgressSpinnerModule, ClrQuickList, ClrQuickListModule, ClrRequiredAllMultilang, ClrRequiredOneMultilang, ClrSearchField, ClrSearchFieldModule, ClrTimeInput, ClrTreetable, ClrTreetableActionOverflow, ClrTreetableCell, ClrTreetableColumn, ClrTreetableModule, ClrTreetablePlaceholder, ClrTreetableRow, ClrViewEditSection, ClrViewEditSectionModule, ColumnHiddenStatePersistenceDirective, ConfiguratorCommercialShape, ConfiguratorPrivateShape, ConsumptionShape, ContactDealerShape, CupraBrandShape, CustomersCenterShape, DWABrandShape, DatagridFieldDirective, DieselShape, DollarBillForwardShape, DollarBillPartialShape, DriversAssistanceShape, EfficiencyShape, ElectricCarsServiceShape, ElectricCarsShape, ElectricityShape, EmissionShape, EnergyShape, EngineShape, ExpressServiceShape, ExteriorShape, ExternalPartForwardShape, FindACarShape, FleetServiceCommercialShape, FleetServicePrivateShape, GasCarsServiceShape, GasShape, HybridShape, InternalPartForwardShape, ItemsForwardShape, ItemsRecieveShape, LoadingVolumeShape, LocateShape, LocationBarComponent, LocationBarContentProvider, LocationBarNode, NewCarCommercialShape, NewCarPrivateShape, NewCarUtilityVehicleShape, NightServiceShape, NodeId, OffersShape, OnCallDutyShape, OpenSatShape, PaintMaterialForwardShape, PaintMaterialShape, PaintShopShape, PartNonStockForwardShape, PartsForwardShape, PartsNonStockShape, PartsShape, PayloadShape, PerformanceShape, PetrolShape, PlusServiceShape, PorscheBrandShape, PowerShape, PowerTrainShape, PriceTypeSwitchShape, QualifiedWorkshopShape, RoadsideAssistanceShape, RouteShape, SeatAirShape, SeatBrandShape, SeatShape, ServiceBellShape, ServiceShape, SizeShape, SkodaBrandShape, StatePersistenceKeyDirective, StockLocatorCommercialShape, StockLocatorPrivateShape, TaskAndAppointment, TaxiDealerShape, TextForward, TopcardShape, TouaregServiceShape, TransmissionAutomaticShape, TransmissionManualShape, TreetableCellRenderer, TreetableHeaderRenderer, TreetableMainRenderer, TreetableRowRenderer, UsedCarCommercialShape, UsedCarPrivateShape, VWBrandShape, VWNBrandShape, VWShape, VehicleConversionShape, View360Shape, VirtualRealityShape, WheelToWheelShape, WindscreenWashShape, WrenchForward, clrIconSVG, escapeHtml, escapeRegex };
+export { ACShape, AcceptedBrands, AccessoriesShape, AccessoryPartsShape, AudiBrandShape, AwardWinnerPremiumShape, BlocksGroupForwardShape, BrochureShape, BundleForwardShape, BusinessCustomersCommercialShape, BusinessCustomersPrivateShape, BusinessPartnerWithCar, CLR_BLANK_OPTION, CONTENT_PROVIDER, CalculatorForwardShape, CaliforniaServiceShape, CaliforniaSpecialistShape, CarPickupServiceShape, CarWashShape, CertifiedRepairShape, CertifiedRetailerShape, ClrActiveNotification, ClrAddonsIconShapes, ClrAddonsLabel, ClrAddonsModule, ClrAutocompleteOff, ClrAutocompleteOffModule, ClrBackButton, ClrBackButtonModule, ClrBrandAvatar, ClrBrandAvatarModule, ClrBreadcrumb, ClrBreadcrumbModule, ClrBreadcrumbService, ClrCollapseExpandSection, ClrCollapseExpandSectionModule, ClrContentPanel, ClrContentPanelContainer, ClrContentPanelContainerContent, ClrContentPanelContainerFooter, ClrContentPanelModule, ClrContentRef, ClrDataListPredefinedValidatorDirective, ClrDataListValidatorModule, ClrDataListValidators, ClrDatagridStatePersistenceModule, ClrDateFilterComponent, ClrDateFilterModule, ClrDateTimeContainer, ClrDateTimeModule, ClrDotPager, ClrDotPagerModule, ClrDropdownOverflowDirective, ClrDropdownOverflowModule, ClrEnumFilterComponent, ClrEnumFilterModule, ClrFlowBar, ClrFlowBarModule, ClrFormModule, ClrGenericQuickList, ClrGenericQuickListModule, ClrHistory, ClrHistoryModule, ClrHistoryPinned, ClrHistoryService, ClrLetterAvatar, ClrLetterAvatarModule, ClrLocationBarModule, ClrMainNavGroup, ClrMainNavGroupItem, ClrMainNavGroupModule, ClrMaxNumeric, ClrMinNumeric, ClrMultilingualInput, ClrMultilingualInputValidators, ClrMultilingualModule, ClrMultilingualSelector, ClrMultilingualTextarea, ClrNotification, ClrNotificationModule, ClrNotificationRef, ClrNotificationService, ClrNumericField, ClrNumericFieldModule, ClrNumericFieldValidators, ClrPagedSearchResultList, ClrPagedSearchResultListModule, ClrPager, ClrPagerModule, ClrProgressSpinnerComponent, ClrProgressSpinnerModule, ClrQuickList, ClrQuickListModule, ClrRequiredAllMultilang, ClrRequiredOneMultilang, ClrSearchField, ClrSearchFieldModule, ClrTimeInput, ClrTreetable, ClrTreetableActionOverflow, ClrTreetableCell, ClrTreetableColumn, ClrTreetableModule, ClrTreetablePlaceholder, ClrTreetableRow, ClrViewEditSection, ClrViewEditSectionModule, ColumnHiddenStatePersistenceDirective, ConfiguratorCommercialShape, ConfiguratorPrivateShape, ConsumptionShape, ContactDealerShape, CupraBrandShape, CustomersCenterShape, DWABrandShape, DatagridFieldDirective, DieselShape, DollarBillForwardShape, DollarBillPartialShape, DriversAssistanceShape, EfficiencyShape, ElectricCarsServiceShape, ElectricCarsShape, ElectricityShape, EmissionShape, EnergyShape, EngineShape, ExpressServiceShape, ExteriorShape, ExternalPartForwardShape, FindACarShape, FleetServiceCommercialShape, FleetServicePrivateShape, GasCarsServiceShape, GasShape, HybridShape, InternalPartForwardShape, ItemsForwardShape, ItemsRecieveShape, LoadingVolumeShape, LocateShape, LocationBarComponent, LocationBarContentProvider, LocationBarNode, NewCarCommercialShape, NewCarPrivateShape, NewCarUtilityVehicleShape, NightServiceShape, NodeId, OffersShape, OnCallDutyShape, OpenSatShape, PaintMaterialForwardShape, PaintMaterialShape, PaintShopShape, PartNonStockForwardShape, PartsForwardShape, PartsNonStockShape, PartsShape, PayloadShape, PerformanceShape, PetrolShape, PlusServiceShape, PorscheBrandShape, PowerShape, PowerTrainShape, PriceTypeSwitchShape, QualifiedWorkshopShape, RoadsideAssistanceShape, RouteShape, SeatAirShape, SeatBrandShape, SeatShape, ServiceBellShape, ServiceShape, SizeShape, SkodaBrandShape, StatePersistenceKeyDirective, StockLocatorCommercialShape, StockLocatorPrivateShape, TaskAndAppointment, TaxiDealerShape, TextForward, TopcardShape, TouaregServiceShape, TransmissionAutomaticShape, TransmissionManualShape, TreetableCellRenderer, TreetableHeaderRenderer, TreetableMainRenderer, TreetableRowRenderer, UsedCarCommercialShape, UsedCarPrivateShape, VWBrandShape, VWNBrandShape, VWShape, VehicleConversionShape, View360Shape, VirtualRealityShape, WheelToWheelShape, WindscreenWashShape, WrenchForward, clrIconSVG, escapeHtml, escapeRegex };
 //# sourceMappingURL=clr-addons.mjs.map