@haloduck/ui 2.0.37 → 2.0.38

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/haloduck-ui.mjs +55 -59
  2. package/fesm2022/haloduck-ui.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/haloduck-ui.mjs CHANGED
@@ -3014,7 +3014,7 @@ class TableSettingService {
3014
3014
  Promise.resolve().then(function () { return tableSetting_component; }).then(({ TableSettingComponent }) => {
3015
3015
  this.currentOverlayRef = this.dialogService.open(TableSettingComponent, {
3016
3016
  tableName,
3017
- });
3017
+ }, ['w-full', 'max-w-xs']);
3018
3018
  });
3019
3019
  }
3020
3020
  hide() {
@@ -3368,38 +3368,36 @@ class TableSettingComponent {
3368
3368
  }
3369
3369
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableSettingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3370
3370
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TableSettingComponent, isStandalone: true, selector: "haloduck-table-setting", inputs: { context: "context" }, providers: [provideTranslocoScope('haloduck')], ngImport: i0, template: `
3371
- <div class="p-6">
3372
- <div class="flex justify-between items-center mb-4">
3373
- <h2
3374
- class="text-lg font-semibold text-light-on-background dark:text-dark-on-background"
3375
- >
3376
- {{ 'haloduck.ui.table.settings' | transloco }}
3377
- </h2>
3378
- </div>
3379
-
3380
- @if (currentSettings$ | async; as settings) {
3381
- <div class="space-y-4">
3382
- <haloduck-toggle
3383
- [(ngModel)]="settings.showHeader"
3384
- (ngModelChange)="onSettingChange(settings)"
3385
- >
3386
- {{ 'haloduck.ui.table.Show headers' | transloco }}
3387
- </haloduck-toggle>
3371
+ <div class="flex justify-between items-center mb-4">
3372
+ <h2
3373
+ class="text-md font-semibold text-light-on-background dark:text-dark-on-background"
3374
+ >
3375
+ {{ 'haloduck.ui.table.settings' | transloco }}
3376
+ </h2>
3377
+ </div>
3388
3378
 
3389
- <haloduck-toggle
3390
- [(ngModel)]="settings.autoLoad"
3391
- (ngModelChange)="onSettingChange(settings)"
3392
- >
3393
- {{ 'haloduck.ui.table.Auto load' | transloco }}
3394
- </haloduck-toggle>
3395
- </div>
3396
- }
3379
+ @if (currentSettings$ | async; as settings) {
3380
+ <div class="flex flex-col gap-4 p-4">
3381
+ <haloduck-toggle
3382
+ [(ngModel)]="settings.showHeader"
3383
+ (ngModelChange)="onSettingChange(settings)"
3384
+ >
3385
+ {{ 'haloduck.ui.table.Show headers' | transloco }}
3386
+ </haloduck-toggle>
3397
3387
 
3398
- <div class="flex justify-end mt-6">
3399
- <haloduck-button variant="none" size="sm" (click)="close()">
3400
- {{ 'haloduck.ui.button.Close' | transloco }}
3401
- </haloduck-button>
3388
+ <haloduck-toggle
3389
+ [(ngModel)]="settings.autoLoad"
3390
+ (ngModelChange)="onSettingChange(settings)"
3391
+ >
3392
+ {{ 'haloduck.ui.table.Auto load' | transloco }}
3393
+ </haloduck-toggle>
3402
3394
  </div>
3395
+ }
3396
+
3397
+ <div class="flex justify-end mt-6">
3398
+ <haloduck-button variant="none" size="sm" (click)="close()">
3399
+ {{ 'haloduck.ui.button.Close' | transloco }}
3400
+ </haloduck-button>
3403
3401
  </div>
3404
3402
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "haloduck-button", inputs: ["disabled", "variant"] }, { kind: "component", type: ToggleComponent, selector: "haloduck-toggle", inputs: ["layout", "value", "disabled", "nullable"], outputs: ["toggled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3405
3403
  }
@@ -3415,38 +3413,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
3415
3413
  ToggleComponent,
3416
3414
  ],
3417
3415
  template: `
3418
- <div class="p-6">
3419
- <div class="flex justify-between items-center mb-4">
3420
- <h2
3421
- class="text-lg font-semibold text-light-on-background dark:text-dark-on-background"
3422
- >
3423
- {{ 'haloduck.ui.table.settings' | transloco }}
3424
- </h2>
3425
- </div>
3426
-
3427
- @if (currentSettings$ | async; as settings) {
3428
- <div class="space-y-4">
3429
- <haloduck-toggle
3430
- [(ngModel)]="settings.showHeader"
3431
- (ngModelChange)="onSettingChange(settings)"
3432
- >
3433
- {{ 'haloduck.ui.table.Show headers' | transloco }}
3434
- </haloduck-toggle>
3416
+ <div class="flex justify-between items-center mb-4">
3417
+ <h2
3418
+ class="text-md font-semibold text-light-on-background dark:text-dark-on-background"
3419
+ >
3420
+ {{ 'haloduck.ui.table.settings' | transloco }}
3421
+ </h2>
3422
+ </div>
3435
3423
 
3436
- <haloduck-toggle
3437
- [(ngModel)]="settings.autoLoad"
3438
- (ngModelChange)="onSettingChange(settings)"
3439
- >
3440
- {{ 'haloduck.ui.table.Auto load' | transloco }}
3441
- </haloduck-toggle>
3442
- </div>
3443
- }
3424
+ @if (currentSettings$ | async; as settings) {
3425
+ <div class="flex flex-col gap-4 p-4">
3426
+ <haloduck-toggle
3427
+ [(ngModel)]="settings.showHeader"
3428
+ (ngModelChange)="onSettingChange(settings)"
3429
+ >
3430
+ {{ 'haloduck.ui.table.Show headers' | transloco }}
3431
+ </haloduck-toggle>
3444
3432
 
3445
- <div class="flex justify-end mt-6">
3446
- <haloduck-button variant="none" size="sm" (click)="close()">
3447
- {{ 'haloduck.ui.button.Close' | transloco }}
3448
- </haloduck-button>
3433
+ <haloduck-toggle
3434
+ [(ngModel)]="settings.autoLoad"
3435
+ (ngModelChange)="onSettingChange(settings)"
3436
+ >
3437
+ {{ 'haloduck.ui.table.Auto load' | transloco }}
3438
+ </haloduck-toggle>
3449
3439
  </div>
3440
+ }
3441
+
3442
+ <div class="flex justify-end mt-6">
3443
+ <haloduck-button variant="none" size="sm" (click)="close()">
3444
+ {{ 'haloduck.ui.button.Close' | transloco }}
3445
+ </haloduck-button>
3450
3446
  </div>
3451
3447
  `,
3452
3448
  providers: [provideTranslocoScope('haloduck')],