cty-mui-angular 1.0.15 → 1.0.17

package/fesm2022/cty-mui-angular.mjs

@@ -400,6 +400,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['animated', 'backdropDismiss', 'cancelText', 'cascade', 'childrenKey', 'columns', 'columnsCount', 'confirmText', 'cssClass', 'defaultValues', 'enterAnimation', 'leaveAnimation', 'optionCount', 'optionHeight', 'root', 'textKey', 'title', 'trigger', 'type', 'valueKey'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtyCascaderView = class CtyCascaderView {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyChange', 'ctyValueChange', 'ctyTabsChange']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCascaderView, 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: CtyCascaderView, selector: "cty-cascader-view", inputs: { activeIcon: "activeIcon", loading: "loading", options: "options", placeholder: "placeholder", props: "props", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtyCascaderView = __decorate([
+    ProxyCmp({
+        inputs: ['activeIcon', 'loading', 'options', 'placeholder', 'props', 'value']
+    })
+], CtyCascaderView);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCascaderView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-cascader-view',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeIcon', 'loading', 'options', 'placeholder', 'props', 'value'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyCircle = class CtyCircle {
     z;
     el;
@@ -508,6 +535,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['placement', 'vertical'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtyDropdown = class CtyDropdown {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyChange']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyDropdown, 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: CtyDropdown, selector: "cty-dropdown", inputs: { arrowIcon: "arrowIcon", backdropDismiss: "backdropDismiss", defaultValue: "defaultValue", isDynamicsLabel: "isDynamicsLabel", options: "options", outsideDismiss: "outsideDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtyDropdown = __decorate([
+    ProxyCmp({
+        inputs: ['arrowIcon', 'backdropDismiss', 'defaultValue', 'isDynamicsLabel', 'options', 'outsideDismiss'],
+        methods: ['close', 'toggleNavPop']
+    })
+], CtyDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-dropdown',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['arrowIcon', 'backdropDismiss', 'defaultValue', 'isDynamicsLabel', 'options', 'outsideDismiss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyEmpty = class CtyEmpty {
     z;
     el;
@@ -787,11 +842,11 @@ let CtyNavBar = class CtyNavBar {
         proxyOutputs(this, this.el, ['ctyDismiss']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyNavBar, 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: CtyNavBar, selector: "cty-nav-bar", inputs: { arrow: "arrow", end: "end", start: "start", title: "title", type: "type" }, 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: CtyNavBar, selector: "cty-nav-bar", inputs: { arrow: "arrow", arrowIcon: "arrowIcon", end: "end", start: "start", title: "title", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyNavBar = __decorate([
     ProxyCmp({
-        inputs: ['arrow', 'end', 'start', 'title', 'type']
+        inputs: ['arrow', 'arrowIcon', 'end', 'start', 'title', 'type']
     })
 ], CtyNavBar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyNavBar, decorators: [{
@@ -801,7 +856,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: ['arrow', 'end', 'start', 'title', 'type'],
+                    inputs: ['arrow', 'arrowIcon', 'end', 'start', 'title', 'type'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyNoticeBar = class CtyNoticeBar {
@@ -949,11 +1004,11 @@ let CtyQuickAccess = class CtyQuickAccess {
         proxyOutputs(this, this.el, ['ctyTap', 'ctySlide', 'ctySlideEnd', 'ctyInit']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyQuickAccess, 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: CtyQuickAccess, selector: "cty-quick-access", inputs: { col: "col", options: "options", paper: "paper", props: "props", quickThreshold: "quickThreshold", row: "row", slideThreshold: "slideThreshold", transition: "transition" }, 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: CtyQuickAccess, selector: "cty-quick-access", inputs: { col: "col", duration: "duration", options: "options", paper: "paper", props: "props", quickThreshold: "quickThreshold", row: "row", slideThreshold: "slideThreshold" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyQuickAccess = __decorate([
     ProxyCmp({
-        inputs: ['col', 'options', 'paper', 'props', 'quickThreshold', 'row', 'slideThreshold', 'transition'],
+        inputs: ['col', 'duration', 'options', 'paper', 'props', 'quickThreshold', 'row', 'slideThreshold'],
         methods: ['getCurrentPage']
     })
 ], CtyQuickAccess);
@@ -964,7 +1019,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: ['col', 'options', 'paper', 'props', 'quickThreshold', 'row', 'slideThreshold', 'transition'],
+                    inputs: ['col', 'duration', 'options', 'paper', 'props', 'quickThreshold', 'row', 'slideThreshold'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyRate = class CtyRate {
@@ -1050,6 +1105,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['autoHeight', 'layout', 'observer', 'observerParents', 'segmentProps', 'segments', 'top'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtySelector = class CtySelector {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyChange', 'ctyValueChange']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtySelector, 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: CtySelector, selector: "cty-selector", inputs: { atleastOneSelected: "atleastOneSelected", checkMark: "checkMark", checkMarkIcon: "checkMarkIcon", columns: "columns", disabled: "disabled", multiple: "multiple", options: "options", props: "props", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtySelector = __decorate([
+    ProxyCmp({
+        inputs: ['atleastOneSelected', 'checkMark', 'checkMarkIcon', 'columns', 'disabled', 'multiple', 'options', 'props', 'value']
+    })
+], CtySelector);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtySelector, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-selector',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['atleastOneSelected', 'checkMark', 'checkMarkIcon', 'columns', 'disabled', 'multiple', 'options', 'props', 'value'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyShareSheet = class CtyShareSheet {
     z;
     el;
@@ -1078,6 +1160,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['animated', 'backdropDismiss', 'cancelText', 'cssClass', 'description', 'enterAnimation', 'guide', 'guideImg', 'hiddenSheet', 'leaveAnimation', 'legacyCopy', 'options', 'permissionDescription', 'permissionPurpose', 'root', 'shareOption', 'title', 'trigger'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtySidePanel = class CtySidePanel {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyChange']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtySidePanel, 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: CtySidePanel, selector: "cty-side-panel", inputs: { beforeChange: "beforeChange", sideBars: "sideBars", singleContent: "singleContent", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtySidePanel = __decorate([
+    ProxyCmp({
+        inputs: ['beforeChange', 'sideBars', 'singleContent', 'value']
+    })
+], CtySidePanel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtySidePanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-side-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['beforeChange', 'sideBars', 'singleContent', 'value'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyStep = class CtyStep {
     z;
     el;
@@ -1267,6 +1376,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['collapseText', 'content', 'dots', 'expandText', 'position', 'rows'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let CtyTitleBar = class CtyTitleBar {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyClickEnd']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyTitleBar, 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: CtyTitleBar, selector: "cty-title-bar", inputs: { endIcon: "endIcon", endText: "endText", startIcon: "startIcon", title: "title" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtyTitleBar = __decorate([
+    ProxyCmp({
+        inputs: ['endIcon', 'endText', 'startIcon', 'title']
+    })
+], CtyTitleBar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyTitleBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cty-title-bar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['endIcon', 'endText', 'startIcon', 'title'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyTour = class CtyTour {
     z;
     el;
@@ -1333,11 +1469,11 @@ let CtyVideo = class CtyVideo {
         proxyOutputs(this, this.el, ['ctyDismiss', 'ctyVideoCanplay', 'ctyVideoTimeupdate', 'ctyVideoPlaying', 'ctyVideoPlay', 'ctyVideoPause', 'ctyVideoStalled', 'ctyVideoWaiting', 'ctyVideoEnded', 'ctyVideoError', 'ctyVideoChangeVolume', 'ctyVideoProgress', 'ctyVideoScreenChange', 'ctyVideoIAEnter', 'ctyVideoIAAction', 'ctyVideoCtrlChange', 'ctyVideoRateChange']);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyVideo, 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: CtyVideo, selector: "cty-video", inputs: { allowBackward: "allowBackward", allowForward: "allowForward", autoplay: "autoplay", controls: "controls", defaultFullscreen: "defaultFullscreen", directRate: "directRate", direction: "direction", errorMsg: "errorMsg", exitFullscreenIcon: "exitFullscreenIcon", footerCtrl: "footerCtrl", fullscreenIcon: "fullscreenIcon", fullscreenOnly: "fullscreenOnly", headerCtrl: "headerCtrl", interactiveActions: "interactiveActions", landscapeEnterTimer: "landscapeEnterTimer", landscapeLeaveTimer: "landscapeLeaveTimer", largeScreenIsPortrait: "largeScreenIsPortrait", loading: "loading", loadingImg: "loadingImg", markers: "markers", orientation: "orientation", player: "player", poster: "poster", preload: "preload", progressPosition: "progressPosition", rate: "rate", rates: "rates", startTime: "startTime", title: "title", togglePlayTimer: "togglePlayTimer", trafficAutoplay: "trafficAutoplay", trafficMsg: "trafficMsg", unAllowForwardMsg: "unAllowForwardMsg", unAllowRateMsg: "unAllowRateMsg", updateNow: "updateNow", url: "url" }, 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: CtyVideo, selector: "cty-video", inputs: { allowBackgroundForward: "allowBackgroundForward", allowBackward: "allowBackward", allowForward: "allowForward", autoplay: "autoplay", controls: "controls", defaultFullscreen: "defaultFullscreen", directRate: "directRate", direction: "direction", errorMsg: "errorMsg", exitFullscreenIcon: "exitFullscreenIcon", footerCtrl: "footerCtrl", fullscreenIcon: "fullscreenIcon", fullscreenOnly: "fullscreenOnly", headerCtrl: "headerCtrl", interactiveActions: "interactiveActions", landscapeEnterTimer: "landscapeEnterTimer", landscapeLeaveTimer: "landscapeLeaveTimer", largeScreenIsPortrait: "largeScreenIsPortrait", loading: "loading", loadingImg: "loadingImg", markers: "markers", orientation: "orientation", player: "player", poster: "poster", preload: "preload", progressPosition: "progressPosition", rate: "rate", rates: "rates", startTime: "startTime", title: "title", togglePlayTimer: "togglePlayTimer", trafficAutoplay: "trafficAutoplay", trafficMsg: "trafficMsg", unAllowForwardMsg: "unAllowForwardMsg", unAllowRateMsg: "unAllowRateMsg", updateNow: "updateNow", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyVideo = __decorate([
     ProxyCmp({
-        inputs: ['allowBackward', 'allowForward', 'autoplay', 'controls', 'defaultFullscreen', 'directRate', 'direction', 'errorMsg', 'exitFullscreenIcon', 'footerCtrl', 'fullscreenIcon', 'fullscreenOnly', 'headerCtrl', 'interactiveActions', 'landscapeEnterTimer', 'landscapeLeaveTimer', 'largeScreenIsPortrait', 'loading', 'loadingImg', 'markers', 'orientation', 'player', 'poster', 'preload', 'progressPosition', 'rate', 'rates', 'startTime', 'title', 'togglePlayTimer', 'trafficAutoplay', 'trafficMsg', 'unAllowForwardMsg', 'unAllowRateMsg', 'updateNow', 'url'],
+        inputs: ['allowBackgroundForward', 'allowBackward', 'allowForward', 'autoplay', 'controls', 'defaultFullscreen', 'directRate', 'direction', 'errorMsg', 'exitFullscreenIcon', 'footerCtrl', 'fullscreenIcon', 'fullscreenOnly', 'headerCtrl', 'interactiveActions', 'landscapeEnterTimer', 'landscapeLeaveTimer', 'largeScreenIsPortrait', 'loading', 'loadingImg', 'markers', 'orientation', 'player', 'poster', 'preload', 'progressPosition', 'rate', 'rates', 'startTime', 'title', 'togglePlayTimer', 'trafficAutoplay', 'trafficMsg', 'unAllowForwardMsg', 'unAllowRateMsg', 'updateNow', 'url'],
         methods: ['play', 'setCtrlShow', 'pause', 'setVideoCurrentTime', 'clearCtrlTimeout', 'setWarningMsg', 'toggleVideo', 'toggleVolume', 'setPlayRate', 'getVideoElement', 'getVideoState']
     })
 ], CtyVideo);
@@ -1348,7 +1484,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: ['allowBackward', 'allowForward', 'autoplay', 'controls', 'defaultFullscreen', 'directRate', 'direction', 'errorMsg', 'exitFullscreenIcon', 'footerCtrl', 'fullscreenIcon', 'fullscreenOnly', 'headerCtrl', 'interactiveActions', 'landscapeEnterTimer', 'landscapeLeaveTimer', 'largeScreenIsPortrait', 'loading', 'loadingImg', 'markers', 'orientation', 'player', 'poster', 'preload', 'progressPosition', 'rate', 'rates', 'startTime', 'title', 'togglePlayTimer', 'trafficAutoplay', 'trafficMsg', 'unAllowForwardMsg', 'unAllowRateMsg', 'updateNow', 'url'],
+                    inputs: ['allowBackgroundForward', 'allowBackward', 'allowForward', 'autoplay', 'controls', 'defaultFullscreen', 'directRate', 'direction', 'errorMsg', 'exitFullscreenIcon', 'footerCtrl', 'fullscreenIcon', 'fullscreenOnly', 'headerCtrl', 'interactiveActions', 'landscapeEnterTimer', 'landscapeLeaveTimer', 'largeScreenIsPortrait', 'loading', 'loadingImg', 'markers', 'orientation', 'player', 'poster', 'preload', 'progressPosition', 'rate', 'rates', 'startTime', 'title', 'togglePlayTimer', 'trafficAutoplay', 'trafficMsg', 'unAllowForwardMsg', 'unAllowRateMsg', 'updateNow', 'url'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyVirtualList = class CtyVirtualList {
@@ -1602,10 +1738,12 @@ const DIRECTIVES = [
     CtyCanvasBoard,
     CtyCanvasVideo,
     CtyCascader,
+    CtyCascaderView,
     CtyCircle,
     CtyCountDown,
     CtyCropImage,
     CtyDivider,
+    CtyDropdown,
     CtyEmpty,
     CtyFloatingBubble,
     CtyFloatingPanel,
@@ -1626,7 +1764,9 @@ const DIRECTIVES = [
     CtyRate,
     CtyRecord,
     CtySegmentSlides,
+    CtySelector,
     CtyShareSheet,
+    CtySidePanel,
     CtyStep,
     CtyStepper,
     CtySteps,
@@ -1634,6 +1774,7 @@ const DIRECTIVES = [
     CtySwipeItem,
     CtySwiper,
     CtyTextEllipsis,
+    CtyTitleBar,
     CtyTour,
     CtyTutorial,
     CtyVideo,
@@ -1662,7 +1803,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, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtyShareSheet, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTour, CtyTutorial, CtyVideo, CtyVirtualList], imports: [CommonModule], exports: [CtyActionSheet, CtyAgree, CtyAlert, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCameraPhoto, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCircle, CtyCountDown, CtyCropImage, CtyDivider, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtySegmentSlides, CtyShareSheet, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, 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, 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, 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 ɵ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: [{
@@ -1695,5 +1836,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, CtyCameraPhoto, CtyCameraPhotoController, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderController, CtyCircle, CtyController, CtyCountDown, CtyCropImage, CtyDivider, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, CtyIndexBar, CtyKeyboard, CtyLoading, CtyLoadingController, CtyMUIModule, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyOverlayController, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtyRecordController, CtySegmentSlides, CtyShareSheet, CtyShareSheetController, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTour, CtyTutorial, CtyTutorialController, CtyVideo, CtyVirtualList, DirectiveModule };
+export { CtyActionSheet, CtyActionSheetController, CtyAgree, CtyAlert, CtyAlertController, CtyAnswerSheet, CtyArticleCard, CtyAudio, CtyBackdrop, CtyBanner, CtyCameraPhoto, CtyCameraPhotoController, CtyCanvasBoard, CtyCanvasVideo, CtyCascader, CtyCascaderController, CtyCascaderView, CtyCircle, CtyController, CtyCountDown, CtyCropImage, CtyDivider, CtyDropdown, CtyEmpty, CtyFloatingBubble, CtyFloatingPanel, CtyIcon, CtyImageUpload, CtyImageViewer, 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 };
 //# sourceMappingURL=cty-mui-angular.mjs.map