codexly-ui 0.0.60 → 0.0.62

package/fesm2022/codexly-ui.mjs

@@ -4147,7 +4147,7 @@ class ClxSelectComponent {
     _hintClass = computed(() => `${this._sizeConfig().hint} text-gray-400`, ...(ngDevMode ? [{ debugName: "_hintClass" }] : /* istanbul ignore next */ []));
     _triggerClass = computed(() => {
         const s = this._sizeConfig();
-        const base = 'relative flex items-center rounded-md border transition-all duration-200 outline-none w-full';
+        const base = 'relative flex items-center rounded-md border transition-all duration-200 outline-none w-full overflow-hidden';
         if (this._disabled()) {
             return `${base} ${s.minH} border-gray-200 bg-gray-50 cursor-not-allowed opacity-60`;
         }
@@ -5204,7 +5204,7 @@ const MODAL_SIZE_MAP = {
     lg: 'w-full max-w-[900px]',
     full: 'w-screen h-screen max-w-none rounded-none',
 };
-const MODAL_CONTAINER_CLASS = 'flex flex-col bg-white rounded-2xl shadow-2xl overflow-hidden';
+const MODAL_CONTAINER_CLASS = 'flex flex-col bg-white rounded-2xl shadow-2xl overflow-hidden min-w-0';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const CLX_MODAL_DATA = new InjectionToken('CLX_MODAL_DATA');
 const CLX_MODAL_SIZE = new InjectionToken('CLX_MODAL_SIZE');
@@ -5397,7 +5397,7 @@ class ClxModalComponent {
         this._modalRef?.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxModalComponent, isStandalone: true, selector: "clx-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, confirmButton: { classPropertyName: "confirmButton", publicName: "confirmButton", isSignal: true, isRequired: false, transformFunction: null }, cancelButton: { classPropertyName: "cancelButton", publicName: "cancelButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmClick: "confirmClick", cancelClick: "cancelClick" }, host: { properties: { "class": "_hostClass()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxModalComponent, isStandalone: true, selector: "clx-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, confirmButton: { classPropertyName: "confirmButton", publicName: "confirmButton", isSignal: true, isRequired: false, transformFunction: null }, cancelButton: { classPropertyName: "cancelButton", publicName: "cancelButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmClick: "confirmClick", cancelClick: "cancelClick" }, host: { properties: { "class": "_hostClass()" }, styleAttribute: "min-width:0" }, ngImport: i0, template: `
     <!-- Header -->
     <div class="flex items-center gap-3 px-6 py-4 border-b border-slate-100 shrink-0">
       <div class="flex-1 min-w-0">
@@ -5419,7 +5419,7 @@ class ClxModalComponent {
     </div>
 
     <!-- Body -->
-    <div class="flex-1 overflow-y-auto px-6 py-5">
+    <div class="flex-1 min-h-0 overflow-y-auto px-6 py-5">
       <ng-content />
     </div>
 
@@ -5480,7 +5480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
     </div>
 
     <!-- Body -->
-    <div class="flex-1 overflow-y-auto px-6 py-5">
+    <div class="flex-1 min-h-0 overflow-y-auto px-6 py-5">
       <ng-content />
     </div>
 
@@ -5514,7 +5514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
   `,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { '[class]': '_hostClass()' },
+                    host: { '[class]': '_hostClass()', style: 'min-width:0' },
                 }]
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], confirmButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmButton", required: false }] }], cancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButton", required: false }] }], showCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancelButton", required: false }] }], confirmClick: [{ type: i0.Output, args: ["confirmClick"] }], cancelClick: [{ type: i0.Output, args: ["cancelClick"] }] } });