cty-mui-angular 1.0.37 → 1.0.39

package/fesm2022/cty-mui-angular.mjs

@@ -4,7 +4,7 @@ import { Component, ChangeDetectionStrategy, Injectable, APP_INITIALIZER, NgZone
 import { fromEvent } from 'rxjs';
 import * as i1 from 'cty-mui-angular/common';
 import { OverlayBaseController, ConfigToken, TemplateRefDirective } from 'cty-mui-angular/common';
-export { AudioRecorderService, CameraPreviewService, Config, DeviceInfoService, ImagePickerService, KeyboardService, MediaDownloaderService, NetworkService, PaymentService, ScreenOrientationService, ShareService, SpeechTranscriberService, StatusBarService, UtilsService, VideoCaptureService, VolumeControlService, WechatService } from 'cty-mui-angular/common';
+export { AudioRecorderService, CameraPreviewService, Config, DeviceInfoService, ImagePickerService, KeyboardService, MediaDownloaderService, MediaEditorService, NetworkService, PaymentService, ScreenOrientationService, ShareService, SpeechTranscriberService, StatusBarService, UtilsService, VideoCaptureService, VolumeControlService, WechatService } from 'cty-mui-angular/common';
 import { alertController, actionSheetController, loadingController, cameraPhotoController, cascaderController, recordController, shareSheetController, tutorialController, overlayController, setupConfig } from 'cty-mui-core';
 export { CTYCityData, DownloadMediaType, Easing, ImagePickerType, MediaSourceType, ModalFade, ModalRotate, ModalSlide, ModalZoom, ShareContentType, SharePlatformType, SlidePosition, UploadProgressTip, WechatMiniProgramType, WechatShareScene, addDays, addHours, addMinutes, addMonths, addSeconds, addYears, camelToKebab, checkScrollEnd, clamp, clipboard, closest, convertDate, convertNumber, convertTimeZone, deepClone, diff, fileSize, formatDate, formatDateTime, fromBase64, getElementRect, getEventClientCoords, getEventPageCoords, getFormatForDatePicker, getFormatForDateTimePicker, getTimeZone, getUTCDate, getUTCDateTime, getValueByKey, identityCodeValid, isDef, isEmail, isEmptyArray, isEmptyObject, isHttp, isJSONObject, isMobileNo, isPrimitive, isPromise, isRealNameForm, isValidDate, kebabToCamel, localDelete, localGet, localSave, mergeObj, numberToChinese, numberToLetter, numericName, pad, parseArray, parseJson, percent, price, randomNum, scrollElementBottom, scrollElementTop, scrollToPoint, secondsToVehicle, sessionDelete, sessionGet, sessionSave, toBase64 } from 'cty-mui-core';
 import { imageViewerController } from 'cty-mui-core/components';
@@ -299,11 +299,11 @@ let CtyCamera = class CtyCamera {
         proxyOutputs(this, this.el, ['ctyDismiss', 'ctyTakePhoto', 'ctyConfirm']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCamera, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyCamera, selector: "cty-camera", inputs: { closeIcon: "closeIcon", confirmIcon: "confirmIcon", confirmText: "confirmText", deleteIcon: "deleteIcon", file: "file", flashText: "flashText", flipText: "flipText", height: "height", max: "max", mode: "mode", multipleText: "multipleText", options: "options", quality: "quality", ratioText: "ratioText", ratios: "ratios", safeArea: "safeArea", singleText: "singleText", title: "title", touchZoom: "touchZoom", touchZoomProp: "touchZoomProp", width: "width", zoomSteps: "zoomSteps", zooms: "zooms" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyCamera, selector: "cty-camera", inputs: { closeIcon: "closeIcon", confirmIcon: "confirmIcon", confirmText: "confirmText", deleteIcon: "deleteIcon", file: "file", flashText: "flashText", flipText: "flipText", height: "height", includeThumb: "includeThumb", max: "max", mode: "mode", multipleText: "multipleText", options: "options", permissionAlertContent: "permissionAlertContent", permissionAlertTitle: "permissionAlertTitle", permissionAlertbuttons: "permissionAlertbuttons", quality: "quality", ratioText: "ratioText", ratios: "ratios", safeArea: "safeArea", singleText: "singleText", thumbWidth: "thumbWidth", title: "title", touchZoom: "touchZoom", touchZoomProp: "touchZoomProp", width: "width", zoomSteps: "zoomSteps", zooms: "zooms" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyCamera = __decorate([
     ProxyCmp({
-        inputs: ['closeIcon', 'confirmIcon', 'confirmText', 'deleteIcon', 'file', 'flashText', 'flipText', 'height', 'max', 'mode', 'multipleText', 'options', 'quality', 'ratioText', 'ratios', 'safeArea', 'singleText', 'title', 'touchZoom', 'touchZoomProp', 'width', 'zoomSteps', 'zooms'],
+        inputs: ['closeIcon', 'confirmIcon', 'confirmText', 'deleteIcon', 'file', 'flashText', 'flipText', 'height', 'includeThumb', 'max', 'mode', 'multipleText', 'options', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'quality', 'ratioText', 'ratios', 'safeArea', 'singleText', 'thumbWidth', 'title', 'touchZoom', 'touchZoomProp', 'width', 'zoomSteps', 'zooms'],
         methods: ['flipCamera', 'toggleFlash', 'flashOff', 'flashOn', 'ratioChange', 'setZoom', 'takePhoto']
     })
 ], CtyCamera);
@@ -314,7 +314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['closeIcon', 'confirmIcon', 'confirmText', 'deleteIcon', 'file', 'flashText', 'flipText', 'height', 'max', 'mode', 'multipleText', 'options', 'quality', 'ratioText', 'ratios', 'safeArea', 'singleText', 'title', 'touchZoom', 'touchZoomProp', 'width', 'zoomSteps', 'zooms'],
+                    inputs: ['closeIcon', 'confirmIcon', 'confirmText', 'deleteIcon', 'file', 'flashText', 'flipText', 'height', 'includeThumb', 'max', 'mode', 'multipleText', 'options', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'quality', 'ratioText', 'ratios', 'safeArea', 'singleText', 'thumbWidth', 'title', 'touchZoom', 'touchZoomProp', 'width', 'zoomSteps', 'zooms'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyCameraPhoto = class CtyCameraPhoto {
@@ -327,11 +327,11 @@ let CtyCameraPhoto = class CtyCameraPhoto {
         proxyOutputs(this, this.el, ['ctyTapStart', 'ctyTap', 'ctyDismiss', 'ctyDidPresent', 'ctyWillPresent', 'ctyWillDismiss', 'ctyDidDismiss']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCameraPhoto, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyCameraPhoto, selector: "cty-camera-photo", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", cameraProps: "cameraProps", cancelText: "cancelText", clipCancelText: "clipCancelText", clipCconfirmText: "clipCconfirmText", clipImageBg: "clipImageBg", clipImageQuality: "clipImageQuality", clipImageSuffix: "clipImageSuffix", clipImageWidth: "clipImageWidth", clipMaxScale: "clipMaxScale", clipMinScale: "clipMinScale", clipPt: "clipPt", closeIcon: "closeIcon", closeable: "closeable", continuous: "continuous", count: "count", cssClass: "cssClass", enterAnimation: "enterAnimation", file: "file", leaveAnimation: "leaveAnimation", options: "options", overlay: "overlay", permissionPurpose: "permissionPurpose", photoOption: "photoOption", root: "root", title: "title", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyCameraPhoto, selector: "cty-camera-photo", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", cameraProps: "cameraProps", cancelText: "cancelText", clipCancelText: "clipCancelText", clipCconfirmText: "clipCconfirmText", clipImageBg: "clipImageBg", clipImageQuality: "clipImageQuality", clipImageSuffix: "clipImageSuffix", clipImageWidth: "clipImageWidth", clipMaxScale: "clipMaxScale", clipMinScale: "clipMinScale", clipPt: "clipPt", closeIcon: "closeIcon", closeable: "closeable", continuous: "continuous", count: "count", cssClass: "cssClass", enterAnimation: "enterAnimation", file: "file", leaveAnimation: "leaveAnimation", options: "options", overlay: "overlay", permissionAlertContent: "permissionAlertContent", permissionAlertTitle: "permissionAlertTitle", permissionAlertbuttons: "permissionAlertbuttons", permissionPurpose: "permissionPurpose", photoOption: "photoOption", root: "root", title: "title", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyCameraPhoto = __decorate([
     ProxyCmp({
-        inputs: ['animated', 'backdropDismiss', 'cameraProps', 'cancelText', 'clipCancelText', 'clipCconfirmText', 'clipImageBg', 'clipImageQuality', 'clipImageSuffix', 'clipImageWidth', 'clipMaxScale', 'clipMinScale', 'clipPt', 'closeIcon', 'closeable', 'continuous', 'count', 'cssClass', 'enterAnimation', 'file', 'leaveAnimation', 'options', 'overlay', 'permissionPurpose', 'photoOption', 'root', 'title', 'trigger'],
+        inputs: ['animated', 'backdropDismiss', 'cameraProps', 'cancelText', 'clipCancelText', 'clipCconfirmText', 'clipImageBg', 'clipImageQuality', 'clipImageSuffix', 'clipImageWidth', 'clipMaxScale', 'clipMinScale', 'clipPt', 'closeIcon', 'closeable', 'continuous', 'count', 'cssClass', 'enterAnimation', 'file', 'leaveAnimation', 'options', 'overlay', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'permissionPurpose', 'photoOption', 'root', 'title', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
 ], CtyCameraPhoto);
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['animated', 'backdropDismiss', 'cameraProps', 'cancelText', 'clipCancelText', 'clipCconfirmText', 'clipImageBg', 'clipImageQuality', 'clipImageSuffix', 'clipImageWidth', 'clipMaxScale', 'clipMinScale', 'clipPt', 'closeIcon', 'closeable', 'continuous', 'count', 'cssClass', 'enterAnimation', 'file', 'leaveAnimation', 'options', 'overlay', 'permissionPurpose', 'photoOption', 'root', 'title', 'trigger'],
+                    inputs: ['animated', 'backdropDismiss', 'cameraProps', 'cancelText', 'clipCancelText', 'clipCconfirmText', 'clipImageBg', 'clipImageQuality', 'clipImageSuffix', 'clipImageWidth', 'clipMaxScale', 'clipMinScale', 'clipPt', 'closeIcon', 'closeable', 'continuous', 'count', 'cssClass', 'enterAnimation', 'file', 'leaveAnimation', 'options', 'overlay', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'permissionPurpose', 'photoOption', 'root', 'title', 'trigger'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyCanvasBoard = class CtyCanvasBoard {
@@ -843,11 +843,11 @@ let CtyMediaCapture = class CtyMediaCapture {
         proxyOutputs(this, this.el, ['ctyDismiss', 'ctyComplete', 'ctyStart', 'ctyStop']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyMediaCapture, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyMediaCapture, selector: "cty-media-capture", inputs: { autoplay: "autoplay", captureTime: "captureTime", closeIcon: "closeIcon", confirmText: "confirmText", controls: "controls", loop: "loop", options: "options", poster: "poster", revocationIcon: "revocationIcon", timeLimit: "timeLimit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyMediaCapture, selector: "cty-media-capture", inputs: { autoplay: "autoplay", captureTime: "captureTime", closeIcon: "closeIcon", confirmText: "confirmText", controls: "controls", loop: "loop", options: "options", permissionAlertContent: "permissionAlertContent", permissionAlertTitle: "permissionAlertTitle", permissionAlertbuttons: "permissionAlertbuttons", poster: "poster", revocationIcon: "revocationIcon", timeLimit: "timeLimit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyMediaCapture = __decorate([
     ProxyCmp({
-        inputs: ['autoplay', 'captureTime', 'closeIcon', 'confirmText', 'controls', 'loop', 'options', 'poster', 'revocationIcon', 'timeLimit'],
+        inputs: ['autoplay', 'captureTime', 'closeIcon', 'confirmText', 'controls', 'loop', 'options', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'poster', 'revocationIcon', 'timeLimit'],
         methods: ['startVideoCapture', 'stopVideoCapture']
     })
 ], CtyMediaCapture);
@@ -858,7 +858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoplay', 'captureTime', 'closeIcon', 'confirmText', 'controls', 'loop', 'options', 'poster', 'revocationIcon', 'timeLimit'],
+                    inputs: ['autoplay', 'captureTime', 'closeIcon', 'confirmText', 'controls', 'loop', 'options', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'poster', 'revocationIcon', 'timeLimit'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyNavBar = class CtyNavBar {
@@ -970,6 +970,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['url', 'viewerUrl'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtyPermissionAlert = class CtyPermissionAlert {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyDismiss', 'ctyTap']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyPermissionAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyPermissionAlert, selector: "cty-permission-alert", inputs: { backdropDismiss: "backdropDismiss", buttons: "buttons", closeable: "closeable", content: "content", title: "title" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtyPermissionAlert = __decorate([
+    ProxyCmp({
+        inputs: ['backdropDismiss', 'buttons', 'closeable', 'content', 'title']
+    })
+], CtyPermissionAlert);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyPermissionAlert, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-permission-alert',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['backdropDismiss', 'buttons', 'closeable', 'content', 'title'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyPermissionPurpose = class CtyPermissionPurpose {
     z;
     el;
@@ -1088,11 +1115,11 @@ let CtyRecord = class CtyRecord {
         proxyOutputs(this, this.el, ['ctyRecordStart', 'ctyRecording', 'ctyRecordEnd', 'ctyRecordComplete', 'ctyDismiss', 'ctyDidPresent', 'ctyWillPresent', 'ctyWillDismiss', 'ctyDidDismiss']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyRecord, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyRecord, selector: "cty-record", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", circleColor: "circleColor", circleWidth: "circleWidth", closeable: "closeable", cssClass: "cssClass", enterAnimation: "enterAnimation", leaveAnimation: "leaveAnimation", maxSeconds: "maxSeconds", minSeconds: "minSeconds", root: "root", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyRecord, selector: "cty-record", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", circleColor: "circleColor", circleWidth: "circleWidth", closeable: "closeable", cssClass: "cssClass", enterAnimation: "enterAnimation", leaveAnimation: "leaveAnimation", maxSeconds: "maxSeconds", minSeconds: "minSeconds", permissionAlertContent: "permissionAlertContent", permissionAlertTitle: "permissionAlertTitle", permissionAlertbuttons: "permissionAlertbuttons", root: "root", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyRecord = __decorate([
     ProxyCmp({
-        inputs: ['animated', 'backdropDismiss', 'circleColor', 'circleWidth', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'maxSeconds', 'minSeconds', 'root', 'trigger'],
+        inputs: ['animated', 'backdropDismiss', 'circleColor', 'circleWidth', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'maxSeconds', 'minSeconds', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'root', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'resetRecordState', 'startRecord', 'stopRecording']
     })
 ], CtyRecord);
@@ -1103,7 +1130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['animated', 'backdropDismiss', 'circleColor', 'circleWidth', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'maxSeconds', 'minSeconds', 'root', 'trigger'],
+                    inputs: ['animated', 'backdropDismiss', 'circleColor', 'circleWidth', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'maxSeconds', 'minSeconds', 'permissionAlertContent', 'permissionAlertTitle', 'permissionAlertbuttons', 'root', 'trigger'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtySegmentSlides = class CtySegmentSlides {
@@ -1250,11 +1277,11 @@ let CtyStepper = class CtyStepper {
         proxyOutputs(this, this.el, ['ctyMinus', 'ctyPlus', 'ctyBlur', 'ctyChange', 'ctyFocus']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyStepper, selector: "cty-stepper", inputs: { disableInput: "disableInput", disableMinus: "disableMinus", disablePlus: "disablePlus", disabled: "disabled", integer: "integer", max: "max", min: "min", minusText: "minusText", plusText: "plusText", readonly: "readonly", showInput: "showInput", showMinus: "showMinus", showPlus: "showPlus", step: "step", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyStepper, selector: "cty-stepper", inputs: { beforeChange: "beforeChange", disableInput: "disableInput", disableMinus: "disableMinus", disablePlus: "disablePlus", disabled: "disabled", integer: "integer", max: "max", min: "min", minusText: "minusText", plusText: "plusText", readonly: "readonly", showInput: "showInput", showMinus: "showMinus", showPlus: "showPlus", step: "step", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyStepper = __decorate([
     ProxyCmp({
-        inputs: ['disableInput', 'disableMinus', 'disablePlus', 'disabled', 'integer', 'max', 'min', 'minusText', 'plusText', 'readonly', 'showInput', 'showMinus', 'showPlus', 'step', 'value'],
+        inputs: ['beforeChange', 'disableInput', 'disableMinus', 'disablePlus', 'disabled', 'integer', 'max', 'min', 'minusText', 'plusText', 'readonly', 'showInput', 'showMinus', 'showPlus', 'step', 'value'],
         methods: ['handleMinus', 'handlePlus']
     })
 ], CtyStepper);
@@ -1265,7 +1292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['disableInput', 'disableMinus', 'disablePlus', 'disabled', 'integer', 'max', 'min', 'minusText', 'plusText', 'readonly', 'showInput', 'showMinus', 'showPlus', 'step', 'value'],
+                    inputs: ['beforeChange', 'disableInput', 'disableMinus', 'disablePlus', 'disabled', 'integer', 'max', 'min', 'minusText', 'plusText', 'readonly', 'showInput', 'showMinus', 'showPlus', 'step', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtySteps = class CtySteps {
@@ -1526,11 +1553,11 @@ let CtyVirtualList = class CtyVirtualList {
         proxyOutputs(this, this.el, ['ctyScroll']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyVirtualList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyVirtualList, selector: "cty-virtual-list", inputs: { containerHeight: "containerHeight", direction: "direction", itemKey: "itemKey", items: "items", preloadItemCount: "preloadItemCount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyVirtualList, selector: "cty-virtual-list", inputs: { containerHeight: "containerHeight", direction: "direction", itemKey: "itemKey", itemRender: "itemRender", items: "items", preloadItemCount: "preloadItemCount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyVirtualList = __decorate([
     ProxyCmp({
-        inputs: ['containerHeight', 'direction', 'itemKey', 'items', 'preloadItemCount']
+        inputs: ['containerHeight', 'direction', 'itemKey', 'itemRender', 'items', 'preloadItemCount']
     })
 ], CtyVirtualList);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyVirtualList, decorators: [{
@@ -1540,7 +1567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['containerHeight', 'direction', 'itemKey', 'items', 'preloadItemCount'],
+                    inputs: ['containerHeight', 'direction', 'itemKey', 'itemRender', 'items', 'preloadItemCount'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
@@ -1802,6 +1829,7 @@ const DIRECTIVES = [
     CtyNoticeBar,
     CtyOverlay,
     CtyPdfViewer,
+    CtyPermissionAlert,
     CtyPermissionPurpose,
     CtyProgress,
     CtyQuickAccess,
@@ -1847,7 +1875,7 @@ class CtyMUIModule {
         };
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyMUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CtyMUIModule, declarations: [CtyActionSheet, CtyAgree, CtyAlert, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderView, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtySelector, CtyShareSheet, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyVideo, CtyVirtualList], imports: [CommonModule], exports: [CtyActionSheet, CtyAgree, CtyAlert, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderView, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtySelector, CtyShareSheet, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyVideo, CtyVirtualList] });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CtyMUIModule, declarations: [CtyActionSheet, CtyAgree, CtyAlert, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderView, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionAlert, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtySelector, CtyShareSheet, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyVideo, CtyVirtualList], imports: [CommonModule], exports: [CtyActionSheet, CtyAgree, CtyAlert, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderView, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionAlert, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtySelector, CtyShareSheet, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyVideo, CtyVirtualList] });
     /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyMUIModule, imports: [CommonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyMUIModule, decorators: [{
@@ -1880,5 +1908,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CtyActionSheet, CtyActionSheetController, CtyAgree, CtyAlert, CtyAlertController, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCameraPhotoController, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderController, CtyCascaderView, CtyCircle, CtyController, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyImageViewerController, CtyIndexBar, CtyKeyboard, CtyLoading, CtyLoadingController, CtyMUIModule, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyOverlayController, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtyRecordController, CtySegmentSlides, CtySelector, CtyShareSheet, CtyShareSheetController, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyTutorialController, CtyVideo, CtyVirtualList, DirectiveModule };
+export { CtyActionSheet, CtyActionSheetController, CtyAgree, CtyAlert, CtyAlertController, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCamera, CtyCameraPhoto, CtyCameraPhotoController, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderController, CtyCascaderView, CtyCircle, CtyController, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyImageViewerController, CtyIndexBar, CtyKeyboard, CtyLoading, CtyLoadingController, CtyMUIModule, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyOverlayController, CtyPdfViewer, CtyPermissionAlert, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtyRecordController, CtySegmentSlides, CtySelector, CtyShareSheet, CtyShareSheetController, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyTutorialController, CtyVideo, CtyVirtualList, DirectiveModule };
 //# sourceMappingURL=cty-mui-angular.mjs.map