@devopmaat/badaboom 1.2.0 → 1.2.1

package/lib/application/common/full-table/bdb-full-table.component.d.ts

@@ -0,0 +1,24 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { EventEmitter } from '@angular/core';
+import { BdbEntity } from '../../../domain/common/entities/bdb-entity';
+import { BdbDataSource } from '../bdb-data-source';
+import { BdbColumn } from '../table/bdb-column';
+import { BdbContextAction } from '../table/bdb-context-action';
+import { BdbM3Palette } from '../../../common/bdb-palette';
+import * as i0 from "@angular/core";
+export declare class BdbFullTableComponent<TEntityRead extends BdbEntity> {
+    dataSource: BdbDataSource<TEntityRead>;
+    columns: BdbColumn<TEntityRead, unknown>[];
+    displayedColumns: string[];
+    selection?: SelectionModel<TEntityRead>;
+    contextActions: BdbContextAction<TEntityRead>[];
+    rowColor?: (x: TEntityRead) => BdbM3Palette;
+    showToolbar: boolean;
+    rowClick: EventEmitter<TEntityRead>;
+    contextAction: EventEmitter<{
+        action: BdbContextAction<TEntityRead>;
+        row: TEntityRead;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbFullTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbFullTableComponent<any>, "bdb-full-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, never, ["toolbar-item", "*"], true, never>;
+}

package/lib/common/collapse-row/_collapse-row-theme.scss

@@ -0,0 +1,37 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin color($theme) {
+  .bdb-collapse-row .indicator {
+    .top,
+    .middle,
+    .bottom {
+      color: var(--sys-on-surface);
+      background-color: var(--sys-surface-container);
+    }
+  }
+
+  @each $palette-name in primary, secondary, tertiary, error, success, warn, info {
+    .bdb-collapse-row.#{$palette-name} .indicator {
+      .top,
+      .middle,
+      .bottom {
+        color: var(--sys-on-#{$palette-name}-container);
+        background-color: var(--sys-#{$palette-name}-container);
+      }
+    }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  @if mat.theme-has($theme, color) {
+    @include color($theme);
+  }
+
+  @if mat.theme-has($theme, typography) {
+    @include typography($theme);
+  }
+}

package/lib/common/collapse-row/collapse-row.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class BdbCollapseRowComponent {
+    collapsed: boolean;
+    canCollapse: boolean;
+    class: string;
+    get isCollapsed(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbCollapseRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbCollapseRowComponent, "bdb-collapse-row", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "canCollapse": { "alias": "canCollapse"; "required": false; }; }, {}, never, ["left", "right"], true, never>;
+}

package/lib/styles/_theme.scss

@@ -35,6 +35,7 @@
 @use '../common/alert/bdb-alert-m3-theme';
 @use '../common/boolean-display/bdb-boolean-display-m3-theme';
 @use '../common/field/bdb-field-m3-theme';
+@use '../common/collapse-row/collapse-row-theme';
 
 @function define-light-theme($mat-theme, $warn-palette, $danger-palette, $success-palette, $info-palette) {
   @warn "Using Badaboom with Material 2 is deprecated";
@@ -120,6 +121,7 @@
   @include bdb-alert-m3-theme.theme($bdb-theme);
   @include bdb-boolean-display-m3-theme.theme($bdb-theme);
   @include bdb-field-m3-theme.theme($bdb-theme);
+  @include collapse-row-theme.theme($bdb-theme);
 }
 
 @mixin all-component-colors($bdb-theme) {
@@ -149,5 +151,7 @@
     @include bdb-alert-m3-theme.color($bdb-theme);
     @include bdb-boolean-display-m3-theme.color($bdb-theme);
     @include bdb-field-m3-theme.color($bdb-theme);
+    @include bdb-field-m3-theme.color($bdb-theme);
+    @include collapse-row-theme.color($bdb-theme);
   }
 }

package/lib/styles/material/_button-m3-theme.scss

@@ -4,13 +4,13 @@
 
 @mixin color($theme) {
   @each $palette-name in bdb.$material-palettes {
-    button.mdc-button.#{$palette-name} {
+    .mdc-button.#{$palette-name} {
       @include mat.button-color($theme, $color-variant: $palette-name);
     }
   }
 
   @each $palette-name in bdb.$badaboom-palettes {
-    button.mdc-button.#{$palette-name} {
+    .mdc-button.#{$palette-name} {
       --mdc-text-button-label-text-color: var(--sys-#{$palette-name});
       --mdc-text-button-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);
       --mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devopmaat/badaboom",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "peerDependencies": {
     "@angular/common": "^18.1.1",
     "@angular/core": "^18.1.1",

package/public-api.d.ts

@@ -12,6 +12,7 @@ export * from './lib/application/common/table/bdb-column-options';
 export * from './lib/application/common/table/bdb-column-type';
 export * from './lib/application/common/table/bdb-context-action';
 export * from './lib/application/common/table/bdb-table.component';
+export * from './lib/application/common/full-table/bdb-full-table.component';
 export * from './lib/application/exception-log/exception-log-table/exception-log-table.component';
 export * from './lib/application/task-log/task-log-status.pipe';
 export * from './lib/application/task-log/task-log-outcome.pipe';
@@ -26,6 +27,7 @@ export * from './lib/common/bdb-palette';
 export * from './lib/common/alert/bdb-alert.component';
 export * from './lib/common/alert-error-response/bdb-alert-error-response.component';
 export * from './lib/common/boolean-display/bdb-boolean-display.component';
+export * from './lib/common/collapse-row/collapse-row.component';
 export * from './lib/common/field/bdb-field.component';
 export * from './lib/common/plain-number-pipe';
 export * from './lib/domain/auth/auth.service';