@enigmatry/entry-components 1.15.1-preview.9 → 15.0.0-preview

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

@@ -1,12 +0,0 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	.entry-header {
-		background-color: map.get($theme, 'general', 'colors', 'primary');
-
-		.title {
-			color: map.get($theme, 'general', 'colors', 'dark');
-			font-size: map.get($theme, 'headers', 'title', 'size');
-		}
-	}
-}

package/styles/modules/elements/_generator.scss

@@ -1,20 +0,0 @@
-@use 'sass:map';
-@use '../default-theme' as default;
-@use '../typography/fonts';
-@use 'anchors/generator' as anchors;
-@use 'buttons/generator' as buttons;
-
-$default-theme: default.$theme;
-
-@mixin generate-from($custom-theme: ()) {
-	$merged-theme: map.deep-merge($default-theme, $custom-theme);
-
-	$font-family: map.get($merged-theme, 'general', 'font', 'family');
-
-	@if $font-family == '' {
-		// @include fonts.generate-default-font();
-	}
-
-	@include anchors.generate-from($merged-theme);
-	@include buttons.generate-from($merged-theme);
-}

package/styles/modules/elements/anchors/_generator.scss

@@ -1,16 +0,0 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$colors: map.get($theme, 'general', 'colors');
-	$primary-color: map.get($colors, 'primary');
-	$accent-color: map.get($colors, 'accent');
-
-	.entry-link {
-		color: $primary-color;
-		text-decoration: none;
-	
-		&:hover {
-			color: $accent-color;
-		}
-	}
-}

package/styles/modules/elements/buttons/_default.scss

@@ -1,12 +0,0 @@
-%entry-button {
-	display: inline-block;
-	padding: 10px 20px;
-	transition: .4s;
-	border: 0;
-	line-height: 1.25;
-	cursor: pointer;
-	text: {
-		align: center;
-		decoration: none;
-	}
-}

package/styles/modules/elements/buttons/_generator.scss

@@ -1,45 +0,0 @@
-@use 'default';
-@use 'sass:map';
-@use '../../typography/fonts';
-@use '../../states/hover';
-
-@mixin generate-from($theme) {
-	$button-color: map.get($theme, 'general', 'buttons', 'color');
-	$colors: map.get($theme, 'general', 'colors');
-	$primary-color: map.get($colors, 'primary');
-	$accent-color: map.get($colors, 'accent');
-	$disabled-color: map.get($colors, 'disabled');
-
-	.entry-button-accent, .entry-button-primary, .entry-button-dark {
-		@extend %entry-button;
-		@include fonts.font-family-from($theme) {
-			@include fonts.main-bolded-font();
-		}
-		color: $button-color;
-	}
-
-	.entry-button-primary {
-		@include hover.default($primary-color, $accent-color, $button-color, $disabled-color);
-	}
-
-	.entry-button-accent {
-		@include hover.default($accent-color, $primary-color, $button-color, $disabled-color);
-	}
-
-	.entry-button-dark {
-		@include hover.default(map.get($colors, 'dark'), $primary-color, $button-color, $disabled-color);
-	}
-
-	.entry-button-blank {
-		@include fonts.font-family-from($theme) {
-			@include fonts.main-font();
-		}
-
-		@include hover.default(transparent, transparent, $accent-color, transparent);
-		color: $primary-color;
-
-		&:disabled {
-			color: $primary-color;
-		}
-	}
-}

package/styles/modules/states/_hover.scss

@@ -1,18 +0,0 @@
-@mixin default($background, $hover-background, $color, $disabled-background) {
-	background-color: $background;
-
-	&:hover, &:active {
-		background-color: $hover-background;
-		color: $color;
-	}
-
-	&:disabled, &.disabled {
-		background-color: $disabled-background;
-		cursor: not-allowed;
-
-		/* stylelint-disable-next-line selector-max-pseudo-class */
-		&:hover {
-			background-color: $disabled-background;
-		}
-	}
-}

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

@@ -1,7 +0,0 @@
-.entry-header {
-	padding: 24px 16px;
-
-	.content {
-		padding-top: 20px;
-	}
-}

package/styles/partials/core/components/tables/_action-cells.scss

@@ -1,26 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.entry-table .mat-mdc-icon-button {
-	width: unset;
-	@include items.align-center();
-}
-
-.entry-table-checkbox-cell, .entry-table-context-menu-cell {
-	flex: none;
-	width: 56px;
-	max-width: 40px;
-
-	.mat-mdc-checkbox {
-		display: flex;
-		margin: 0 10px;
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
-	.mat-checkbox-inner-container {
-		margin-left: 0;
-	}
-
-	.mat-mdc-icon-button {
-		padding-top: 2px;
-	}
-}

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

@@ -1,39 +0,0 @@
-.entry-table {
-	.mat-mdc-cell, .mat-mdc-header-cell {
-		padding: 0 10px;
-		border-bottom: none;
-	}
-
-	.mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
-		box-sizing: border-box;
-		padding: 4px 10px;
-
-		&.entry-table-checkbox-cell {
-			padding: {
-				right: 10px;
-				left: 10px;
-			}
-		}
-	}
-
-	.mat-mdc-table {
-		.mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
-			&:not(.entry-table-checkbox-cell) {
-				min-width: 80px;
-			}
-		}
-	}
-
-	.mat-header-cell-inner {
-		display: flex;
-		align-items: center;
-	}
-
-	.currency {
-		text-align: right;
-
-		.mat-header-cell-inner {
-			justify-content: right;
-		}
-	}
-}

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

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

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

@@ -1,47 +0,0 @@
-@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

@@ -1,13 +0,0 @@
-.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

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

package/styles/partials/test.scss

@@ -1,35 +0,0 @@
-@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/toolbar/README.md

@@ -1,39 +0,0 @@
-# Entry Toolbar
-
-Toolbar component (`<entry-toolbar>`) is used as a header section in the applications. It offers built-in support for title or logo on the left side, while other elements, like menu items, must be provided via content projection. The component is responsive in a way that on smaller screens (mobile/tablet) switches to _the compact view_ containing menu icon button used to toggle content visibility.
-
-## Integration
-
-```npm
-npm i @enigmatry/entry-components
-```
-
-Import component package:
-
-```ts
-import { EntryDialogModule } from '@enigmatry/entry-components/toolbar';
-```
-
-Styles import:
-
-```scss
-@use 'entry-components/styles/generate' as entry;
-
-@include entry.generate(APP_THEME, APP_TYPOGRAPHY);
-```
-
-Where `APP_THEME` represents application theming configuration, while `APP_TYPOGRAPHY` represents application fonts configuration.
-
-## Basic usage
-
-```html
-<entry-toolbar
-    title="Food & Drinks"
-    titleUri="http://food-n-drinks.com">
-    <ul>
-        <li>Meals</li>
-        <li>Order</li>
-        <li>About</li>
-    </ul>
-</entry-toolbar>
-```

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

@@ -1,28 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Toolbar component (`<entry-toolbar>`) is used to render header section in the applications containing menu items as a content.
- * It offers build in support for toolbar title or logo, while other elements need to be provided via content projection.
- * On smaller screens (mobile/tablet) it switches to compact view containing menu icon button used to toggle content visibility.
- *
- * @example
- * ```html
- * <entry-toolbar
- *    titleUri="http://www.enigmatry.com"
- *    titleLogoSrc="assets/enigmatry-logo.png">
- *    <!-- SOME CUSTOM HTML CODE THAT RENDERS MENU ITEMS -->
- * </entry-toolbar>
- * ```
- */
-export declare class EntryToolbarComponent {
-    /** Toolbar title positioned in the left side */
-    title: string;
-    /** Url to be redirected to if user click on the title (default value '/') */
-    titleUri: string;
-    /** If provided, it replaces string title and renders logo image instead */
-    titleLogoSrc: string | undefined;
-    /** Used to hide the title section if not required (default value false) */
-    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, never>;
-}

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

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./entry-toolbar.component";
-import * as i2 from "@angular/common";
-export declare class EntryToolbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EntryToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryToolbarModule, [typeof i1.EntryToolbarComponent], [typeof i2.CommonModule], [typeof i1.EntryToolbarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<EntryToolbarModule>;
-}

package/toolbar/public-api.d.ts

@@ -1,2 +0,0 @@
-export { EntryToolbarComponent } from './entry-toolbar.component';
-export { EntryToolbarModule } from './entry-toolbar.module';