@enigmatry/entry-components 16.1.0 → 16.1.1-preview.4

package/package.json

@@ -1,96 +1,102 @@
 {
-  "name": "@enigmatry/entry-components",
-  "version": "16.1.0",
-  "author": "Enigmatry",
-  "description": "Enigmatry entry angular material components",
-  "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/enigmatry/entry-angular-building-blocks.git"
-  },
-  "license": "Apache-2.0",
-  "peerDependencies": {
-    "@angular/animations": "^16.0.0",
-    "@angular/cdk": "^16.0.0",
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0",
-    "@angular/material": "^16.0.0",
-    "@angular/forms": "^16.0.0",
-    "@angular/platform-browser": "^16.0.0",
-    "lodash-es": "^4.17.21"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "module": "fesm2022/enigmatry-entry-components.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
+    "name": "@enigmatry/entry-components",
+    "version": "16.1.1-preview.4",
+    "author": "Enigmatry",
+    "description": "Enigmatry entry angular material components",
+    "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/enigmatry/entry-angular-building-blocks.git"
     },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/enigmatry-entry-components.mjs",
-      "esm": "./esm2022/enigmatry-entry-components.mjs",
-      "default": "./fesm2022/enigmatry-entry-components.mjs"
+    "license": "Apache-2.0",
+    "peerDependencies": {
+        "@angular/animations": "^16.0.0",
+        "@angular/cdk": "^16.0.0",
+        "@angular/common": "^16.0.0",
+        "@angular/core": "^16.0.0",
+        "@angular/material": "^16.0.0",
+        "@angular/forms": "^16.0.0",
+        "@angular/platform-browser": "^16.0.0",
+        "lodash-es": "^4.17.21"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/enigmatry-entry-components-button.mjs",
-      "esm": "./esm2022/button/enigmatry-entry-components-button.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-button.mjs"
+    "dependencies": {
+        "tslib": "^2.3.0"
     },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "esm2022": "./esm2022/common/enigmatry-entry-components-common.mjs",
-      "esm": "./esm2022/common/enigmatry-entry-components-common.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-common.mjs"
+    "publishConfig": {
+        "access": "public"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "esm2022": "./esm2022/dialog/enigmatry-entry-components-dialog.mjs",
-      "esm": "./esm2022/dialog/enigmatry-entry-components-dialog.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-dialog.mjs"
+    "module": "fesm2022/enigmatry-entry-components.mjs",
+    "typings": "index.d.ts",
+    "exports": {
+        "./package.json": {
+            "default": "./package.json"
+        },
+        ".": {
+            "types": "./index.d.ts",
+            "esm2022": "./esm2022/enigmatry-entry-components.mjs",
+            "esm": "./esm2022/enigmatry-entry-components.mjs",
+            "default": "./fesm2022/enigmatry-entry-components.mjs"
+        },
+        "./button": {
+            "types": "./button/index.d.ts",
+            "esm2022": "./esm2022/button/enigmatry-entry-components-button.mjs",
+            "esm": "./esm2022/button/enigmatry-entry-components-button.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-button.mjs"
+        },
+        "./common": {
+            "types": "./common/index.d.ts",
+            "esm2022": "./esm2022/common/enigmatry-entry-components-common.mjs",
+            "esm": "./esm2022/common/enigmatry-entry-components-common.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-common.mjs"
+        },
+        "./date-time-picker": {
+            "types": "./date-time-picker/index.d.ts",
+            "esm2022": "./esm2022/date-time-picker/enigmatry-entry-components-date-time-picker.mjs",
+            "esm": "./esm2022/date-time-picker/enigmatry-entry-components-date-time-picker.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-date-time-picker.mjs"
+        },
+        "./dialog": {
+            "types": "./dialog/index.d.ts",
+            "esm2022": "./esm2022/dialog/enigmatry-entry-components-dialog.mjs",
+            "esm": "./esm2022/dialog/enigmatry-entry-components-dialog.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-dialog.mjs"
+        },
+        "./file-input": {
+            "types": "./file-input/index.d.ts",
+            "esm2022": "./esm2022/file-input/enigmatry-entry-components-file-input.mjs",
+            "esm": "./esm2022/file-input/enigmatry-entry-components-file-input.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-file-input.mjs"
+        },
+        "./permissions": {
+            "types": "./permissions/index.d.ts",
+            "esm2022": "./esm2022/permissions/enigmatry-entry-components-permissions.mjs",
+            "esm": "./esm2022/permissions/enigmatry-entry-components-permissions.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-permissions.mjs"
+        },
+        "./search-filter": {
+            "types": "./search-filter/index.d.ts",
+            "esm2022": "./esm2022/search-filter/enigmatry-entry-components-search-filter.mjs",
+            "esm": "./esm2022/search-filter/enigmatry-entry-components-search-filter.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-search-filter.mjs"
+        },
+        "./spinner": {
+            "types": "./spinner/index.d.ts",
+            "esm2022": "./esm2022/spinner/enigmatry-entry-components-spinner.mjs",
+            "esm": "./esm2022/spinner/enigmatry-entry-components-spinner.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-spinner.mjs"
+        },
+        "./table": {
+            "types": "./table/index.d.ts",
+            "esm2022": "./esm2022/table/enigmatry-entry-components-table.mjs",
+            "esm": "./esm2022/table/enigmatry-entry-components-table.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-table.mjs"
+        },
+        "./validation": {
+            "types": "./validation/index.d.ts",
+            "esm2022": "./esm2022/validation/enigmatry-entry-components-validation.mjs",
+            "esm": "./esm2022/validation/enigmatry-entry-components-validation.mjs",
+            "default": "./fesm2022/enigmatry-entry-components-validation.mjs"
+        }
     },
-    "./file-input": {
-      "types": "./file-input/index.d.ts",
-      "esm2022": "./esm2022/file-input/enigmatry-entry-components-file-input.mjs",
-      "esm": "./esm2022/file-input/enigmatry-entry-components-file-input.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-file-input.mjs"
-    },
-    "./permissions": {
-      "types": "./permissions/index.d.ts",
-      "esm2022": "./esm2022/permissions/enigmatry-entry-components-permissions.mjs",
-      "esm": "./esm2022/permissions/enigmatry-entry-components-permissions.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-permissions.mjs"
-    },
-    "./search-filter": {
-      "types": "./search-filter/index.d.ts",
-      "esm2022": "./esm2022/search-filter/enigmatry-entry-components-search-filter.mjs",
-      "esm": "./esm2022/search-filter/enigmatry-entry-components-search-filter.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-search-filter.mjs"
-    },
-    "./spinner": {
-      "types": "./spinner/index.d.ts",
-      "esm2022": "./esm2022/spinner/enigmatry-entry-components-spinner.mjs",
-      "esm": "./esm2022/spinner/enigmatry-entry-components-spinner.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-spinner.mjs"
-    },
-    "./table": {
-      "types": "./table/index.d.ts",
-      "esm2022": "./esm2022/table/enigmatry-entry-components-table.mjs",
-      "esm": "./esm2022/table/enigmatry-entry-components-table.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-table.mjs"
-    },
-    "./validation": {
-      "types": "./validation/index.d.ts",
-      "esm2022": "./esm2022/validation/enigmatry-entry-components-validation.mjs",
-      "esm": "./esm2022/validation/enigmatry-entry-components-validation.mjs",
-      "default": "./fesm2022/enigmatry-entry-components-validation.mjs"
-    }
-  },
-  "sideEffects": false
+    "sideEffects": false
 }

package/styles/modules/_default-theme.scss

@@ -66,25 +66,27 @@ $theme: (
 		),
 		cells: (
 			edge-gap: 4px,
-			padding: null
+			padding: null,
 		),
 		rows: (
+			odd-even-background: (
+				odd: #F0F0F0, 
+				even: #FFF,
+			),
 			selected-color: #FFF,
 			selected-background: null,
 			disabled-color: #F5F5F5,
-			odd-even-row: odd,
-			odd-even-background: #F0F0F0
 		),
 		contents: (
 			no-result: (
-				font-size: 13px,
-				font-weight: 500
+				size: 13px,
+				font-weight: 500,
+			),
+		),
+		dialogs: (
+			title: (
+				size: 20px
 			)
 		)
-	),
-	dialogs: (
-		title: (
-			size: 20px
-		)
 	)
 );

package/styles/modules/components/buttons/_radio.scss

@@ -4,11 +4,16 @@ $radio-selector: '.mdc-radio__native-control:enabled:checked + .mdc-radio__backg
 $radio-circles-selector: '.mdc-radio__outer-circle, .mdc-radio__inner-circle';
 
 @mixin generate-from($theme) {
-	.mat-mdc-radio-group .mat-mdc-radio-button {
-		&.mat-mdc-radio-checked .mdc-radio {
-			&:not(:disabled):active #{$radio-selector}, #{$radio-selector} {
-				#{$radio-circles-selector} {
-					border-color: map.get($theme, 'general', 'buttons', 'radio', 'background');
+	$radio-border: map.get($theme, 'general', 'buttons', 'radio', 'background');
+
+	@if $radio-border {
+		.mat-mdc-radio-group .mat-mdc-radio-button {
+			&.mat-mdc-radio-checked .mdc-radio {
+				
+				&:not(:disabled):active #{$radio-selector}, #{$radio-selector} {
+					#{$radio-circles-selector} {
+						border-color: $radio-border;
+					}
 				}
 			}
 		}

package/styles/modules/components/checkboxes/_generator.scss

@@ -7,21 +7,26 @@ $checkbox-selector: '.mdc-checkbox__native-control:enabled:not(:checked):not(:in
 	$background: map.get($theme, 'general', 'checkboxes', 'background');
 	$border-hover-color: map.get($theme, 'general', 'checkboxes', 'border-hover-color');
 
-	.mat-mdc-checkbox {
-		.mdc-form-field {
-			.mdc-checkbox {
-				#{$checkbox-selector} {
-					background-color: $background;
+	@if $background or $border-hover-color {
+		.mat-mdc-checkbox {
+			@if $background {
+				.mdc-form-field .mdc-checkbox {
+					#{$checkbox-selector} {
+						background-color: $background;
+					}
 				}
 			}
-		}
 
-		&:hover {
-			/* stylelint-disable-next-line selector-max-pseudo-class */
-			.mdc-checkbox:hover {
-				#{$checkbox-selector} {
-					border-color: $border-hover-color;
-					background-color: $background;
+			&:hover {
+				/* stylelint-disable-next-line selector-max-pseudo-class */
+				.mdc-checkbox:hover {
+					/* stylelint-disable-next-line max-nesting-depth */
+					@if $background and $border-hover-color {
+						#{$checkbox-selector} {
+							border-color: $border-hover-color;
+							background-color: $background;
+						}
+					}
 				}
 			}
 		}

package/styles/modules/components/tables/_header.scss

@@ -3,7 +3,9 @@
 @mixin generate-from($theme) {
 	$cell-font-size: map.get($theme, 'tables', 'header', 'font-size');
 
-	.mat-mdc-header-cell {
-		font-size: $cell-font-size;
+	@if $cell-font-size {
+		.mat-mdc-header-cell {
+			font-size: $cell-font-size;
+		}
 	}
 }

package/styles/modules/components/tables/_rows.scss

@@ -1,28 +1,40 @@
+/* stylelint-disable scss/at-else-closing-brace-space-after */
+/* stylelint-disable scss/at-else-closing-brace-newline-after */
+/* stylelint-disable max-nesting-depth */
 @use 'sass:map';
 @use '@enigmatry/scss-foundation/src/modules/lists/row-coloring' as list;
 
 @mixin generate-from($theme) {
+	$odd-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'odd');
+	$even-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'even');
+
 	.mat-mdc-row {
 		&.mdc-data-table__row {
-			@include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
-			map.get($theme, 'tables', 'rows', 'odd-even-row'));
-
+			@include list.row-coloring($odd-background, 'odd');
+			@include list.row-coloring($even-background, 'even');
+ 
 			&.selected {
-				background-color: map.get($theme, 'general', 'colors', 'primary');
 				$selected-row-background: map.get($theme, 'tables', 'rows', 'selected-background');
-				
-				@if $selected-row-background and $selected-row-background != transparent {
+
+				@if $selected-row-background == transparent {
+					@include list.row-coloring($odd-background, 'odd');
+					@include list.row-coloring($even-background, 'even');
+				}
+				@else if $selected-row-background == null {
+					background-color: map.get($theme, 'general', 'colors', 'primary');
+				}
+				@else {
 					background-color: $selected-row-background;
 				}
-				
+				  
 				.mat-mdc-cell {
 					color: map.get($theme, 'tables', 'rows', 'selected-color');
 				}
 			}
-
-			&.mat-row-disabled {
-				background-color: map.get($theme, 'tables', 'rows', 'disabled-color');
-			}
+		}
+		
+		&.mat-row-disabled {
+			background-color: map.get($theme, 'tables', 'rows', 'disabled-color');
 		}
 	}
 }

package/styles/modules/components/toggle/_generator.scss

@@ -12,34 +12,36 @@
 }
 
 @mixin generate-from($theme) {
-	.mat-mdc-slide-toggle {
-		$enabled-states: 'enabled', 'enabled:focus:not(:active)', 'enabled:active', 'enabled:hover:not(:focus):not(:active)';
-		$handle-selector: '.mdc-switch__handle::after';
+	$enabled-states: 'enabled', 'enabled:focus:not(:active)', 'enabled:active', 'enabled:hover:not(:focus):not(:active)';
+	$handle-selector: '.mdc-switch__handle::after';
+	
+	$toggle: map.get($theme, 'general', 'toggle');
+	$handle-on-background: map.get($toggle, 'on', 'background');
+	$handle-off-background: map.get($toggle, 'off', 'background');
 
-		$toggle: map.get($theme, 'general', 'toggle');
-		$handle-on-background: map.get($toggle, 'on', 'background');
-		$handle-off-background: map.get($toggle, 'off', 'background');
-
-		@each $state in $enabled-states {
-			.mdc-switch:#{$state} {
-				&.mdc-switch--selected #{$handle-selector} {
-					background-color: $handle-on-background;
-				}
-
-				&:not(.mdc-switch--selected) #{$handle-selector} {
-					background-color: $handle-off-background;
-				}
+	@if $handle-on-background and $handle-off-background {
+		.mat-mdc-slide-toggle {
+			@each $state in $enabled-states {
+				.mdc-switch:#{$state} {
+					&.mdc-switch--selected #{$handle-selector} {
+						background-color: $handle-on-background;
+					}
 
-				.mdc-switch__track {
-					&::after {
-						background-color: -adjust-lightness($handle-on-background);
+					&:not(.mdc-switch--selected) #{$handle-selector} {
+						background-color: $handle-off-background;
 					}
-			
-					&::before {
-						background-color: -adjust-lightness($handle-off-background);
+
+					.mdc-switch__track {
+						&::after {
+							background-color: -adjust-lightness($handle-on-background);
+						}
+					
+						&::before {
+							background-color: -adjust-lightness($handle-off-background);
+						}
 					}
 				}
 			}
 		}
 	}
-}
+}

package/styles/partials/core/components/_index.scss

@@ -1,4 +1,5 @@
 @use 'dialogs/general' as dialogs;
 @use 'tables/general' as tables;
 @use 'forms/general' as forms;
-@use 'search-filter/general' as search-filter;
+@use 'search-filter/general' as search-filter;
+@use 'date-time-picker/general' as date-time-picker;

package/styles/partials/core/components/date-time-picker/_general.scss

@@ -0,0 +1,65 @@
+@use '@angular/material' as mat;
+@use '@enigmatry/scss-foundation/src/modules/display/items';
+
+.entry-date-time-picker {
+	@include items.fully-align(baseline, space-between, row, nowrap);
+
+	.hidden,
+	.mat-mdc-text-field-wrapper.mdc-text-field--outlined .hidden.mdc-text-field__input {
+		display: none;
+	}
+}
+
+.mat-datepicker-actions {
+	flex-direction: column;
+	border-top: 1px solid #D1D1D1;
+
+	.entry-submit-button {
+		min-width: 48px;
+		align-self: flex-end;
+
+		.icon {
+			margin: 0;
+		}
+	}
+}
+
+.entry-time-picker {
+	@include mat.form-field-density(-3);
+
+	display: flex;
+	flex-wrap: nowrap;
+	margin-top: 20px;
+
+	.mat-mdc-form-field {
+		flex: 1 1 calc(50% - 15px);
+		margin-right: 15px;
+		width: 50px;
+
+		&:last-of-type {
+			margin-right: 0;
+		}
+
+		.mdc-text-field {
+			padding-left: 12px;
+			padding-right: 0;
+		}
+
+		.mat-mdc-select-value-text {
+			font-size: 13px;
+		}
+
+		.mdc-text-field--filled:not(.mdc-text-field--disabled) {
+			background-color: transparent;
+		}
+
+		&:hover .mat-mdc-form-field-focus-overlay {
+			opacity: 0;
+		}
+	}
+
+	.time-separator {
+		@include items.align-center();
+		transform: translate(-7px, -10px);
+	}
+}

package/styles/partials/core/components/forms/_general.scss

@@ -21,8 +21,4 @@
 			bottom: 8px;
 		}
 	}
-}
-
-.entry-date-time-picker {
-	@include items.fully-align(baseline, space-between, row, nowrap);
 }

package/common/date-time/entry-date-time.d.ts

@@ -1,7 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { MatDateFormats } from '@angular/material/core';
-export declare type EntryMatDateTime<D> = {
-    matDateFormats: MatDateFormats;
-    compareDate(first: D, second: D): number;
-};
-export declare const ENTRY_MAT_DATE_TIME: InjectionToken<EntryMatDateTime<any>>;

package/esm2022/common/date-time/entry-date-time.mjs

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const ENTRY_MAT_DATE_TIME = new InjectionToken('');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktZGF0ZS10aW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL2NvbW1vbi9kYXRlLXRpbWUvZW50cnktZGF0ZS10aW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFRL0MsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxjQUFjLENBQXdCLEVBQUUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERhdGVGb3JtYXRzIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5cbmV4cG9ydCBkZWNsYXJlIHR5cGUgRW50cnlNYXREYXRlVGltZTxEPiA9IHtcbiAgICBtYXREYXRlRm9ybWF0czogTWF0RGF0ZUZvcm1hdHM7XG4gICAgY29tcGFyZURhdGUoZmlyc3Q6IEQsIHNlY29uZDogRCk6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBFTlRSWV9NQVRfREFURV9USU1FID0gbmV3IEluamVjdGlvblRva2VuPEVudHJ5TWF0RGF0ZVRpbWU8YW55Pj4oJycpO1xuIl19