cty-mui-angular 1.0.15 → 1.0.16

package/fesm2022/cty-mui-angular-standalone.mjs

@@ -10,60 +10,62 @@ import { fromEvent } from 'rxjs';
 import { defineCustomElement as defineCustomElement$2 } from 'cty-mui-core/components/cty-rate.js';
 import { register } from 'swiper/element/bundle';
 import { defineCustomElement as defineCustomElement$3 } from 'cty-mui-core/components/cty-segment-slides.js';
-import { defineCustomElement as defineCustomElement$4 } from 'cty-mui-core/components/cty-stepper.js';
-import { defineCustomElement as defineCustomElement$5 } from 'cty-mui-core/components/cty-swiper.js';
-import { defineCustomElement as defineCustomElement$6 } from 'cty-mui-core/components/cty-action-sheet.js';
-import { defineCustomElement as defineCustomElement$7 } from 'cty-mui-core/components/cty-alert.js';
-import { defineCustomElement as defineCustomElement$8 } from 'cty-mui-core/components/cty-answer-sheet.js';
-import { defineCustomElement as defineCustomElement$9 } from 'cty-mui-core/components/cty-article-card.js';
-import { defineCustomElement as defineCustomElement$a } from 'cty-mui-core/components/cty-audio.js';
-import { defineCustomElement as defineCustomElement$b } from 'cty-mui-core/components/cty-backdrop.js';
-import { defineCustomElement as defineCustomElement$c } from 'cty-mui-core/components/cty-banner.js';
-import { defineCustomElement as defineCustomElement$d } from 'cty-mui-core/components/cty-camera-photo.js';
-import { defineCustomElement as defineCustomElement$e } from 'cty-mui-core/components/cty-canvas-board.js';
-import { defineCustomElement as defineCustomElement$f } from 'cty-mui-core/components/cty-canvas-video.js';
-import { defineCustomElement as defineCustomElement$g } from 'cty-mui-core/components/cty-cascader.js';
-import { defineCustomElement as defineCustomElement$h } from 'cty-mui-core/components/cty-circle.js';
-import { defineCustomElement as defineCustomElement$i } from 'cty-mui-core/components/cty-count-down.js';
-import { defineCustomElement as defineCustomElement$j } from 'cty-mui-core/components/cty-crop-image.js';
-import { defineCustomElement as defineCustomElement$k } from 'cty-mui-core/components/cty-divider.js';
-import { defineCustomElement as defineCustomElement$l } from 'cty-mui-core/components/cty-empty.js';
-import { defineCustomElement as defineCustomElement$m } from 'cty-mui-core/components/cty-floating-bubble.js';
-import { defineCustomElement as defineCustomElement$n } from 'cty-mui-core/components/cty-floating-panel.js';
-import { defineCustomElement as defineCustomElement$o } from 'cty-mui-core/components/cty-icon.js';
-import { defineCustomElement as defineCustomElement$p } from 'cty-mui-core/components/cty-image-upload.js';
-import { defineCustomElement as defineCustomElement$q } from 'cty-mui-core/components/cty-image-viewer.js';
-import { defineCustomElement as defineCustomElement$r } from 'cty-mui-core/components/cty-index-bar.js';
-import { defineCustomElement as defineCustomElement$s } from 'cty-mui-core/components/cty-keyboard.js';
-import { defineCustomElement as defineCustomElement$t } from 'cty-mui-core/components/cty-loading.js';
-import { defineCustomElement as defineCustomElement$u } from 'cty-mui-core/components/cty-media-capture.js';
-import { defineCustomElement as defineCustomElement$v } from 'cty-mui-core/components/cty-nav-bar.js';
-import { defineCustomElement as defineCustomElement$w } from 'cty-mui-core/components/cty-notice-bar.js';
-import { defineCustomElement as defineCustomElement$x } from 'cty-mui-core/components/cty-overlay.js';
-import { defineCustomElement as defineCustomElement$y } from 'cty-mui-core/components/cty-pdf-viewer.js';
-import { defineCustomElement as defineCustomElement$z } from 'cty-mui-core/components/cty-permission-purpose.js';
-import { defineCustomElement as defineCustomElement$A } from 'cty-mui-core/components/cty-progress.js';
-import { defineCustomElement as defineCustomElement$B } from 'cty-mui-core/components/cty-quick-access.js';
-import { defineCustomElement as defineCustomElement$C } from 'cty-mui-core/components/cty-record.js';
-import { defineCustomElement as defineCustomElement$D } from 'cty-mui-core/components/cty-share-sheet.js';
-import { defineCustomElement as defineCustomElement$E } from 'cty-mui-core/components/cty-step.js';
-import { defineCustomElement as defineCustomElement$F } from 'cty-mui-core/components/cty-steps.js';
-import { defineCustomElement as defineCustomElement$G } from 'cty-mui-core/components/cty-swipe.js';
-import { defineCustomElement as defineCustomElement$H } from 'cty-mui-core/components/cty-swipe-item.js';
-import { defineCustomElement as defineCustomElement$I } from 'cty-mui-core/components/cty-text-ellipsis.js';
-import { defineCustomElement as defineCustomElement$J } from 'cty-mui-core/components/cty-tour.js';
-import { defineCustomElement as defineCustomElement$K } from 'cty-mui-core/components/cty-tutorial.js';
-import { defineCustomElement as defineCustomElement$L } from 'cty-mui-core/components/cty-video.js';
-import { defineCustomElement as defineCustomElement$M } from 'cty-mui-core/components/cty-virtual-list.js';
+import { defineCustomElement as defineCustomElement$4 } from 'cty-mui-core/components/cty-side-panel.js';
+import { defineCustomElement as defineCustomElement$5 } from 'cty-mui-core/components/cty-stepper.js';
+import { defineCustomElement as defineCustomElement$6 } from 'cty-mui-core/components/cty-swiper.js';
+import { defineCustomElement as defineCustomElement$7 } from 'cty-mui-core/components/cty-action-sheet.js';
+import { defineCustomElement as defineCustomElement$8 } from 'cty-mui-core/components/cty-alert.js';
+import { defineCustomElement as defineCustomElement$9 } from 'cty-mui-core/components/cty-answer-sheet.js';
+import { defineCustomElement as defineCustomElement$a } from 'cty-mui-core/components/cty-article-card.js';
+import { defineCustomElement as defineCustomElement$b } from 'cty-mui-core/components/cty-audio.js';
+import { defineCustomElement as defineCustomElement$c } from 'cty-mui-core/components/cty-backdrop.js';
+import { defineCustomElement as defineCustomElement$d } from 'cty-mui-core/components/cty-banner.js';
+import { defineCustomElement as defineCustomElement$e } from 'cty-mui-core/components/cty-camera-photo.js';
+import { defineCustomElement as defineCustomElement$f } from 'cty-mui-core/components/cty-canvas-board.js';
+import { defineCustomElement as defineCustomElement$g } from 'cty-mui-core/components/cty-canvas-video.js';
+import { defineCustomElement as defineCustomElement$h } from 'cty-mui-core/components/cty-cascader.js';
+import { defineCustomElement as defineCustomElement$i } from 'cty-mui-core/components/cty-circle.js';
+import { defineCustomElement as defineCustomElement$j } from 'cty-mui-core/components/cty-count-down.js';
+import { defineCustomElement as defineCustomElement$k } from 'cty-mui-core/components/cty-crop-image.js';
+import { defineCustomElement as defineCustomElement$l } from 'cty-mui-core/components/cty-divider.js';
+import { defineCustomElement as defineCustomElement$m } from 'cty-mui-core/components/cty-empty.js';
+import { defineCustomElement as defineCustomElement$n } from 'cty-mui-core/components/cty-floating-bubble.js';
+import { defineCustomElement as defineCustomElement$o } from 'cty-mui-core/components/cty-floating-panel.js';
+import { defineCustomElement as defineCustomElement$p } from 'cty-mui-core/components/cty-icon.js';
+import { defineCustomElement as defineCustomElement$q } from 'cty-mui-core/components/cty-image-upload.js';
+import { defineCustomElement as defineCustomElement$r } from 'cty-mui-core/components/cty-image-viewer.js';
+import { defineCustomElement as defineCustomElement$s } from 'cty-mui-core/components/cty-index-bar.js';
+import { defineCustomElement as defineCustomElement$t } from 'cty-mui-core/components/cty-keyboard.js';
+import { defineCustomElement as defineCustomElement$u } from 'cty-mui-core/components/cty-loading.js';
+import { defineCustomElement as defineCustomElement$v } from 'cty-mui-core/components/cty-media-capture.js';
+import { defineCustomElement as defineCustomElement$w } from 'cty-mui-core/components/cty-nav-bar.js';
+import { defineCustomElement as defineCustomElement$x } from 'cty-mui-core/components/cty-notice-bar.js';
+import { defineCustomElement as defineCustomElement$y } from 'cty-mui-core/components/cty-overlay.js';
+import { defineCustomElement as defineCustomElement$z } from 'cty-mui-core/components/cty-pdf-viewer.js';
+import { defineCustomElement as defineCustomElement$A } from 'cty-mui-core/components/cty-permission-purpose.js';
+import { defineCustomElement as defineCustomElement$B } from 'cty-mui-core/components/cty-progress.js';
+import { defineCustomElement as defineCustomElement$C } from 'cty-mui-core/components/cty-quick-access.js';
+import { defineCustomElement as defineCustomElement$D } from 'cty-mui-core/components/cty-record.js';
+import { defineCustomElement as defineCustomElement$E } from 'cty-mui-core/components/cty-share-sheet.js';
+import { defineCustomElement as defineCustomElement$F } from 'cty-mui-core/components/cty-step.js';
+import { defineCustomElement as defineCustomElement$G } from 'cty-mui-core/components/cty-steps.js';
+import { defineCustomElement as defineCustomElement$H } from 'cty-mui-core/components/cty-swipe.js';
+import { defineCustomElement as defineCustomElement$I } from 'cty-mui-core/components/cty-swipe-item.js';
+import { defineCustomElement as defineCustomElement$J } from 'cty-mui-core/components/cty-text-ellipsis.js';
+import { defineCustomElement as defineCustomElement$K } from 'cty-mui-core/components/cty-title-bar.js';
+import { defineCustomElement as defineCustomElement$L } from 'cty-mui-core/components/cty-tour.js';
+import { defineCustomElement as defineCustomElement$M } from 'cty-mui-core/components/cty-tutorial.js';
+import { defineCustomElement as defineCustomElement$N } from 'cty-mui-core/components/cty-video.js';
+import { defineCustomElement as defineCustomElement$O } from 'cty-mui-core/components/cty-virtual-list.js';
 import { initialize, alertController, actionSheetController, cameraPhotoController, cascaderController, loadingController, imageViewerController, overlayController, recordController, shareSheetController, tutorialController } from 'cty-mui-core/components';
 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/components';
-import { defineCustomElement as defineCustomElement$N } from 'cty-mui-core/components/cty-action-sheet';
-import { defineCustomElement as defineCustomElement$O } from 'cty-mui-core/components/cty-camera-photo';
-import { defineCustomElement as defineCustomElement$P } from 'cty-mui-core/components/cty-cascader';
-import { defineCustomElement as defineCustomElement$Q } from 'cty-mui-core/components/cty-loading';
-import { defineCustomElement as defineCustomElement$R } from 'cty-mui-core/components/cty-record';
-import { defineCustomElement as defineCustomElement$S } from 'cty-mui-core/components/cty-share-sheet';
-import { defineCustomElement as defineCustomElement$T } from 'cty-mui-core/components/cty-tutorial';
+import { defineCustomElement as defineCustomElement$P } from 'cty-mui-core/components/cty-action-sheet';
+import { defineCustomElement as defineCustomElement$Q } from 'cty-mui-core/components/cty-camera-photo';
+import { defineCustomElement as defineCustomElement$R } from 'cty-mui-core/components/cty-cascader';
+import { defineCustomElement as defineCustomElement$S } from 'cty-mui-core/components/cty-loading';
+import { defineCustomElement as defineCustomElement$T } from 'cty-mui-core/components/cty-record';
+import { defineCustomElement as defineCustomElement$U } from 'cty-mui-core/components/cty-share-sheet';
+import { defineCustomElement as defineCustomElement$V } from 'cty-mui-core/components/cty-tutorial';
 import { actionSheetController as actionSheetController$1, alertController as alertController$1, loadingController as loadingController$1, modalController, pickerController, popoverController, toastController } from '@ionic/core/components';
 
 /* eslint-disable */
@@ -124,7 +126,7 @@ function ProxyCmp(opts) {
     return decorator;
 }
 
-const INPUTS$4 = ['disabled', 'spinner', 'triggerArea', 'value'];
+const INPUTS$5 = ['disabled', 'spinner', 'triggerArea', 'value'];
 /**
  * Pulling the provider into an object and using PURE works
  * around an ng-packagr issue that causes
@@ -133,7 +135,7 @@ const INPUTS$4 = ['disabled', 'spinner', 'triggerArea', 'value'];
  * is not supported by Webpack and causes treeshaking
  * to not work on these kinds of components.
  */
-const accessorProvider$2 = {
+const accessorProvider$3 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => CtyAgree),
     multi: true,
@@ -152,12 +154,12 @@ let CtyAgree = class CtyAgree extends ValueAccessor {
         this.handleValueChange(el, el.value);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyAgree, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyAgree, isStandalone: true, selector: "cty-agree", inputs: { disabled: "disabled", spinner: "spinner", triggerArea: "triggerArea", value: "value" }, host: { listeners: { "ctyChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$2], usesInheritance: true, 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: CtyAgree, isStandalone: true, selector: "cty-agree", inputs: { disabled: "disabled", spinner: "spinner", triggerArea: "triggerArea", value: "value" }, host: { listeners: { "ctyChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyAgree = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1,
-        inputs: INPUTS$4,
+        inputs: INPUTS$5,
     })
 ], CtyAgree);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyAgree, decorators: [{
@@ -167,8 +169,8 @@ 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: INPUTS$4,
-                    providers: [accessorProvider$2],
+                    inputs: INPUTS$5,
+                    providers: [accessorProvider$3],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -176,7 +178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['ctyChange', ['$event.target']]
             }] } });
 
-const INPUTS$3 = ['clearable', 'count', 'disabled', 'half', 'icon', 'readonly', 'touchable', 'value', 'voidIcon'];
+const INPUTS$4 = ['clearable', 'count', 'disabled', 'half', 'icon', 'readonly', 'touchable', 'value', 'voidIcon'];
 /**
  * Pulling the provider into an object and using PURE works
  * around an ng-packagr issue that causes
@@ -185,7 +187,7 @@ const INPUTS$3 = ['clearable', 'count', 'disabled', 'half', 'icon', 'readonly',
  * is not supported by Webpack and causes treeshaking
  * to not work on these kinds of components.
  */
-const accessorProvider$1 = {
+const accessorProvider$2 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => CtyRate),
     multi: true,
@@ -204,12 +206,12 @@ let CtyRate = class CtyRate extends ValueAccessor {
         this.handleValueChange(el, el.value);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyRate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtyRate, isStandalone: true, selector: "cty-rate", inputs: { clearable: "clearable", count: "count", disabled: "disabled", half: "half", icon: "icon", readonly: "readonly", touchable: "touchable", value: "value", voidIcon: "voidIcon" }, host: { listeners: { "ctyChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$1], usesInheritance: true, 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: CtyRate, isStandalone: true, selector: "cty-rate", inputs: { clearable: "clearable", count: "count", disabled: "disabled", half: "half", icon: "icon", readonly: "readonly", touchable: "touchable", value: "value", voidIcon: "voidIcon" }, host: { listeners: { "ctyChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$2], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CtyRate = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$2,
-        inputs: INPUTS$3,
+        inputs: INPUTS$4,
     })
 ], CtyRate);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyRate, decorators: [{
@@ -219,8 +221,8 @@ 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: INPUTS$3,
-                    providers: [accessorProvider$1],
+                    inputs: INPUTS$4,
+                    providers: [accessorProvider$2],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -229,7 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 register();
-const INPUTS$2 = ['segments', 'autoHeight', 'top', 'segmentProps', 'layout', 'observer', 'observerParents'];
+const INPUTS$3 = ['segments', 'autoHeight', 'top', 'segmentProps', 'layout', 'observer', 'observerParents'];
 let CtySegmentSlides = class CtySegmentSlides {
     z;
     el;
@@ -245,8 +247,8 @@ let CtySegmentSlides = class CtySegmentSlides {
 CtySegmentSlides = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$3,
-        inputs: INPUTS$2,
-        methods: ['doSlideTo', 'getActiveIndex']
+        inputs: INPUTS$3,
+        methods: ['doSlideTo', 'getActiveIndex', 'getSwiper']
     })
 ], CtySegmentSlides);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtySegmentSlides, decorators: [{
@@ -256,12 +258,64 @@ 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: INPUTS$2,
+                    inputs: INPUTS$3,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
+const INPUTS$2 = ['sideBars', 'singleContent', 'beforeChange', 'value'];
+/**
+ * Pulling the provider into an object and using PURE works
+ * around an ng-packagr issue that causes
+ * components with multiple decorators and
+ * a provider to be re-assigned. This re-assignment
+ * is not supported by Webpack and causes treeshaking
+ * to not work on these kinds of components.
+ */
+const accessorProvider$1 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: /*@__PURE__*/ forwardRef(() => CtySidePanel),
+    multi: true,
+};
+let CtySidePanel = class CtySidePanel extends ValueAccessor {
+    z;
+    el;
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ctyChange']);
+    }
+    handleIonChange(el) {
+        this.handleValueChange(el, el.value);
+    }
+    /** @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 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtySidePanel, isStandalone: true, selector: "cty-side-panel", inputs: { sideBars: "sideBars", singleContent: "singleContent", beforeChange: "beforeChange", value: "value" }, host: { listeners: { "ctyChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$1], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CtySidePanel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$4,
+        inputs: INPUTS$2,
+    })
+], 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: INPUTS$2,
+                    providers: [accessorProvider$1],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ctyChange', ['$event.target']]
+            }] } });
+
 const INPUTS$1 = ['disabled', 'disableInput', 'disableMinus', 'disablePlus', 'integer', 'max', 'min', 'minusText', 'plusText', 'readonly', 'showInput', 'showMinus', 'showPlus', 'step', 'value'];
 /**
  * Pulling the provider into an object and using PURE works
@@ -294,7 +348,7 @@ let CtyStepper = class CtyStepper extends ValueAccessor {
 };
 CtyStepper = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$4,
+        defineCustomElementFn: defineCustomElement$5,
         inputs: INPUTS$1,
         methods: ['handleMinus', 'handlePlus'],
     })
@@ -331,7 +385,7 @@ let CtySwiper = class CtySwiper {
 };
 CtySwiper = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$5,
+        defineCustomElementFn: defineCustomElement$6,
         inputs: INPUTS,
         methods: ['prev', 'next', 'slideTo', 'getSwiper', 'refreshSwiper']
     })
@@ -363,7 +417,7 @@ let CtyActionSheet = class CtyActionSheet {
 };
 CtyActionSheet = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$6,
+        defineCustomElementFn: defineCustomElement$7,
         inputs: ['animated', 'backdropDismiss', 'cancelText', 'closeIcon', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'options', 'root', 'subtitle', 'title', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -393,7 +447,7 @@ let CtyAlert = class CtyAlert {
 };
 CtyAlert = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$7,
+        defineCustomElementFn: defineCustomElement$8,
         inputs: ['animated', 'backdropDismiss', 'buttons', 'closeable', 'content', 'cssClass', 'enterAnimation', 'img', 'leaveAnimation', 'root', 'title', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -423,7 +477,7 @@ let CtyAnswerSheet = class CtyAnswerSheet {
 };
 CtyAnswerSheet = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$8,
+        defineCustomElementFn: defineCustomElement$9,
         inputs: ['answers', 'categories', 'displayTotal', 'distinguish', 'placement', 'props', 'results', 'totalText']
     })
 ], CtyAnswerSheet);
@@ -451,7 +505,7 @@ let CtyArticleCard = class CtyArticleCard {
 };
 CtyArticleCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$9,
+        defineCustomElementFn: defineCustomElement$a,
         inputs: ['layout', 'thumbnails', 'title']
     })
 ], CtyArticleCard);
@@ -480,7 +534,7 @@ let CtyAudio = class CtyAudio {
 };
 CtyAudio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$a,
+        defineCustomElementFn: defineCustomElement$b,
         inputs: ['allowBackward', 'allowForward', 'autoplay', 'cycleRate', 'initialTime', 'playCtrl', 'rate', 'rateVisible', 'rates', 'trafficMsg', 'unAllowForwardMsg', 'unAllowRateMsg', 'url'],
         methods: ['updatePlayedTime', 'switchAudio', 'play', 'pause', 'setPlayRate', 'getAudioElement']
     })
@@ -510,7 +564,7 @@ let CtyBackdrop = class CtyBackdrop {
 };
 CtyBackdrop = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$b,
+        defineCustomElementFn: defineCustomElement$c,
         inputs: ['backdropDismiss', 'html', 'position']
     })
 ], CtyBackdrop);
@@ -539,7 +593,7 @@ let CtyBanner = class CtyBanner {
 };
 CtyBanner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$c,
+        defineCustomElementFn: defineCustomElement$d,
         inputs: ['autoplay', 'banners', 'duration', 'indicator', 'initialIndex', 'loop', 'props', 'touchable', 'vertical'],
         methods: ['swipeNext', 'swipePrev', 'swipeTo']
     })
@@ -569,7 +623,7 @@ let CtyCameraPhoto = class CtyCameraPhoto {
 };
 CtyCameraPhoto = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$d,
+        defineCustomElementFn: defineCustomElement$e,
         inputs: ['animated', 'backdropDismiss', 'cancelText', 'clipCancelText', 'clipCconfirmText', 'clipImageBg', 'clipImageQuality', 'clipImageSuffix', 'clipImageWidth', 'clipMaxScale', 'clipMinScale', 'clipPt', 'closeIcon', 'closeable', 'count', 'cssClass', 'enterAnimation', 'file', 'leaveAnimation', 'options', 'overlay', 'permissionPurpose', 'photoOption', 'root', 'title', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -599,7 +653,7 @@ let CtyCanvasBoard = class CtyCanvasBoard {
 };
 CtyCanvasBoard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$e,
+        defineCustomElementFn: defineCustomElement$f,
         inputs: ['bgColor', 'bgIcon', 'clearIcon', 'clearLabel', 'confirmLabel', 'dpr', 'eraserIcon', 'footerOpn', 'headerOpn', 'lineCap', 'lineWidths', 'pencilIcon', 'quality', 'redoIcon', 'showButtons', 'strokeColor', 'strokeWidth', 'suffix', 'undoIcon'],
         methods: ['undo', 'redo', 'clear', 'getDataURL']
     })
@@ -629,7 +683,7 @@ let CtyCanvasVideo = class CtyCanvasVideo {
 };
 CtyCanvasVideo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$f,
+        defineCustomElementFn: defineCustomElement$g,
         inputs: ['autoplay', 'avatarButton', 'next', 'preload', 'props', 'slice', 'videos'],
         methods: ['slideToPrev', 'slideToNext']
     })
@@ -659,7 +713,7 @@ let CtyCascader = class CtyCascader {
 };
 CtyCascader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$g,
+        defineCustomElementFn: defineCustomElement$h,
         inputs: ['animated', 'backdropDismiss', 'cancelText', 'cascade', 'childrenKey', 'columns', 'columnsCount', 'confirmText', 'cssClass', 'defaultValues', 'enterAnimation', 'leaveAnimation', 'optionCount', 'optionHeight', 'root', 'textKey', 'title', 'trigger', 'type', 'valueKey'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -688,7 +742,7 @@ let CtyCircle = class CtyCircle {
 };
 CtyCircle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$h,
+        defineCustomElementFn: defineCustomElement$i,
         inputs: ['clockwise', 'color', 'rad', 'rate', 'text', 'width', 'zeroTransparent']
     })
 ], CtyCircle);
@@ -717,7 +771,7 @@ let CtyCountDown = class CtyCountDown {
 };
 CtyCountDown = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$i,
+        defineCustomElementFn: defineCustomElement$j,
         inputs: ['autoStart', 'dateFormatUnit', 'format', 'millisecond', 'time', 'unit'],
         methods: ['start', 'reset', 'pause']
     })
@@ -747,7 +801,7 @@ let CtyCropImage = class CtyCropImage {
 };
 CtyCropImage = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$j,
+        defineCustomElementFn: defineCustomElement$k,
         inputs: ['cancelText', 'confirmText', 'imageBackground', 'imageWidth', 'maxScale', 'minScale', 'quality', 'suffix', 'url'],
         methods: ['getCanvasImg']
     })
@@ -776,7 +830,7 @@ let CtyDivider = class CtyDivider {
 };
 CtyDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$k,
+        defineCustomElementFn: defineCustomElement$l,
         inputs: ['placement', 'vertical']
     })
 ], CtyDivider);
@@ -804,7 +858,7 @@ let CtyEmpty = class CtyEmpty {
 };
 CtyEmpty = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$l,
+        defineCustomElementFn: defineCustomElement$m,
         inputs: ['description', 'image']
     })
 ], CtyEmpty);
@@ -833,7 +887,7 @@ let CtyFloatingBubble = class CtyFloatingBubble {
 };
 CtyFloatingBubble = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$m,
+        defineCustomElementFn: defineCustomElement$n,
         inputs: ['axis', 'gap', 'icon', 'magnetic', 'offset']
     })
 ], CtyFloatingBubble);
@@ -862,7 +916,7 @@ let CtyFloatingPanel = class CtyFloatingPanel {
 };
 CtyFloatingPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$n,
+        defineCustomElementFn: defineCustomElement$o,
         inputs: ['anchors', 'contentDraggable', 'damp', 'endAnchor', 'icon']
     })
 ], CtyFloatingPanel);
@@ -890,7 +944,7 @@ let CtyIcon = class CtyIcon {
 };
 CtyIcon = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$o,
+        defineCustomElementFn: defineCustomElement$p,
         inputs: ['color', 'flipRtl', 'lazy', 'name', 'sanitize', 'size']
     })
 ], CtyIcon);
@@ -919,7 +973,7 @@ let CtyImageUpload = class CtyImageUpload {
 };
 CtyImageUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$p,
+        defineCustomElementFn: defineCustomElement$q,
         inputs: ['addIcon', 'addImage', 'cameraPhotoOptions', 'count', 'deleteable', 'imageViewer', 'imageViewerOptions', 'images']
     })
 ], CtyImageUpload);
@@ -948,7 +1002,7 @@ let CtyImageViewer = class CtyImageViewer {
 };
 CtyImageViewer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$q,
+        defineCustomElementFn: defineCustomElement$r,
         inputs: ['animated', 'attrs', 'backdropDismiss', 'closeable', 'cssClass', 'enterAnimation', 'images', 'initialSlide', 'leaveAnimation', 'loop', 'pager', 'root', 'speed', 'trigger', 'zoom'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'slideTo']
     })
@@ -978,7 +1032,7 @@ let CtyIndexBar = class CtyIndexBar {
 };
 CtyIndexBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$r,
+        defineCustomElementFn: defineCustomElement$s,
         inputs: ['alphabet', 'alphabets', 'duration', 'indexList', 'offsetDiff', 'sticky', 'stickyTop', 'sum'],
         methods: ['scrollToIndex']
     })
@@ -1007,7 +1061,7 @@ let CtyKeyboard = class CtyKeyboard {
 };
 CtyKeyboard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$s
+        defineCustomElementFn: defineCustomElement$t
     })
 ], CtyKeyboard);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyKeyboard, decorators: [{
@@ -1035,7 +1089,7 @@ let CtyLoading = class CtyLoading {
 };
 CtyLoading = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$t,
+        defineCustomElementFn: defineCustomElement$u,
         inputs: ['animated', 'backdropDismiss', 'cssClass', 'enterAnimation', 'img', 'leaveAnimation', 'root', 'spinner', 'trigger', 'vertical'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -1065,7 +1119,7 @@ let CtyMediaCapture = class CtyMediaCapture {
 };
 CtyMediaCapture = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$u,
+        defineCustomElementFn: defineCustomElement$v,
         inputs: ['autoplay', 'captureTime', 'closeIcon', 'confirmText', 'controls', 'loop', 'options', 'poster', 'revocationIcon', 'timeLimit'],
         methods: ['startVideoCapture', 'stopVideoCapture']
     })
@@ -1091,12 +1145,12 @@ 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, isStandalone: true, 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, isStandalone: true, 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({
-        defineCustomElementFn: defineCustomElement$v,
-        inputs: ['arrow', 'end', 'start', 'title', 'type']
+        defineCustomElementFn: defineCustomElement$w,
+        inputs: ['arrow', 'arrowIcon', 'end', 'start', 'title', 'type']
     })
 ], CtyNavBar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyNavBar, decorators: [{
@@ -1106,7 +1160,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'],
                     standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -1124,7 +1178,7 @@ let CtyNoticeBar = class CtyNoticeBar {
 };
 CtyNoticeBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$w,
+        defineCustomElementFn: defineCustomElement$x,
         inputs: ['endIcon', 'scrollable', 'speed', 'startIcon', 'text']
     })
 ], CtyNoticeBar);
@@ -1153,7 +1207,7 @@ let CtyOverlay = class CtyOverlay {
 };
 CtyOverlay = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$x,
+        defineCustomElementFn: defineCustomElement$y,
         inputs: ['animated', 'backdropDismiss', 'cssClass', 'enterAnimation', 'html', 'leaveAnimation', 'position', 'root', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -1183,7 +1237,7 @@ let CtyPdfViewer = class CtyPdfViewer {
 };
 CtyPdfViewer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$y,
+        defineCustomElementFn: defineCustomElement$z,
         inputs: ['url', 'viewerUrl']
     })
 ], CtyPdfViewer);
@@ -1212,7 +1266,7 @@ let CtyPermissionPurpose = class CtyPermissionPurpose {
 };
 CtyPermissionPurpose = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['backdropDismiss', 'description']
     })
 ], CtyPermissionPurpose);
@@ -1240,7 +1294,7 @@ let CtyProgress = class CtyProgress {
 };
 CtyProgress = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A,
+        defineCustomElementFn: defineCustomElement$B,
         inputs: ['percentage', 'pivot', 'pivotText']
     })
 ], CtyProgress);
@@ -1269,7 +1323,7 @@ let CtyQuickAccess = class CtyQuickAccess {
 };
 CtyQuickAccess = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['col', 'options', 'paper', 'props', 'quickThreshold', 'row', 'slideThreshold', 'transition'],
         methods: ['getCurrentPage']
     })
@@ -1299,7 +1353,7 @@ let CtyRecord = class CtyRecord {
 };
 CtyRecord = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
+        defineCustomElementFn: defineCustomElement$D,
         inputs: ['animated', 'backdropDismiss', 'circleColor', 'circleWidth', 'closeable', 'cssClass', 'enterAnimation', 'leaveAnimation', 'maxSeconds', 'minSeconds', 'root', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'resetRecordState', 'startRecord', 'stopRecording']
     })
@@ -1329,7 +1383,7 @@ let CtyShareSheet = class CtyShareSheet {
 };
 CtyShareSheet = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['animated', 'backdropDismiss', 'cancelText', 'cssClass', 'description', 'enterAnimation', 'guide', 'guideImg', 'hiddenSheet', 'leaveAnimation', 'legacyCopy', 'options', 'permissionDescription', 'permissionPurpose', 'root', 'shareOption', 'title', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -1358,7 +1412,7 @@ let CtyStep = class CtyStep {
 };
 CtyStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E
+        defineCustomElementFn: defineCustomElement$F
     })
 ], CtyStep);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyStep, decorators: [{
@@ -1386,7 +1440,7 @@ let CtySteps = class CtySteps {
 };
 CtySteps = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['active', 'activeIcon', 'direction', 'finishIcon', 'inactiveIcon'],
         methods: ['onClickStep']
     })
@@ -1416,7 +1470,7 @@ let CtySwipe = class CtySwipe {
 };
 CtySwipe = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['autoplay', 'duration', 'indicator', 'initialSwipe', 'loop', 'touchable', 'vertical'],
         methods: ['prev', 'next', 'swipeTo']
     })
@@ -1445,7 +1499,7 @@ let CtySwipeItem = class CtySwipeItem {
 };
 CtySwipeItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$I,
         methods: ['setOffset']
     })
 ], CtySwipeItem);
@@ -1474,7 +1528,7 @@ let CtyTextEllipsis = class CtyTextEllipsis {
 };
 CtyTextEllipsis = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['collapseText', 'content', 'dots', 'expandText', 'position', 'rows']
     })
 ], CtyTextEllipsis);
@@ -1489,6 +1543,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true
                 }]
         }], 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, isStandalone: true, 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({
+        defineCustomElementFn: defineCustomElement$K,
+        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'],
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let CtyTour = class CtyTour {
     z;
     el;
@@ -1503,7 +1586,7 @@ let CtyTour = class CtyTour {
 };
 CtyTour = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['arrow', 'backdropDismiss', 'closeable', 'completeText', 'cssClass', 'initialIndex', 'nextText', 'placement', 'popoverAttrs', 'prevText', 'showPrev', 'steps'],
         methods: ['present', 'dismiss', 'prevStep', 'nextStep', 'complete']
     })
@@ -1533,7 +1616,7 @@ let CtyTutorial = class CtyTutorial {
 };
 CtyTutorial = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['animated', 'autoplay', 'backdropDismiss', 'banners', 'closeable', 'cssClass', 'duration', 'enterAnimation', 'indicator', 'initialIndex', 'leaveAnimation', 'loop', 'props', 'root', 'touchable', 'trigger', 'vertical'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -1559,12 +1642,12 @@ 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, isStandalone: true, 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, isStandalone: true, 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({
-        defineCustomElementFn: defineCustomElement$L,
-        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'],
+        defineCustomElementFn: defineCustomElement$N,
+        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);
@@ -1575,7 +1658,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'],
                     standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -1593,7 +1676,7 @@ let CtyVirtualList = class CtyVirtualList {
 };
 CtyVirtualList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['containerHeight', 'direction', 'itemKey', 'items', 'preloadItemCount']
     })
 ], CtyVirtualList);
@@ -1632,7 +1715,7 @@ const initializeCtyMUIAngular = (config) => {
 class CtyAlertController extends OverlayBaseController {
     constructor() {
         super(alertController);
-        defineCustomElement$7();
+        defineCustomElement$8();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyAlertController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyAlertController, providedIn: 'root' });
@@ -1647,7 +1730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyActionSheetController extends OverlayBaseController {
     constructor() {
         super(actionSheetController);
-        defineCustomElement$N();
+        defineCustomElement$P();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyActionSheetController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyActionSheetController, providedIn: 'root' });
@@ -1662,7 +1745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyCameraPhotoController extends OverlayBaseController {
     constructor() {
         super(cameraPhotoController);
-        defineCustomElement$O();
+        defineCustomElement$Q();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCameraPhotoController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCameraPhotoController, providedIn: 'root' });
@@ -1677,7 +1760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyCascaderController extends OverlayBaseController {
     constructor() {
         super(cascaderController);
-        defineCustomElement$P();
+        defineCustomElement$R();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCascaderController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyCascaderController, providedIn: 'root' });
@@ -1692,7 +1775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyLoadingController extends OverlayBaseController {
     constructor() {
         super(loadingController);
-        defineCustomElement$Q();
+        defineCustomElement$S();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyLoadingController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyLoadingController, providedIn: 'root' });
@@ -1707,7 +1790,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyImageViewerController extends OverlayBaseController {
     constructor() {
         super(imageViewerController);
-        defineCustomElement$7();
+        defineCustomElement$8();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyImageViewerController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyImageViewerController, providedIn: 'root' });
@@ -1722,7 +1805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyOverlayController extends OverlayBaseController {
     constructor() {
         super(overlayController);
-        defineCustomElement$7();
+        defineCustomElement$8();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyOverlayController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyOverlayController, providedIn: 'root' });
@@ -1737,7 +1820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyRecordController extends OverlayBaseController {
     constructor() {
         super(recordController);
-        defineCustomElement$R();
+        defineCustomElement$T();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyRecordController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyRecordController, providedIn: 'root' });
@@ -1752,7 +1835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyShareSheetController extends OverlayBaseController {
     constructor() {
         super(shareSheetController);
-        defineCustomElement$S();
+        defineCustomElement$U();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyShareSheetController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyShareSheetController, providedIn: 'root' });
@@ -1767,7 +1850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class CtyTutorialController extends OverlayBaseController {
     constructor() {
         super(tutorialController);
-        defineCustomElement$T();
+        defineCustomElement$V();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyTutorialController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtyTutorialController, providedIn: 'root' });
@@ -1860,5 +1943,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, CtyImageViewerController, CtyIndexBar, CtyKeyboard, CtyLoading, CtyLoadingController, 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, provideCtyMUIAngular };
+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, CtyImageViewerController, CtyIndexBar, CtyKeyboard, CtyLoading, CtyLoadingController, CtyMediaCapture, CtyNavBar, CtyNoticeBar, CtyOverlay, CtyOverlayController, CtyPdfViewer, CtyPermissionPurpose, CtyProgress, CtyQuickAccess, CtyRate, CtyRecord, CtyRecordController, CtySegmentSlides, CtyShareSheet, CtyShareSheetController, CtySidePanel, CtyStep, CtyStepper, CtySteps, CtySwipe, CtySwipeItem, CtySwiper, CtyTextEllipsis, CtyTitleBar, CtyTour, CtyTutorial, CtyTutorialController, CtyVideo, CtyVirtualList, provideCtyMUIAngular };
 //# sourceMappingURL=cty-mui-angular-standalone.mjs.map