ng-zenduit 2.2.4 → 2.3.0

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "ng-zenduit",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "peerDependencies": {
     "@angular/common": ">=22.0.0 <23.0.0",
     "@angular/core": ">=22.0.0 <23.0.0",
+    "@angular/cdk": ">=22.0.0 <23.0.0",
     "google-libphonenumber": ">=3.2.27",
     "lodash.uniqby": ">=4.7.0",
     "moment": ">=2.29.1",
@@ -14,7 +15,6 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "node-snackbar": "^0.1.16",
     "fabric": "^5.3.0",
     "hls.js": "^1.6.16"
   },

package/styles/all.scss

@@ -7,5 +7,4 @@
 @import "./page-layout.scss";
 @import "./ghost.scss";
 @import "./global-restyle.scss";
-@import "./snackbar.scss";
 

package/types/ng-zenduit.d.ts

@@ -1,28 +1,43 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, ElementRef, NgZone, TemplateRef, OnChanges, ViewContainerRef, SimpleChanges, Renderer2, InjectionToken, AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import * as i59 from '@angular/cdk/overlay';
+import * as i60 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
-import * as i61 from '@ngx-translate/core';
+import * as i62 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
-import * as i57 from '@angular/cdk/drag-drop';
+import * as i58 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { fabric } from 'fabric';
 import { Transform } from 'fabric/fabric-impl';
 import { BehaviorSubject } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
-import * as i56 from '@angular/forms';
+import * as i57 from '@angular/forms';
 import { ControlValueAccessor } from '@angular/forms';
 import { ChartData, ChartConfiguration } from 'chart.js';
-import * as i60 from 'ng2-charts';
+import * as i61 from 'ng2-charts';
 import { BaseChartDirective } from 'ng2-charts';
-import * as i55 from '@angular/common';
-import * as i58 from '@almothafar/angular-signature-pad';
+import * as i56 from '@angular/common';
+import * as i59 from '@almothafar/angular-signature-pad';
 
 declare class ZenNotifyService {
+    private readonly _overlay;
+    private readonly _injector;
+    /** The currently shown snackbar overlay, if any. */
+    private _overlayRef;
+    /** Auto-dismiss timer handle for the current snackbar. */
+    private _timer;
     info(msg: string, duration?: number, hasDismiss?: boolean): void;
+    neutral(msg: string, duration?: number, hasDismiss?: boolean): void;
     success(msg: string, duration?: number, hasDismiss?: boolean): void;
     warn(msg: string, duration?: number, hasDismiss?: boolean): void;
     error(err: unknown, duration?: number, hasDismiss?: boolean): void;
+    /**
+     * Renders the snackbar through a CDK overlay so it shares the browser top
+     * layer with CDK dialogs and always paints above them. Only one snackbar is
+     * shown at a time — a new call replaces the previous one.
+     */
+    private _show;
+    /** Disposes the active snackbar overlay and clears the auto-dismiss timer. */
+    private _dismiss;
     private getErrorMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZenNotifyService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ZenNotifyService>;
@@ -1824,6 +1839,7 @@ declare class ZenduDatePickerDropdownComponent implements OnInit, OnChanges, OnD
     get showPresetsSidebar(): boolean;
     get showDualCalendars(): boolean;
     get triggerLabel(): string;
+    private matchingPresetLabel;
     get legendMarkers(): DatePickerMarker[];
     get hasValue(): boolean;
     get formattedSelectedDate(): string;
@@ -2566,11 +2582,28 @@ declare class ZenStepBaseComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ZenStepBaseComponent, "zen-step-base", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "status": { "alias": "status"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showConnector": { "alias": "showConnector"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+type ZenSnackbarType = 'info' | 'neutral' | 'success' | 'warn' | 'error';
+/**
+ * Presentational card rendered by {@link ZenNotifyService} through a CDK overlay.
+ * It draws the status icon, the message and an optional dismiss button, styled
+ * per the ZenduONE design system (Untitled UI "Alert").
+ */
+declare class ZenSnackbarComponent {
+    message: string;
+    type: ZenSnackbarType;
+    hasDismiss: boolean;
+    /** Emitted when the user clicks the dismiss button. */
+    dismiss: EventEmitter<void>;
+    onDismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZenSnackbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZenSnackbarComponent, "zen-snackbar", never, { "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; "hasDismiss": { "alias": "hasDismiss"; "required": false; }; }, { "dismiss": "dismiss"; }, never, never, false, never>;
+}
+
 declare class NgZenduitModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgZenduitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgZenduitModule, [typeof ZenduCheckboxComponent, typeof ZenduToggleComponent, typeof ZenduToggleSlideComponent, typeof ZenduSearchBoxComponent, typeof ZenduSelectComponent, typeof ZenduSelectOptionDirective, typeof ZenduSelectValueDirective, typeof ZenduDatepickerComponent, typeof ZenduFilterComponent, typeof ZenduGroupsComponent, typeof ZenduPaginationBarComponent, typeof ZenduColumnConfigurationComponent, typeof ZenduSortHeaderComponent, typeof ZenduPhoneInputComponent, typeof ZenduColorPickerComponent, typeof ZenduRadioButtonComponent, typeof ZenduIconComponent, typeof ZenduCardBlockComponent, typeof ZenduMapPreviewComponent, typeof ZenduSpinner, typeof ZenduDocScanner, typeof ZenduMapComponent, typeof ZenduFileUpload, typeof ZenduProgress, typeof ZenduLocationSearch, typeof ZenLiveViewPlayerComponent, typeof ZenHTML5VideoPlayerComponent, typeof ZenFlvPlayerComponent, typeof ZenHlsPlayerComponent, typeof ZenSnapshotPlayerComponent, typeof ZenWebRTCPlayerComponent, typeof ZenduSelectButtonDirective, typeof ZenduTimepickerComponent, typeof ZenduDatePickerDropdownComponent, typeof ZenduFileUploaderComponent, typeof ZenduAvatarComponent, typeof ZenduAvatarGroupComponent, typeof ZenduAvatarLabelGroupComponent, typeof ZenduAvatarProfilePhotoComponent, typeof ZenduSliderComponent, typeof ZenduInputComponent, typeof ZenButtonComponent, typeof ZenDropdownMenuComponent, typeof ZenBadgeComponent, typeof ZenTooltipDirective, typeof ZenTooltipPopupComponent, typeof ZenEldStatusComponent, typeof ZenNavSearchComponent, typeof ZenSubmoduleItemComponent, typeof ZenSubpageItemComponent, typeof ZenModulePopupComponent, typeof ZenChartComponent, typeof ZenProgressStepsComponent, typeof ZenStepBaseComponent], [typeof i55.CommonModule, typeof i56.FormsModule, typeof i57.DragDropModule, typeof i58.SignaturePadComponent, typeof i56.ReactiveFormsModule, typeof i59.OverlayModule, typeof i60.BaseChartDirective, typeof i61.TranslateModule], [typeof ZenduCheckboxComponent, typeof ZenduToggleComponent, typeof ZenduToggleSlideComponent, typeof ZenduSearchBoxComponent, typeof ZenduSelectComponent, typeof ZenduSelectOptionDirective, typeof ZenduSelectValueDirective, typeof ZenduDatepickerComponent, typeof ZenduFilterComponent, typeof ZenduGroupsComponent, typeof ZenduPaginationBarComponent, typeof ZenduColumnConfigurationComponent, typeof ZenduSortHeaderComponent, typeof ZenduPhoneInputComponent, typeof ZenduColorPickerComponent, typeof ZenduRadioButtonComponent, typeof ZenduIconComponent, typeof ZenduCardBlockComponent, typeof ZenduMapPreviewComponent, typeof ZenduSpinner, typeof ZenduDocScanner, typeof ZenduMapComponent, typeof ZenduFileUpload, typeof ZenduProgress, typeof ZenduLocationSearch, typeof ZenLiveViewPlayerComponent, typeof ZenduSelectButtonDirective, typeof ZenduTimepickerComponent, typeof ZenduDatePickerDropdownComponent, typeof ZenduFileUploaderComponent, typeof ZenduAvatarComponent, typeof ZenduAvatarGroupComponent, typeof ZenduAvatarLabelGroupComponent, typeof ZenduAvatarProfilePhotoComponent, typeof ZenduSliderComponent, typeof ZenduInputComponent, typeof ZenButtonComponent, typeof ZenDropdownMenuComponent, typeof ZenBadgeComponent, typeof ZenTooltipDirective, typeof ZenTooltipPopupComponent, typeof ZenEldStatusComponent, typeof ZenNavSearchComponent, typeof ZenSubmoduleItemComponent, typeof ZenSubpageItemComponent, typeof ZenModulePopupComponent, typeof ZenChartComponent, typeof ZenProgressStepsComponent, typeof ZenStepBaseComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgZenduitModule, [typeof ZenduCheckboxComponent, typeof ZenduToggleComponent, typeof ZenduToggleSlideComponent, typeof ZenduSearchBoxComponent, typeof ZenduSelectComponent, typeof ZenduSelectOptionDirective, typeof ZenduSelectValueDirective, typeof ZenduDatepickerComponent, typeof ZenduFilterComponent, typeof ZenduGroupsComponent, typeof ZenduPaginationBarComponent, typeof ZenduColumnConfigurationComponent, typeof ZenduSortHeaderComponent, typeof ZenduPhoneInputComponent, typeof ZenduColorPickerComponent, typeof ZenduRadioButtonComponent, typeof ZenduIconComponent, typeof ZenduCardBlockComponent, typeof ZenduMapPreviewComponent, typeof ZenduSpinner, typeof ZenduDocScanner, typeof ZenduMapComponent, typeof ZenduFileUpload, typeof ZenduProgress, typeof ZenduLocationSearch, typeof ZenLiveViewPlayerComponent, typeof ZenHTML5VideoPlayerComponent, typeof ZenFlvPlayerComponent, typeof ZenHlsPlayerComponent, typeof ZenSnapshotPlayerComponent, typeof ZenWebRTCPlayerComponent, typeof ZenduSelectButtonDirective, typeof ZenduTimepickerComponent, typeof ZenduDatePickerDropdownComponent, typeof ZenduFileUploaderComponent, typeof ZenduAvatarComponent, typeof ZenduAvatarGroupComponent, typeof ZenduAvatarLabelGroupComponent, typeof ZenduAvatarProfilePhotoComponent, typeof ZenduSliderComponent, typeof ZenduInputComponent, typeof ZenButtonComponent, typeof ZenDropdownMenuComponent, typeof ZenBadgeComponent, typeof ZenTooltipDirective, typeof ZenTooltipPopupComponent, typeof ZenEldStatusComponent, typeof ZenNavSearchComponent, typeof ZenSubmoduleItemComponent, typeof ZenSubpageItemComponent, typeof ZenModulePopupComponent, typeof ZenChartComponent, typeof ZenProgressStepsComponent, typeof ZenStepBaseComponent, typeof ZenSnackbarComponent], [typeof i56.CommonModule, typeof i57.FormsModule, typeof i58.DragDropModule, typeof i59.SignaturePadComponent, typeof i57.ReactiveFormsModule, typeof i60.OverlayModule, typeof i61.BaseChartDirective, typeof i62.TranslateModule], [typeof ZenduCheckboxComponent, typeof ZenduToggleComponent, typeof ZenduToggleSlideComponent, typeof ZenduSearchBoxComponent, typeof ZenduSelectComponent, typeof ZenduSelectOptionDirective, typeof ZenduSelectValueDirective, typeof ZenduDatepickerComponent, typeof ZenduFilterComponent, typeof ZenduGroupsComponent, typeof ZenduPaginationBarComponent, typeof ZenduColumnConfigurationComponent, typeof ZenduSortHeaderComponent, typeof ZenduPhoneInputComponent, typeof ZenduColorPickerComponent, typeof ZenduRadioButtonComponent, typeof ZenduIconComponent, typeof ZenduCardBlockComponent, typeof ZenduMapPreviewComponent, typeof ZenduSpinner, typeof ZenduDocScanner, typeof ZenduMapComponent, typeof ZenduFileUpload, typeof ZenduProgress, typeof ZenduLocationSearch, typeof ZenLiveViewPlayerComponent, typeof ZenduSelectButtonDirective, typeof ZenduTimepickerComponent, typeof ZenduDatePickerDropdownComponent, typeof ZenduFileUploaderComponent, typeof ZenduAvatarComponent, typeof ZenduAvatarGroupComponent, typeof ZenduAvatarLabelGroupComponent, typeof ZenduAvatarProfilePhotoComponent, typeof ZenduSliderComponent, typeof ZenduInputComponent, typeof ZenButtonComponent, typeof ZenDropdownMenuComponent, typeof ZenBadgeComponent, typeof ZenTooltipDirective, typeof ZenTooltipPopupComponent, typeof ZenEldStatusComponent, typeof ZenNavSearchComponent, typeof ZenSubmoduleItemComponent, typeof ZenSubpageItemComponent, typeof ZenModulePopupComponent, typeof ZenChartComponent, typeof ZenProgressStepsComponent, typeof ZenStepBaseComponent, typeof ZenSnackbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgZenduitModule>;
 }
 
-export { DATEPICKER_POSITION, NgZenduitModule, ZEN_DATE_PICKER_DEFAULT_PRESETS, ZEN_ICON_CONFIG, ZenBadgeComponent, ZenButtonComponent, ZenChartComponent, ZenDropdownMenuComponent, ZenEldStatusComponent, ZenLiveViewPlayerComponent, ZenModulePopupComponent, ZenNavSearchComponent, ZenNotifyService, ZenProgressStepsComponent, ZenStepBaseComponent, ZenSubmoduleItemComponent, ZenSubpageItemComponent, ZenTooltipDirective, ZenTooltipPopupComponent, ZenduAvatarComponent, ZenduAvatarGroupComponent, ZenduAvatarLabelGroupComponent, ZenduAvatarProfilePhotoComponent, ZenduCardBlockComponent, ZenduCheckboxComponent, ZenduColorPickerComponent, ZenduColumnConfigurationComponent, ZenduDatePickerDropdownComponent, ZenduDatepickerComponent, ZenduDocScanner, ZenduFileUpload, ZenduFileUploaderComponent, ZenduFilterComponent, ZenduGroupsComponent, ZenduIconComponent, ZenduInputComponent, ZenduLocationSearch, ZenduMapComponent, ZenduMapPreviewComponent, ZenduPaginationBarComponent, ZenduPhoneInputComponent, ZenduProgress, ZenduRadioButtonComponent, ZenduSearchBoxComponent, ZenduSelectButtonDirective, ZenduSelectComponent, ZenduSelectOptionDirective, ZenduSelectValueDirective, ZenduSliderComponent, ZenduSortHeaderComponent, ZenduSpinner, ZenduTimepickerComponent, ZenduToggleComponent, ZenduToggleSlideComponent };
-export type { AddOptionEvent, Cancellation, ColumnState, DataSource, DatePickerDropdownType, DatePickerHint, DatePickerMarker, DatePickerPreset, DateRangeValue, DropdownMenuHeader, DropdownMenuItem, DropdownOption, DropdownTriggerType, FileUploadItem, FileUploaderProgressType, FiltersConfig, FiltersConfigItem, LazyLoaderFunction, LazyLoaderResult, LazyLoaderSearch, LocationAddress, MultiSelectItem, NumberRange, RemoveOptionEvent, SelectOption, TimePickerMode, TimePickerValue, ZenBadgeColor, ZenBadgeGroupBadgePosition, ZenBadgeGroupTheme, ZenBadgeIconDirection, ZenBadgeSize, ZenChartDataset, ZenChartLegend, ZenChartStyle, ZenDevice, ZenEldStatusType, ZenIconColor, ZenIconConfig, ZenIconSize, ZenIconTheme, ZenLiveViewPlayerType, ZenLogRecord, ZenMapTheme, ZenModulePopupItem, ZenModulePopupModule, ZenProgressStepsSize, ZenProgressStepsTheme, ZenProgressStepsType, ZenStep, ZenStepBaseType, ZenStepStatus, ZenSubpageItemState, ZenSubpageItemType, ZenTooltipPosition, ZenTooltipTheme, ZenTrip, ZenduAvatarGroupSize, ZenduAvatarLabelGroupSize, ZenduAvatarProfilePhotoSize, ZenduAvatarSize, ZenduAvatarStatusIcon, ZenduSliderLabel };
+export { DATEPICKER_POSITION, NgZenduitModule, ZEN_DATE_PICKER_DEFAULT_PRESETS, ZEN_ICON_CONFIG, ZenBadgeComponent, ZenButtonComponent, ZenChartComponent, ZenDropdownMenuComponent, ZenEldStatusComponent, ZenLiveViewPlayerComponent, ZenModulePopupComponent, ZenNavSearchComponent, ZenNotifyService, ZenProgressStepsComponent, ZenSnackbarComponent, ZenStepBaseComponent, ZenSubmoduleItemComponent, ZenSubpageItemComponent, ZenTooltipDirective, ZenTooltipPopupComponent, ZenduAvatarComponent, ZenduAvatarGroupComponent, ZenduAvatarLabelGroupComponent, ZenduAvatarProfilePhotoComponent, ZenduCardBlockComponent, ZenduCheckboxComponent, ZenduColorPickerComponent, ZenduColumnConfigurationComponent, ZenduDatePickerDropdownComponent, ZenduDatepickerComponent, ZenduDocScanner, ZenduFileUpload, ZenduFileUploaderComponent, ZenduFilterComponent, ZenduGroupsComponent, ZenduIconComponent, ZenduInputComponent, ZenduLocationSearch, ZenduMapComponent, ZenduMapPreviewComponent, ZenduPaginationBarComponent, ZenduPhoneInputComponent, ZenduProgress, ZenduRadioButtonComponent, ZenduSearchBoxComponent, ZenduSelectButtonDirective, ZenduSelectComponent, ZenduSelectOptionDirective, ZenduSelectValueDirective, ZenduSliderComponent, ZenduSortHeaderComponent, ZenduSpinner, ZenduTimepickerComponent, ZenduToggleComponent, ZenduToggleSlideComponent };
+export type { AddOptionEvent, Cancellation, ColumnState, DataSource, DatePickerDropdownType, DatePickerHint, DatePickerMarker, DatePickerPreset, DateRangeValue, DropdownMenuHeader, DropdownMenuItem, DropdownOption, DropdownTriggerType, FileUploadItem, FileUploaderProgressType, FiltersConfig, FiltersConfigItem, LazyLoaderFunction, LazyLoaderResult, LazyLoaderSearch, LocationAddress, MultiSelectItem, NumberRange, RemoveOptionEvent, SelectOption, TimePickerMode, TimePickerValue, ZenBadgeColor, ZenBadgeGroupBadgePosition, ZenBadgeGroupTheme, ZenBadgeIconDirection, ZenBadgeSize, ZenChartDataset, ZenChartLegend, ZenChartStyle, ZenDevice, ZenEldStatusType, ZenIconColor, ZenIconConfig, ZenIconSize, ZenIconTheme, ZenLiveViewPlayerType, ZenLogRecord, ZenMapTheme, ZenModulePopupItem, ZenModulePopupModule, ZenProgressStepsSize, ZenProgressStepsTheme, ZenProgressStepsType, ZenSnackbarType, ZenStep, ZenStepBaseType, ZenStepStatus, ZenSubpageItemState, ZenSubpageItemType, ZenTooltipPosition, ZenTooltipTheme, ZenTrip, ZenduAvatarGroupSize, ZenduAvatarLabelGroupSize, ZenduAvatarProfilePhotoSize, ZenduAvatarSize, ZenduAvatarStatusIcon, ZenduSliderLabel };

package/styles/snackbar.scss

@@ -1,91 +0,0 @@
-/**
-The MIT License (MIT)
-Original here: https://github.com/polonel/SnackBar/blob/master/LICENSE
-**/
-
-.snackbar-container {
-    transition: all 0.5s ease;
-    transition-property: top, right, bottom, left, opacity;
-    font-family: Roboto, sans-serif;
-    font-size: 14px;
-    min-height: 14px;
-    background-color: #070b0e;
-    position: fixed;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: #fff;
-    line-height: 22px;
-    padding: 18px 24px;
-    bottom: -100px;
-    top: -100px;
-    opacity: 0;
-    z-index: 9999;
-}
-.snackbar-container .action {
-    background: inherit;
-    display: inline-block;
-    border: none;
-    font-size: inherit;
-    text-transform: uppercase;
-    color: #4caf50;
-    margin: 0 0 0 24px;
-    padding: 0;
-    min-width: min-content;
-    cursor: pointer;
-}
-@media (min-width: 640px) {
-    .snackbar-container {
-        min-width: 288px;
-        max-width: 568px;
-        display: inline-flex;
-        border-radius: 2px;
-        margin: 24px;
-    }
-}
-@media (max-width: 640px) {
-    .snackbar-container {
-        left: 0;
-        right: 0;
-        width: 100%;
-    }
-}
-.snackbar-pos.bottom-center {
-    top: auto !important;
-    bottom: 0;
-    left: 50%;
-    transform: translate(-50%, 0);
-}
-.snackbar-pos.bottom-left {
-    top: auto !important;
-    bottom: 0;
-    left: 0;
-}
-.snackbar-pos.bottom-right {
-    top: auto !important;
-    bottom: 0;
-    right: 0;
-}
-.snackbar-pos.top-left {
-    bottom: auto !important;
-    top: 0;
-    left: 0;
-}
-.snackbar-pos.top-center {
-    bottom: auto !important;
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, 0);
-}
-.snackbar-pos.top-right {
-    bottom: auto !important;
-    top: 0;
-    right: 0;
-}
-@media (max-width: 640px) {
-    .snackbar-pos.bottom-center,
-    .snackbar-pos.top-center {
-        left: 0;
-        transform: none;
-    }
-}