@progalaxyelabs/ngx-stonescriptphp-client 1.20.0 → 1.22.0

package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs

@@ -3425,8 +3425,8 @@ class MonthYearPickerComponent {
     }, ...(ngDevMode ? [{ debugName: "preview" }] : []));
     open() {
         const v = this.value();
-        this.tempMonth.set(v?.month ?? null);
-        this.tempYear.set(v?.year ?? null);
+        this.tempMonth.set(v?.month ?? this.today.month);
+        this.tempYear.set(v?.year ?? this.today.year);
         this.isOpen.set(true);
     }
     selectMonth(m) { this.tempMonth.set(m); }
@@ -3458,7 +3458,8 @@ class MonthYearPickerComponent {
     </button>
 
     @if (isOpen()) {
-      <div class="border rounded mt-1" style="overflow: hidden; position: relative; z-index: 10; background: white;">
+      <div class="nsx-myp-backdrop" (click)="cancel()"></div>
+      <div class="nsx-myp-popup border rounded shadow">
 
         <div class="d-flex justify-content-between align-items-center px-3 py-2 bg-body-tertiary border-bottom">
           <span class="text-uppercase text-muted fw-semibold" style="font-size: 10px; letter-spacing: .08em;">
@@ -3539,14 +3540,11 @@ class MonthYearPickerComponent {
 
       </div>
     }
-  `, isInline: true });
+  `, isInline: true, styles: [":host{position:relative;display:block}.nsx-myp-backdrop{position:fixed;inset:0;z-index:1050}.nsx-myp-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1051;background:#fff;width:300px;max-width:92vw;overflow:hidden}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MonthYearPickerComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'nsx-month-year-picker',
-                    standalone: true,
-                    template: `
+            args: [{ selector: 'nsx-month-year-picker', standalone: true, template: `
     <button
       type="button"
       class="btn btn-outline-secondary w-100 d-flex justify-content-between align-items-center"
@@ -3558,7 +3556,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     </button>
 
     @if (isOpen()) {
-      <div class="border rounded mt-1" style="overflow: hidden; position: relative; z-index: 10; background: white;">
+      <div class="nsx-myp-backdrop" (click)="cancel()"></div>
+      <div class="nsx-myp-popup border rounded shadow">
 
         <div class="d-flex justify-content-between align-items-center px-3 py-2 bg-body-tertiary border-bottom">
           <span class="text-uppercase text-muted fw-semibold" style="font-size: 10px; letter-spacing: .08em;">
@@ -3639,8 +3638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
       </div>
     }
-  `,
-                }]
+  `, styles: [":host{position:relative;display:block}.nsx-myp-backdrop{position:fixed;inset:0;z-index:1050}.nsx-myp-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1051;background:#fff;width:300px;max-width:92vw;overflow:hidden}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 class TenantRegisterComponent {