@enigmatry/entry-components 17.0.0-preview.4 → 17.0.0-preview.5.1

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

@@ -1,65 +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 {
-		align-self: flex-end;
-		min-width: 48px;
-
-		.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);
-		width: 50px;
-		margin-right: 15px;
-
-		&:last-of-type {
-			margin-right: 0;
-		}
-
-		.mdc-text-field {
-			padding: {
-				right: 0;
-				left: 12px;
-			}
-		}
-
-		.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);
-	}
+@use '@angular/material' as mat;
+@use '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 {
+		align-self: flex-end;
+		min-width: 48px;
+
+		.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);
+		width: 50px;
+		margin-right: 15px;
+
+		&:last-of-type {
+			margin-right: 0;
+		}
+
+		.mdc-text-field {
+			padding: {
+				right: 0;
+				left: 12px;
+			}
+		}
+
+		.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/dialogs/_general.scss

@@ -1,23 +1,23 @@
-@use 'scss-foundation/src/modules/display/items';
-@use 'scss-foundation/src/modules/text/modification' as text;
-
-.entry-dialog {
-	.dialog-header {
-		@include items.fully-align(center, space-between, row, nowrap);
-
-		.title {
-			@include text.ellipsis();
-		}
-	}
-
-	.dialog-content {
-		display: inline-block;
-		width: 100%;
-		/* stylelint-disable-next-line unit-allowed-list */
-		max-height: 50vh;
-	}
-
-	.dialog-actions {
-		padding: 0 24px 14px;
-	}
-}
+@use 'scss-foundation/src/modules/display/items';
+@use 'scss-foundation/src/modules/text/modification' as text;
+
+.entry-dialog {
+	.dialog-header {
+		@include items.fully-align(center, space-between, row, nowrap);
+
+		.title {
+			@include text.ellipsis();
+		}
+	}
+
+	.dialog-content {
+		display: inline-block;
+		width: 100%;
+		/* stylelint-disable-next-line unit-allowed-list */
+		max-height: 50vh;
+	}
+
+	.dialog-actions {
+		padding: 0 24px 14px;
+	}
+}

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

@@ -1,22 +1,22 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.entry-form {
-	.action-buttons .mdc-button:not(:first-child) {
-		margin-left: 10px;
-	}
-
-	.entry-checkbox {
-		display: block;
-	}
-
-	.mdc-form-field {
-		margin-bottom: 10px;
-	}
-}
-
-.datetimepicker .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
-	padding: {
-		top: 8px;
-		bottom: 8px;
-	}
+@use 'scss-foundation/src/modules/display/items';
+
+.entry-form {
+	.action-buttons .mdc-button:not(:first-child) {
+		margin-left: 10px;
+	}
+
+	.entry-checkbox {
+		display: block;
+	}
+
+	.mdc-form-field {
+		margin-bottom: 10px;
+	}
+}
+
+.datetimepicker .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
+	padding: {
+		top: 8px;
+		bottom: 8px;
+	}
 }

package/styles/partials/core/components/search-filter/_general.scss

@@ -1,9 +1,9 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.search-form-container {
-	@include items.align-center();
-
-	.form-field {
-		width: 200px;
-	}
+@use 'scss-foundation/src/modules/display/items';
+
+.search-form-container {
+	@include items.align-center();
+
+	.form-field {
+		width: 200px;
+	}
 }

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

@@ -1,17 +1,17 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.entry-table {
-	display: flex;
-	flex-direction: column;
-	overflow: auto;
-	
-	.pagination {
-		margin-bottom: 10px;
-	}
-
-	.no-results {
-		@include items.align-absolute-center();
-		flex: 1;
-		min-height: 50px;
-	}
-}
+@use 'scss-foundation/src/modules/display/items';
+
+.entry-table {
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
+	
+	.pagination {
+		margin-bottom: 10px;
+	}
+
+	.no-results {
+		@include items.align-absolute-center();
+		flex: 1;
+		min-height: 50px;
+	}
+}

package/styles/partials/generator-test.scss

@@ -1,42 +1,42 @@
-@use '../generator';
-
-$custom-theme: (
-	general: (
-		colors: (
-			primary: #FAE3C1,
-			disabled: (
-				foreground: cyan,
-				background: magenta
-			)
-		),
-		fonts: (
-			body: (
-				family: 'My-Font',
-				size: 41px
-			),
-			buttons: (
-				size: 26px
-			)
-		),
-		inputs: (
-			background: yellow
-		),
-		checkboxes: (
-			background: red,
-			border-hover-color: green
-		)
-	),
-	tables: (
-		cells: (
-			edge-gap: 11px,
-			padding: 202px
-		)
-	),
-	dialogs: (
-		title: (
-			size: 42px
-		)
-	)
-);
-
+@use '../generator';
+
+$custom-theme: (
+	general: (
+		colors: (
+			primary: #FAE3C1,
+			disabled: (
+				foreground: cyan,
+				background: magenta
+			)
+		),
+		fonts: (
+			body: (
+				family: 'My-Font',
+				size: 41px
+			),
+			buttons: (
+				size: 26px
+			)
+		),
+		inputs: (
+			background: yellow
+		),
+		checkboxes: (
+			background: red,
+			border-hover-color: green
+		)
+	),
+	tables: (
+		cells: (
+			edge-gap: 11px,
+			padding: 202px
+		)
+	),
+	dialogs: (
+		title: (
+			size: 42px
+		)
+	)
+);
+
 @include generator.generate-from($custom-theme);

package/styles/partials/theming.scss

@@ -1 +1 @@
-@use 'core/components';
+@use 'core/components';

package/table/README.md

@@ -1,76 +1,76 @@
-# Entry table
-
-Reusable table component with context menu, sorting and paging.
-
-## Installation
-
-```
-npm install @enigmatry/entry-components
-```
-
-## Basic Usage
-
-Import the `EntryTableModule` in your `feature.module` or `shared.module`
-
-```typescript
-import { EntryTableModule } from '@enigmatry/entry-components/table';
-```
-
-`component.ts`
-
-```typescript
-import { PagedData, ContextMenuItem, ColumnDef } from '@enigmatry/entry-components/table';
-
-@Component({
-...
-})
-export class UserListComponent implements OnInit {
-
-  @Input() data: PagedData<GetUsersResponseItem> | null;
-
-  @Input() columns: ColumnDef[] = [];
-  @Input() contextMenuItems: ContextMenuItem[] = [];
-
-  constructor() { }
-
-  ngOnInit(): void {
-    this.columns = [
-      { field: 'id', hide: true, sortable: true },
-      { field: 'userName', header: `E-mail`, hide: false, sortable: true },
-      { field: 'name', header: `Name`, hide: false, sortable: true },
-      { field: 'createdOn', header: `Created on`, hide: false, sortable: true, type: 'date' },
-      { field: 'updatedOn', header: `Updated on`, hide: false, sortable: true, type: 'date' }
-    ];
-    this.contextMenuItems = [
-      { id: 'edit', name: `Edit`, icon: 'edit' }
-    ];
-  }
-}
-```
-
-`component.html`
-
-```html
-<entry-table
-    [columns]="columns"
-    [data]="data"
-    [showPaginator]="true"
-    [showContextMenu]="true"
-    [contextMenuItems]="contextMenuItems"
-    (pageChange)="pageChange.emit($event)"
-    (sortChange)="sortChange.emit($event)"
-    (rowSelectionChange)="selectionChange.emit($event)"
-    (contextMenuItemSelected)="contextMenuItemSelected.emit($event)">
-</entry-table>
-```
-
-## Compatibility with Angular Versions
-
-| @enigmatry/entry-components | Angular version
-|-|-|
-|1.14.x| = 14
-|1.15.x| = 15
-
-## License
-
-Apache-2 © Enigmatry
+# Entry table
+
+Reusable table component with context menu, sorting and paging.
+
+## Installation
+
+```
+npm install @enigmatry/entry-components
+```
+
+## Basic Usage
+
+Import the `EntryTableModule` in your `feature.module` or `shared.module`
+
+```typescript
+import { EntryTableModule } from '@enigmatry/entry-components/table';
+```
+
+`component.ts`
+
+```typescript
+import { PagedData, ContextMenuItem, ColumnDef } from '@enigmatry/entry-components/table';
+
+@Component({
+...
+})
+export class UserListComponent implements OnInit {
+
+  @Input() data: PagedData<GetUsersResponseItem> | null;
+
+  @Input() columns: ColumnDef[] = [];
+  @Input() contextMenuItems: ContextMenuItem[] = [];
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.columns = [
+      { field: 'id', hide: true, sortable: true },
+      { field: 'userName', header: `E-mail`, hide: false, sortable: true },
+      { field: 'name', header: `Name`, hide: false, sortable: true },
+      { field: 'createdOn', header: `Created on`, hide: false, sortable: true, type: 'date' },
+      { field: 'updatedOn', header: `Updated on`, hide: false, sortable: true, type: 'date' }
+    ];
+    this.contextMenuItems = [
+      { id: 'edit', name: `Edit`, icon: 'edit' }
+    ];
+  }
+}
+```
+
+`component.html`
+
+```html
+<entry-table
+    [columns]="columns"
+    [data]="data"
+    [showPaginator]="true"
+    [showContextMenu]="true"
+    [contextMenuItems]="contextMenuItems"
+    (pageChange)="pageChange.emit($event)"
+    (sortChange)="sortChange.emit($event)"
+    (rowSelectionChange)="selectionChange.emit($event)"
+    (contextMenuItemSelected)="contextMenuItemSelected.emit($event)">
+</entry-table>
+```
+
+## Compatibility with Angular Versions
+
+| @enigmatry/entry-components | Angular version
+|-|-|
+|1.14.x| = 14
+|1.15.x| = 15
+
+## License
+
+Apache-2 © Enigmatry