@progalaxyelabs/ngx-stonescriptphp-client 1.22.0 → 1.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs +52 -66
  2. package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs CHANGED
@@ -3406,8 +3406,8 @@ class MonthYearPickerComponent {
3406
3406
  isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
3407
3407
  tempMonth = signal(null, ...(ngDevMode ? [{ debugName: "tempMonth" }] : []));
3408
3408
  tempYear = signal(null, ...(ngDevMode ? [{ debugName: "tempYear" }] : []));
3409
- yearStart = signal(this.today.year - 4, ...(ngDevMode ? [{ debugName: "yearStart" }] : []));
3410
- years = computed(() => Array.from({ length: 12 }, (_, i) => this.yearStart() + i), ...(ngDevMode ? [{ debugName: "years" }] : []));
3409
+ yearStart = signal(this.today.year - 3, ...(ngDevMode ? [{ debugName: "yearStart" }] : []));
3410
+ years = computed(() => Array.from({ length: 10 }, (_, i) => this.yearStart() + i), ...(ngDevMode ? [{ debugName: "years" }] : []));
3411
3411
  displayValue = computed(() => {
3412
3412
  const v = this.value();
3413
3413
  return v ? `${this.MONTHS[v.month]} ${v.year}` : '— / —';
@@ -3468,11 +3468,12 @@ class MonthYearPickerComponent {
3468
3468
  <span class="font-monospace fw-semibold">{{ preview() }}</span>
3469
3469
  </div>
3470
3470
 
3471
- <div class="px-2 pt-2 pb-1">
3472
- <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Month</div>
3473
- <div class="row row-cols-4 g-1">
3474
- @for (month of MONTHS; track $index) {
3475
- <div class="col">
3471
+ <div class="nsx-myp-body">
3472
+ <!-- Months: 6 rows × 2 cols -->
3473
+ <div class="nsx-myp-section">
3474
+ <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Month</div>
3475
+ <div class="nsx-myp-grid nsx-myp-grid-2">
3476
+ @for (month of MONTHS; track $index) {
3476
3477
  <button
3477
3478
  type="button"
3478
3479
  class="btn btn-sm w-100"
@@ -3482,16 +3483,15 @@ class MonthYearPickerComponent {
3482
3483
  (click)="selectMonth($index)">
3483
3484
  {{ month }}
3484
3485
  </button>
3485
- </div>
3486
- }
3486
+ }
3487
+ </div>
3487
3488
  </div>
3488
- </div>
3489
3489
 
3490
- <div class="px-2 pt-1 pb-2">
3491
- <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Year</div>
3492
- <div class="row row-cols-4 g-1">
3493
- @for (year of years(); track year) {
3494
- <div class="col">
3490
+ <!-- Years: 5 rows × 2 cols + nav row -->
3491
+ <div class="nsx-myp-section">
3492
+ <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Year</div>
3493
+ <div class="nsx-myp-grid nsx-myp-grid-2">
3494
+ @for (year of years(); track year) {
3495
3495
  <button
3496
3496
  type="button"
3497
3497
  class="btn btn-sm w-100 font-monospace"
@@ -3501,19 +3501,12 @@ class MonthYearPickerComponent {
3501
3501
  (click)="selectYear(year)">
3502
3502
  {{ year }}
3503
3503
  </button>
3504
- </div>
3505
- }
3506
- </div>
3507
-
3508
- <div class="row g-1 mt-1">
3509
- <div class="col">
3510
- <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(-12)">
3511
- &lsaquo; Earlier
3504
+ }
3505
+ <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(-10)">
3506
+ &lsaquo;
3512
3507
  </button>
3513
- </div>
3514
- <div class="col">
3515
- <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(12)">
3516
- Later &rsaquo;
3508
+ <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(10)">
3509
+ &rsaquo;
3517
3510
  </button>
3518
3511
  </div>
3519
3512
  </div>
@@ -3523,24 +3516,24 @@ class MonthYearPickerComponent {
3523
3516
  <div class="col border-end">
3524
3517
  <button
3525
3518
  type="button"
3526
- class="btn w-100 rounded-0 py-2 fw-semibold text-success"
3527
- (click)="confirm()">
3528
- OK
3519
+ class="btn btn-light w-100 rounded-0 py-2"
3520
+ (click)="cancel()">
3521
+ Cancel
3529
3522
  </button>
3530
3523
  </div>
3531
3524
  <div class="col">
3532
3525
  <button
3533
3526
  type="button"
3534
- class="btn btn-light w-100 rounded-0 py-2"
3535
- (click)="cancel()">
3536
- Cancel
3527
+ class="btn w-100 rounded-0 py-2 fw-semibold text-success"
3528
+ (click)="confirm()">
3529
+ OK
3537
3530
  </button>
3538
3531
  </div>
3539
3532
  </div>
3540
3533
 
3541
3534
  </div>
3542
3535
  }
3543
- `, 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"] });
3536
+ `, 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:340px;max-width:92vw;overflow:hidden}.nsx-myp-body{display:flex;gap:.5rem;padding:.5rem}.nsx-myp-section{flex:1;min-width:0}.nsx-myp-grid{display:grid;gap:3px}.nsx-myp-grid-2{grid-template-columns:1fr 1fr}\n"] });
3544
3537
  }
3545
3538
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MonthYearPickerComponent, decorators: [{
3546
3539
  type: Component,
@@ -3566,11 +3559,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
3566
3559
  <span class="font-monospace fw-semibold">{{ preview() }}</span>
3567
3560
  </div>
3568
3561
 
3569
- <div class="px-2 pt-2 pb-1">
3570
- <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Month</div>
3571
- <div class="row row-cols-4 g-1">
3572
- @for (month of MONTHS; track $index) {
3573
- <div class="col">
3562
+ <div class="nsx-myp-body">
3563
+ <!-- Months: 6 rows × 2 cols -->
3564
+ <div class="nsx-myp-section">
3565
+ <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Month</div>
3566
+ <div class="nsx-myp-grid nsx-myp-grid-2">
3567
+ @for (month of MONTHS; track $index) {
3574
3568
  <button
3575
3569
  type="button"
3576
3570
  class="btn btn-sm w-100"
@@ -3580,16 +3574,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
3580
3574
  (click)="selectMonth($index)">
3581
3575
  {{ month }}
3582
3576
  </button>
3583
- </div>
3584
- }
3577
+ }
3578
+ </div>
3585
3579
  </div>
3586
- </div>
3587
3580
 
3588
- <div class="px-2 pt-1 pb-2">
3589
- <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Year</div>
3590
- <div class="row row-cols-4 g-1">
3591
- @for (year of years(); track year) {
3592
- <div class="col">
3581
+ <!-- Years: 5 rows × 2 cols + nav row -->
3582
+ <div class="nsx-myp-section">
3583
+ <div class="text-uppercase text-muted px-1 mb-1" style="font-size: 10px; letter-spacing: .08em;">Year</div>
3584
+ <div class="nsx-myp-grid nsx-myp-grid-2">
3585
+ @for (year of years(); track year) {
3593
3586
  <button
3594
3587
  type="button"
3595
3588
  class="btn btn-sm w-100 font-monospace"
@@ -3599,19 +3592,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
3599
3592
  (click)="selectYear(year)">
3600
3593
  {{ year }}
3601
3594
  </button>
3602
- </div>
3603
- }
3604
- </div>
3605
-
3606
- <div class="row g-1 mt-1">
3607
- <div class="col">
3608
- <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(-12)">
3609
- &lsaquo; Earlier
3595
+ }
3596
+ <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(-10)">
3597
+ &lsaquo;
3610
3598
  </button>
3611
- </div>
3612
- <div class="col">
3613
- <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(12)">
3614
- Later &rsaquo;
3599
+ <button type="button" class="btn btn-sm btn-light w-100" (click)="shiftYears(10)">
3600
+ &rsaquo;
3615
3601
  </button>
3616
3602
  </div>
3617
3603
  </div>
@@ -3621,24 +3607,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
3621
3607
  <div class="col border-end">
3622
3608
  <button
3623
3609
  type="button"
3624
- class="btn w-100 rounded-0 py-2 fw-semibold text-success"
3625
- (click)="confirm()">
3626
- OK
3610
+ class="btn btn-light w-100 rounded-0 py-2"
3611
+ (click)="cancel()">
3612
+ Cancel
3627
3613
  </button>
3628
3614
  </div>
3629
3615
  <div class="col">
3630
3616
  <button
3631
3617
  type="button"
3632
- class="btn btn-light w-100 rounded-0 py-2"
3633
- (click)="cancel()">
3634
- Cancel
3618
+ class="btn w-100 rounded-0 py-2 fw-semibold text-success"
3619
+ (click)="confirm()">
3620
+ OK
3635
3621
  </button>
3636
3622
  </div>
3637
3623
  </div>
3638
3624
 
3639
3625
  </div>
3640
3626
  }
3641
- `, 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"] }]
3627
+ `, 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:340px;max-width:92vw;overflow:hidden}.nsx-myp-body{display:flex;gap:.5rem;padding:.5rem}.nsx-myp-section{flex:1;min-width:0}.nsx-myp-grid{display:grid;gap:3px}.nsx-myp-grid-2{grid-template-columns:1fr 1fr}\n"] }]
3642
3628
  }], 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"] }] } });
3643
3629
 
3644
3630
  class TenantRegisterComponent {