@enigmatry/entry-components 1.14.19-alpha.0.4 → 1.15.1-preview.10

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

@@ -0,0 +1,5 @@
+@use 'action-cells';
+@use 'cells';
+@use 'layout';
+@use 'rows';
+@use 'sorting';

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

@@ -0,0 +1,47 @@
+@use '@enigmatry/scss-foundation/src/modules/display/items';
+
+.entry-table {
+	display: flex;
+	position: relative;
+	flex-direction: column;
+	width: 100%;
+
+	.mat-mdc-table-container {
+		overflow: auto;
+
+		&.mat-mdc-table-with-data {
+			flex: 1;
+		}
+	}
+
+	.mat-mdc-table {
+		min-width: 100%;
+		border-collapse: separate;
+	}
+	/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
+	.mat-paginator-hidden {
+		display: none;
+	}
+}
+
+.entry-table-layout {
+	display: flex;
+	flex: 1 1 auto;
+	overflow: auto;
+}
+
+.entry-table-content {
+	flex-direction: column;
+	width: 0;
+}
+
+.entry-table-footer {
+	position: relative;
+	z-index: 1;
+}
+
+.entry-table-no-result {
+	@include items.align-absolute-center();
+	flex: 1;
+	min-height: 50px;
+}

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

@@ -0,0 +1,13 @@
+.entry-table {
+	.mat-row, .mat-header-row {
+		height: 36px;
+	}
+}
+
+.entry-table-menu {
+	min-height: 40px;
+
+	.mat-menu-content:not(:empty) {
+		padding: 0;
+	}
+}

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

@@ -0,0 +1,8 @@
+.entry-table {
+	.mat-sort-header-icon {
+		width: 18px;
+		height: 18px;
+		margin: 0 4px;
+		font-size: 18px;
+	}
+}

package/styles/partials/test.scss

@@ -0,0 +1,35 @@
+@use '../generator';
+
+$custom-theme: (
+	general: (
+		colors: (
+			primary: #FAE3C1
+		),
+		font: (
+			size: 13px
+		),
+		buttons: (
+			color: #AAA
+		)
+	),
+	forms: (
+		fields: (
+			infix-padding-top: 41px,
+			outline: (
+				border-hover: 2px solid #666
+			)
+		)
+	),
+	tables: (
+		cells: (
+			first-cell-padding-left: 11px
+		)
+	),
+	headers: (
+		title: (
+			size: 41px
+		)
+	),
+);
+
+@include generator.generate-from($custom-theme);

package/styles/partials/theming.scss

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

package/toolbar/entry-toolbar.component.d.ts

@@ -24,5 +24,5 @@ export declare class EntryToolbarComponent {
     hideTitle: boolean;
     menuOpened: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntryToolbarComponent, "entry-toolbar", never, { "title": "title"; "titleUri": "titleUri"; "titleLogoSrc": "titleLogoSrc"; "hideTitle": "hideTitle"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntryToolbarComponent, "entry-toolbar", never, { "title": "title"; "titleUri": "titleUri"; "titleLogoSrc": "titleLogoSrc"; "hideTitle": "hideTitle"; }, {}, never, ["*"], false, never>;
 }

package/validation/entry-display-control-validation.directive.d.ts

@@ -23,5 +23,5 @@ export declare class EntryDisplayControlValidationDirective implements OnInit, O
     ngOnDestroy(): void;
     private extractValidationMessages;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryDisplayControlValidationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EntryDisplayControlValidationDirective, "[entryDisplayControlValidation]", never, { "control": "control"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EntryDisplayControlValidationDirective, "[entryDisplayControlValidation]", never, { "control": "control"; }, {}, never, never, false, never>;
 }

package/validation/entry-form-errors.component.d.ts

@@ -14,5 +14,5 @@ export declare class EntryFormErrorsComponent {
     /** A form group for which the validation errors are being displayed. */
     form: UntypedFormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryFormErrorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntryFormErrorsComponent, "entry-form-errors", never, { "form": "form"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntryFormErrorsComponent, "entry-form-errors", never, { "form": "form"; }, {}, never, never, false, never>;
 }

package/dialog/styles/modules/_generator.scss

@@ -1,11 +0,0 @@
-@use 'sass:map';
-
-@use 'theming/default-theming' as default_theme;
-@use 'components/dialogs/general' as dialogs;
-
-$default-theme: default_theme.$theme;
-
-@mixin generate($custom-theme: ()) {
-	$merged-theme: map.deep-merge($default-theme, $custom-theme);
-	@include dialogs.generate-dialog-from($merged-theme);
-}

package/dialog/styles/modules/components/dialogs/_general.scss

@@ -1,11 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-@use 'headers/general' as headers;
-@use 'footers/general' as footers;
-
-@mixin generate-dialog-from($theme) {
-	.entry-dialog {
-		@include headers.generate-headers-from($theme);
-		@include footers.generate-footers-from($theme);
-		font-size: map.value-from($theme, 'default-font-size');
-	}
-}

package/dialog/styles/modules/components/dialogs/footers/_general.scss

@@ -1,26 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-@use '../../../../../../styles/modules/states/hover';
-
-@mixin generate-footers-from($theme) {
-	.button-confirm {
-		@include hover.default(
-			map.value-from($theme, 'button-confirm.default-font-color'), 
-			map.value-from($theme, 'button-confirm.hover-font-color'));
-		background-color: map.value-from($theme, 'button-confirm.default-background');
-
-		&:hover {
-			background-color: map.value-from($theme, 'button-confirm.hover-background');
-		}
-	}
-
-	.button-cancel {
-		@include hover.default(
-			map.value-from($theme, 'button-cancel.default-font-color'), 
-			map.value-from($theme, 'button-cancel.hover-font-color'));
-		background-color: map.value-from($theme, 'button-cancel.default-background');
-
-		&:hover {
-			background-color: map.value-from($theme, 'button-cancel.hover-background');
-		}
-	}
-}

package/dialog/styles/modules/components/dialogs/headers/_general.scss

@@ -1,16 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-@use '../../../../../../styles/modules/states/hover';
-
-@mixin generate-headers-from($theme) {
-	.title {
-		color: map.value-from($theme, 'header.title.color');
-		font-size: map.value-from($theme, 'header.title.size');
-	}
-
-	.close-button {
-		@include hover.default(
-			map.value-from($theme, 'header.close-icon.default-color'), 
-				map.value-from($theme, 'header.close-icon.hover-color'));
-		font-size: map.value-from($theme, 'header.close-icon.size');
-	}
-}

package/dialog/styles/modules/theming/_default-theming.scss

@@ -1,29 +0,0 @@
-@use '../../../../styles/modules/variables' as vars;
-
-$theme: (
-    header: (
-        title: (
-            size: 20px,
-            color: vars.$font-color-default,
-        ),
-        close-icon: (
-            size: 12px,
-            default-color: vars.$font-color-default,
-            hover-color: vars.$primary,
-        )
-    ),
-    content-color: vars.$font-color-default,
-    default-font-size: 14px,
-    button-confirm: (
-        default-background: vars.$primary,
-        default-font-color: vars.$font-color-light,
-        hover-background: vars.$accent,
-        hover-font-color: vars.$font-color-light,
-    ),
-    button-cancel: (
-        default-background: transparent,
-        default-font-color: vars.$primary,
-        hover-background: transparent,
-        hover-font-color: vars.$accent,
-    )
-);

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

@@ -1,3 +0,0 @@
-@use 'components';
-@use 'elements';
-@use 'layouts';

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

@@ -1 +0,0 @@
-@use 'dialogs';

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

@@ -1 +0,0 @@
-@use 'general';

package/dialog/styles/partials/core/elements/_general.scss

@@ -1,10 +0,0 @@
-// TODO remove this once done https://jira.enigmatry.com/browse/ETL-483
-h1, h2, h3, h4, h5, h6, p {
-	margin: 0;
-}
-
-button {
-	padding: 0;
-	border: 0;
-	cursor: pointer;
-}

package/dialog/styles/partials/core/elements/_index.scss

@@ -1 +0,0 @@
-@use 'general';

package/dialog/styles/partials/core/layouts/_alignments.scss

@@ -1,13 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.align-center {
-	@include items.align-absolute-center();
-}
-
-.align-right {
-	@include items.fully-align(center, flex-end);
-}
-
-.align-left {
-	text-align: left;
-}

package/dialog/styles/partials/core/layouts/_index.scss

@@ -1 +0,0 @@
-@use 'alignments';

package/dialog/styles/partials/main.scss

@@ -1 +0,0 @@
-@use 'core';

package/header/styles/modules/_generator.scss

@@ -1,13 +0,0 @@
-@use 'sass:map';
-
-@use 'theming/default-theming' as default;
-@use 'components/headers/general' as headers;
-@use 'components/buttons/general' as buttons;
-
-$default-theme: default.$theme;
-
-@mixin generate($custom-theme: ()) {
-    $merged-theme: map.deep-merge($default-theme, $custom-theme);
-    @include headers.generate-headers-from($merged-theme);
-    @include buttons.generate-buttons-from($merged-theme);
-}

package/header/styles/modules/components/buttons/_general.scss

@@ -1,26 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-@use '../../../../../styles/modules/states/hover';
-
-@mixin generate-buttons-from($theme) {
-	.entry-button-primary {
-		@include hover.background-hover(
-			map.value-from($theme, 'button-primary.default-background'),
-			map.value-from($theme, 'button-primary.hover-background'));
-		color: map.value-from($theme, 'button-primary.default-font-color');
-
-		&:hover {
-			color: map.value-from($theme, 'button-accent.default-font-color');
-		}
-	}
-
-	.entry-button-accent {
-		@include hover.background-hover(
-			map.value-from($theme, 'button-accent.default-background'),
-			map.value-from($theme, 'button-accent.hover-background'));
-            color: map.value-from($theme, 'button-accent.default-font-color');
-
-		&:hover {
-			color: map.value-from($theme, 'button-accent.default-font-color');
-		}
-	}
-}

package/header/styles/modules/components/headers/_general.scss

@@ -1,13 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-
-@mixin generate-headers-from($theme) {
-
-    .entry-header {
-        background-color: map.value-from($theme, 'header.background');
-
-        .title {
-            font-size: map.value-from($theme, 'header.title.size');
-            color: map.value-from($theme, 'header.title.color');
-        }
-    }
-}

package/header/styles/modules/theming/_default-theming.scss

@@ -1,21 +0,0 @@
-@use '../../../../styles/modules/variables' as vars;
-
-$theme: (
-    header: (
-        background: vars.$primary-lightest,
-        title-size: 32px,
-        title-color: vars.$primary,
-    ),
-    button-primary: (
-        default-background: vars.$primary,
-        default-font-color: vars.$font-color-light,
-        hover-background: vars.$accent,
-        hover-font-color: vars.$font-color-light,
-    ),
-    button-accent: (
-        default-background: vars.$accent,
-        default-font-color: vars.$font-color-light,
-        hover-background: vars.$primary,
-        hover-font-color: vars.$font-color-light,
-    )
-);

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

@@ -1,3 +0,0 @@
-@use 'components';
-@use 'layouts';
-@use 'elements';

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

@@ -1,2 +0,0 @@
-@use 'buttons';
-@use 'headers';

package/header/styles/partials/core/components/buttons/_general.scss

@@ -1,42 +0,0 @@
-@use '../../../../../../styles/modules/variables' as vars;
-@use '../../../../../../styles/modules/typography/fonts' as fonts;
-
-.button, %button {
-	// @include fonts.main-bolded-font(14px);
-	display: inline-block;
-	position: relative;
-	padding: 10px 20px;
-	transition: vars.$default-transition;
-	border: 1px solid transparent;
-	background-color: transparent;
-	color: vars.$font-color-light;
-	line-height: 1.25;
-	text: {
-		align: center;
-		decoration: none;
-	}
-
-	&:disabled {
-		background-color: vars.$disabled;
-		cursor: not-allowed;
-
-		/* stylelint-disable-next-line selector-max-pseudo-class */
-		&:hover {
-			background-color: vars.$disabled;
-		}
-	}
-}
-
-.entry-button-primary, .entry-button-accent {
-	@extend %button;
-}
-
-.action-buttons {
-	.button {
-		margin-left: 12px;
-
-        .first-button {
-            margin-left: 0;
-        }
-	}
-}

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

@@ -1 +0,0 @@
-@use 'general';

package/header/styles/partials/core/components/headers/_general.scss

@@ -1,9 +0,0 @@
-@use '../../../../../../styles/modules/variables' as vars;
-
-.entry-header {
-	padding: 24px vars.$default-gap;
-
-	.content {
-		padding-top: 20px;
-	}
-}

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

@@ -1 +0,0 @@
-@use 'general';

package/header/styles/partials/core/elements/_index.scss

@@ -1 +0,0 @@
-@use 'headings';

package/header/styles/partials/core/elements/headings.scss

@@ -1,3 +0,0 @@
-h1, h2, h3, h4, h5, h6 {
-	margin: 0;
-}

package/header/styles/partials/core/layouts/_alignment.scss

@@ -1,6 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-// TODO: remove this once https://jira.enigmatry.com/browse/ETL-480 is done 
-.space-between {
-	@include items.fully-align(center, space-between);
-}

package/header/styles/partials/core/layouts/_index.scss

@@ -1 +0,0 @@
-@use 'alignment';

package/header/styles/partials/main.scss

@@ -1 +0,0 @@
-@use 'core';

package/styles/_generate.scss

@@ -1,15 +0,0 @@
-@use '../dialog/styles/modules/generator' as dialog;
-@use '../dialog/styles/partials/main.scss' as dialogPartials;
-@use '../header/styles/modules/generator' as header;
-@use '../header/styles/partials/main.scss' as headerPartials;
-@use '../toolbar/styles/modules/generate' as toolbar;
-@use '../toolbar/styles/partials/main.scss' as toolbarPartials;
-@use './modules/generate' as modules;
-@use 'sass:map';
-
-@mixin generate($theme, $font-config: null) {
-    @include modules.generate($font-config);
-    @include dialog.generate(map.get($theme, dialog));
-    @include header.generate(map.get($theme, header));
-    @include toolbar.generate(map.get($theme, toolbar));
-}

package/styles/modules/_breakpoints.scss

@@ -1,37 +0,0 @@
-@use 'sass:list';
-@use 'sass:string';
-@use 'sass:map';
-@use './variables' as vars;
-
-@forward '@enigmatry/scss-foundation/src/modules/layout/grid' with (
-	$breakpoints: vars.$breakpoints
-);
-@use '@enigmatry/scss-foundation/src/modules/layout/grid' as breakpoints;
-
-@mixin apply-on-mobile() {
-	@include breakpoints.apply-on(mobile) {
-		@content;
-	}
-}
-
-@mixin apply-on-tablet() {
-	@include breakpoints.apply-on(tablet) {
-		@content;
-	}
-}
-
-@mixin apply-on-desktop() {
-	@include breakpoints.apply-on(desktop) {
-		@content;
-	}
-}
-
-@mixin apply-on-large-desktop() {
-	@include breakpoints.apply-on(largeDesktop) {
-		@content;
-	}
-}
-
-@mixin set-up() {
-	@include breakpoints.set-up();
-}

package/styles/modules/_generate.scss

@@ -1,5 +0,0 @@
-@use './typography/generate' as typography;
-
-@mixin generate($font-config: null) {
-    @include typography.generate($font-config);
-}

package/styles/modules/_variables.scss

@@ -1,22 +0,0 @@
-$breakpoints: ( 
-	mobile: (description: 'sm', size: 480px ), 
-	tablet: (description: 'md', size: 768px ), 
-	desktop: (description: 'lg', size: 992px), 
-	largeDesktop: (description: 'xl', size: 1200px));
-
-$primary: #2581C4;
-$primary-lightest: #DFF1FD;
-
-$accent: #EA518D;
-
-$font-color-default: #323232;
-$font-color-light: #FFF;
-
-$disabled: #D9D9D9;
-
-$font-size-default: 14px;
-
-$default-gap: 16px;
-$large-gap: calc(#{$default-gap} * 2);
-
-$default-transition: .4s;

package/styles/modules/theming/_default-theming.scss

@@ -1,9 +0,0 @@
-@use '../../../dialog/styles/modules/theming/default-theming' as dialogTheme;
-@use '../../../header/styles/modules/theming/default-theming' as headerTheme;
-@use '../../../toolbar/styles/modules/theming/default-theming' as toolbarTheme;
-
-$theme: (
-	header: headerTheme.$theme,
-	dialog: dialogTheme.$theme,
-	toolbar: toolbarTheme.$theme
-);

package/styles/modules/typography/_generate.scss

@@ -1,7 +0,0 @@
-@use './fonts' as font;
-
-@mixin generate($config: null) {
-    @if $config != null {
-        @include font.generate-font-face($config);
-    }
-}

package/toolbar/styles/modules/_generate.scss

@@ -1,10 +0,0 @@
-@use 'sass:map';
-@use 'theming/default-theming' as default;
-@use 'components/toolbar/general' as toolbar;
-
-$default-theme: default.$theme;
-
-@mixin generate($custom-theme: ()) {
-    $merged-theme: map.deep-merge($default-theme, $custom-theme);
-    @include toolbar.generate($merged-theme);
-}

package/toolbar/styles/modules/components/toolbar/_general.scss

@@ -1,34 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/map';
-@use '../../../../../styles/modules/variables' as vars;
-@use '../../../../../styles/modules/states/hover' as hover;
-
-@mixin generate($theme) {
-    .entry-toolbar {
-        background-color: map.value-from($theme, 'background');
-
-        .entry-toolbar-nav {
-            height: map.value-from($theme, 'height');
-
-            .entry-toolbar-logo {
-                a {
-                    color: map.value-from($theme, 'title-color');
-                    @include hover.default(
-                        map.value-from($theme, 'title-color'), 
-                        map.value-from($theme, 'title-hover-color'));
-    
-                    img {
-                        height: map.value-from($theme, 'height');
-                    }
-                }
-            }
-
-            .entry-toolbar-nav-toggle {
-                .nav-toggle-menu, .nav-toggle-close {
-                    @include hover.default(
-                        map.value-from($theme, 'title-color'), 
-                        map.value-from($theme, 'title-hover-color'));
-                }
-            }
-        }
-    }
-}

package/toolbar/styles/modules/theming/_default-theming.scss

@@ -1,8 +0,0 @@
-@use '../../../../styles/modules/variables' as vars;
-
-$theme: (
-    background: vars.$primary-lightest,
-    height: 56px,
-    title-color: vars.$primary,
-    title-hover-color: vars.$accent
-);

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

@@ -1 +0,0 @@
-@use 'components';

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

@@ -1 +0,0 @@
-@use 'toolbar';