@enigmatry/entry-components 1.2.75 → 1.2.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/esm2020/header/entry-header.component.mjs +3 -3
  2. package/fesm2015/enigmatry-entry-components-header.mjs +2 -2
  3. package/fesm2015/enigmatry-entry-components-header.mjs.map +1 -1
  4. package/fesm2020/enigmatry-entry-components-header.mjs +2 -2
  5. package/fesm2020/enigmatry-entry-components-header.mjs.map +1 -1
  6. package/header/styles/modules/_breakpoints.scss +37 -0
  7. package/header/styles/modules/_generator.scss +13 -0
  8. package/header/styles/modules/_variables.scss +21 -0
  9. package/header/styles/modules/components/buttons/_general.scss +26 -0
  10. package/header/styles/modules/components/headers/_general.scss +12 -0
  11. package/header/styles/modules/states/_hover.scss +7 -0
  12. package/header/styles/modules/themings/_default-theming.scss +22 -0
  13. package/header/styles/partials/core/_index.scss +3 -0
  14. package/header/styles/partials/core/components/_index.scss +2 -0
  15. package/header/styles/partials/core/components/buttons/_general.scss +43 -0
  16. package/header/styles/partials/core/components/buttons/_index.scss +1 -0
  17. package/header/styles/partials/core/components/headers/_general.scss +25 -0
  18. package/header/styles/partials/core/components/headers/_index.scss +1 -0
  19. package/header/styles/partials/core/elements/_index.scss +1 -0
  20. package/header/styles/partials/core/elements/headings.scss +3 -0
  21. package/header/styles/partials/core/layouts/_alignment.scss +6 -0
  22. package/header/styles/partials/core/layouts/_index.scss +1 -0
  23. package/header/styles/partials/main.scss +1 -0
  24. package/package.json +1 -1
@@ -3,11 +3,11 @@ import * as i0 from "@angular/core";
3
3
  export class EntryHeaderComponent {
4
4
  }
5
5
  EntryHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
- EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
6
+ EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
7
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, decorators: [{
8
8
  type: Component,
9
- args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
9
+ args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
10
10
  }], propDecorators: { title: [{
11
11
  type: Input
12
12
  }] } });
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9oZWFkZXIvZW50cnktaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9oZWFkZXIvZW50cnktaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVExRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO3NHQUFwQixvQkFBb0IsZ0ZDUmpDLDJVQVVTOzRGREZJLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VudHJ5LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9lbnRyeS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbnRyeS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRW50cnlIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xufVxuIiwiPGhlYWRlciBjbGFzcz1cImVudHJ5LWhlYWRlclwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxoMSBjbGFzcz1cImhlYWRlci1pdGVtXCI+e3t0aXRsZX19PC9oMT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltidXR0b25zXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93IGNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2hlYWRlcj4iXX0=
13
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9oZWFkZXIvZW50cnktaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9oZWFkZXIvZW50cnktaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVExRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO3NHQUFwQixvQkFBb0IsZ0ZDUmpDLGlWQVVTOzRGREZJLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VudHJ5LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9lbnRyeS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbnRyeS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRW50cnlIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xufVxuIiwiPGhlYWRlciBjbGFzcz1cImVudHJ5LWhlYWRlclwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxoMSBjbGFzcz1cImhlYWRlci1pdGVtIHRpdGxlXCI+e3t0aXRsZX19PC9oMT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltidXR0b25zXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93IGNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2hlYWRlcj4iXX0=
@@ -5,10 +5,10 @@ import { CommonModule } from '@angular/common';
5
5
  class EntryHeaderComponent {
6
6
  }
7
7
  EntryHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
+ EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
11
+ args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
12
12
  }], propDecorators: { title: [{
13
13
  type: Input
14
14
  }] } });
@@ -1 +1 @@
1
- {"version":3,"file":"enigmatry-entry-components-header.mjs","sources":["../../../../libs/entry-components/header/entry-header.component.ts","../../../../libs/entry-components/header/entry-header.component.html","../../../../libs/entry-components/header/entry-header.module.ts","../../../../libs/entry-components/header/enigmatry-entry-components-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'entry-header',\n templateUrl: './entry-header.component.html',\n styleUrls: ['./entry-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EntryHeaderComponent {\n @Input() title: string;\n}\n","<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EntryHeaderComponent } from './entry-header.component';\n\n@NgModule({\n declarations: [\n EntryHeaderComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n EntryHeaderComponent\n ]\n})\nexport class EntryHeaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gFCRjC,2UAUS,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDFI,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2UAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEMK,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAT1B,YAAA,EAAA,CAAA,oBAAoB,CAGpB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAPnB,OAAA,EAAA,CAAA;YACP,YAAY;SACb,CAAA,EAAA,CAAA,CAAA;4FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;ACdD;;AAEG;;;;"}
1
+ {"version":3,"file":"enigmatry-entry-components-header.mjs","sources":["../../../../libs/entry-components/header/entry-header.component.ts","../../../../libs/entry-components/header/entry-header.component.html","../../../../libs/entry-components/header/entry-header.module.ts","../../../../libs/entry-components/header/enigmatry-entry-components-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'entry-header',\n templateUrl: './entry-header.component.html',\n styleUrls: ['./entry-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EntryHeaderComponent {\n @Input() title: string;\n}\n","<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EntryHeaderComponent } from './entry-header.component';\n\n@NgModule({\n declarations: [\n EntryHeaderComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n EntryHeaderComponent\n ]\n})\nexport class EntryHeaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gFCRjC,iVAUS,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDFI,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iVAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEMK,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAT1B,YAAA,EAAA,CAAA,oBAAoB,CAGpB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAPnB,OAAA,EAAA,CAAA;YACP,YAAY;SACb,CAAA,EAAA,CAAA,CAAA;4FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;ACdD;;AAEG;;;;"}
@@ -5,10 +5,10 @@ import { CommonModule } from '@angular/common';
5
5
  class EntryHeaderComponent {
6
6
  }
7
7
  EntryHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
+ EntryHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntryHeaderComponent, selector: "entry-header", inputs: { title: "title" }, ngImport: i0, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntryHeaderComponent, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
11
+ args: [{ selector: 'entry-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>", styles: [""] }]
12
12
  }], propDecorators: { title: [{
13
13
  type: Input
14
14
  }] } });
@@ -1 +1 @@
1
- {"version":3,"file":"enigmatry-entry-components-header.mjs","sources":["../../../../libs/entry-components/header/entry-header.component.ts","../../../../libs/entry-components/header/entry-header.component.html","../../../../libs/entry-components/header/entry-header.module.ts","../../../../libs/entry-components/header/enigmatry-entry-components-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'entry-header',\n templateUrl: './entry-header.component.html',\n styleUrls: ['./entry-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EntryHeaderComponent {\n @Input() title: string;\n}\n","<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EntryHeaderComponent } from './entry-header.component';\n\n@NgModule({\n declarations: [\n EntryHeaderComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n EntryHeaderComponent\n ]\n})\nexport class EntryHeaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gFCRjC,2UAUS,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDFI,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2UAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEMK,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAT1B,YAAA,EAAA,CAAA,oBAAoB,CAGpB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAPnB,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}
1
+ {"version":3,"file":"enigmatry-entry-components-header.mjs","sources":["../../../../libs/entry-components/header/entry-header.component.ts","../../../../libs/entry-components/header/entry-header.component.html","../../../../libs/entry-components/header/entry-header.module.ts","../../../../libs/entry-components/header/enigmatry-entry-components-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'entry-header',\n templateUrl: './entry-header.component.html',\n styleUrls: ['./entry-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EntryHeaderComponent {\n @Input() title: string;\n}\n","<header class=\"entry-header\">\n <div class=\"container\">\n <div class=\"space-between\">\n <h1 class=\"header-item title\">{{title}}</h1>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n <div class=\"row content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n </div>\n</header>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EntryHeaderComponent } from './entry-header.component';\n\n@NgModule({\n declarations: [\n EntryHeaderComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n EntryHeaderComponent\n ]\n})\nexport class EntryHeaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gFCRjC,iVAUS,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDFI,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iVAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEMK,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAT1B,YAAA,EAAA,CAAA,oBAAoB,CAGpB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAPnB,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}
@@ -0,0 +1,37 @@
1
+ @use 'sass:list';
2
+ @use 'sass:string';
3
+ @use 'sass:map';
4
+ @use './variables' as vars;
5
+
6
+ @forward '@enigmatry/scss-foundation/src/modules/layout/grid' with (
7
+ $breakpoints: vars.$breakpoints
8
+ );
9
+ @use '@enigmatry/scss-foundation/src/modules/layout/grid' as breakpoints;
10
+
11
+ @mixin apply-on-mobile() {
12
+ @include breakpoints.apply-on(mobile) {
13
+ @content;
14
+ }
15
+ }
16
+
17
+ @mixin apply-on-tablet() {
18
+ @include breakpoints.apply-on(tablet) {
19
+ @content;
20
+ }
21
+ }
22
+
23
+ @mixin apply-on-desktop() {
24
+ @include breakpoints.apply-on(desktop) {
25
+ @content;
26
+ }
27
+ }
28
+
29
+ @mixin apply-on-large-desktop() {
30
+ @include breakpoints.apply-on(largeDesktop) {
31
+ @content;
32
+ }
33
+ }
34
+
35
+ @mixin set-up() {
36
+ @include breakpoints.set-up();
37
+ }
@@ -0,0 +1,13 @@
1
+ @use 'sass:map';
2
+
3
+ @use 'themings/default-theming' as default;
4
+ @use 'components/headers/general' as headers;
5
+ @use 'components/buttons/general' as buttons;
6
+
7
+ $default-theme: default.$theme;
8
+
9
+ @mixin generate($custom-theme: ()) {
10
+ $merged-theme: map.deep-merge($default-theme, $custom-theme);
11
+ @include headers.generate-headers-from($merged-theme);
12
+ @include buttons.generate-buttons-from($merged-theme);
13
+ }
@@ -0,0 +1,21 @@
1
+ $breakpoints: (
2
+ mobile: (description: 'sm', size: 480px ),
3
+ tablet: (description: 'md', size: 768px ),
4
+ desktop: (description: 'lg', size: 992px),
5
+ largeDesktop: (description: 'xl', size: 1200px));
6
+
7
+ $primary: #2581C4;
8
+ $primary-lightest: #DFF1FD;
9
+
10
+ $accent: #EA518D;
11
+
12
+ $font-color-light: #FFF;
13
+
14
+ $disabled: #D9D9D9;
15
+
16
+ $font-size-default: 14px;
17
+
18
+ $default-gap: 16px;
19
+ $large-gap: calc(#{$default-gap} * 2);
20
+
21
+ $default-transition: .4s;
@@ -0,0 +1,26 @@
1
+ @use '@enigmatry/scss-foundation/src/modules/map';
2
+ @use '../../states/hover';
3
+
4
+ @mixin generate-buttons-from($theme) {
5
+ .button-primary {
6
+ @include hover.background-hover(
7
+ map.value-from($theme, 'button-primary.default-background'),
8
+ map.value-from($theme, 'button-primary.hover-background'));
9
+ color: map.value-from($theme, 'button-primary.default-font-color');
10
+
11
+ &:hover {
12
+ color: map.value-from($theme, 'button-accent.default-font-color');
13
+ }
14
+ }
15
+
16
+ .button-accent {
17
+ @include hover.background-hover(
18
+ map.value-from($theme, 'button-accent.default-background'),
19
+ map.value-from($theme, 'button-accent.hover-background'));
20
+ color: map.value-from($theme, 'button-accent.default-font-color');
21
+
22
+ &:hover {
23
+ color: map.value-from($theme, 'button-accent.default-font-color');
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,12 @@
1
+ @use '@enigmatry/scss-foundation/src/modules/map';
2
+
3
+ @mixin generate-headers-from($theme) {
4
+
5
+ .entry-header {
6
+ background-color: map.value-from($theme, 'header.background');
7
+
8
+ .title {
9
+ font-size: map.value-from($theme, 'header.title-size');
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,7 @@
1
+ @mixin background-hover($regular-background, $hover-background) {
2
+ background-color: $regular-background;
3
+
4
+ &:hover {
5
+ background-color: $hover-background;
6
+ }
7
+ }
@@ -0,0 +1,22 @@
1
+ @use '../variables' as vars;
2
+
3
+ @use 'sass:list';
4
+
5
+ $theme: (
6
+ header: (
7
+ background: vars.$primary-lightest,
8
+ title-size: 32px
9
+ ),
10
+ button-primary: (
11
+ default-background: vars.$primary,
12
+ default-font-color: vars.$font-color-light,
13
+ hover-background: vars.$accent,
14
+ hover-font-color: vars.$font-color-light,
15
+ ),
16
+ button-accent: (
17
+ default-background: vars.$accent,
18
+ default-font-color: vars.$font-color-light,
19
+ hover-background: vars.$primary,
20
+ hover-font-color: vars.$font-color-light,
21
+ )
22
+ );
@@ -0,0 +1,3 @@
1
+ @use 'components';
2
+ @use 'layouts';
3
+ @use 'elements';
@@ -0,0 +1,2 @@
1
+ @use 'buttons';
2
+ @use 'headers';
@@ -0,0 +1,43 @@
1
+ @use '../../../../modules/variables' as vars;
2
+ // @use 'typography/fonts';
3
+
4
+ .button, %button {
5
+ // @include fonts.main-bolded-font(14px);
6
+ display: inline-block;
7
+ position: relative;
8
+ padding: 10px 20px;
9
+ transition: vars.$default-transition;
10
+ border: 1px solid transparent;
11
+ background-color: transparent;
12
+ color: vars.$font-color-light;
13
+ line-height: 1.25;
14
+ cursor: pointer;
15
+ text: {
16
+ align: center;
17
+ decoration: none;
18
+ }
19
+
20
+ &:disabled {
21
+ background-color: vars.$disabled;
22
+ cursor: not-allowed;
23
+
24
+ /* stylelint-disable-next-line selector-max-pseudo-class */
25
+ &:hover {
26
+ background-color: vars.$disabled;
27
+ }
28
+ }
29
+ }
30
+
31
+ .button-primary, .button-accent {
32
+ @extend %button;
33
+ }
34
+
35
+ .action-buttons {
36
+ .item {
37
+ margin-left: 12px;
38
+
39
+ &:first-child {
40
+ margin-left: 0;
41
+ }
42
+ }
43
+ }
@@ -0,0 +1 @@
1
+ @use 'general';
@@ -0,0 +1,25 @@
1
+ @use '../../../../modules/variables' as vars;
2
+ // @use 'styles/modules/breakpoints';
3
+
4
+ .entry-header {
5
+ padding: 4px vars.$default-gap vars.$default-gap;
6
+
7
+ // @include breakpoints.apply-on-tablet() {
8
+ // padding: {
9
+ // top: vars.$default-gap;
10
+ // bottom: vars.$large-gap;
11
+ // };
12
+ // }
13
+
14
+ .header-item {
15
+ margin-top: 20px;
16
+ }
17
+
18
+ .content {
19
+ padding-top: 20px;
20
+
21
+ // @include breakpoints.apply-on-tablet() {
22
+ // padding-top: vars.$large-gap;
23
+ // }
24
+ }
25
+ }
@@ -0,0 +1 @@
1
+ @use 'general';
@@ -0,0 +1 @@
1
+ @use 'headings';
@@ -0,0 +1,3 @@
1
+ h1, h2, h3, h4, h5, h6 {
2
+ margin: 0;
3
+ }
@@ -0,0 +1,6 @@
1
+ @use '@enigmatry/scss-foundation/src/modules/display/items';
2
+
3
+ // TODO: remove this once https://jira.enigmatry.com/browse/ETL-480 is done
4
+ .space-between {
5
+ @include items.fully-align(center, space-between);
6
+ }
@@ -0,0 +1 @@
1
+ @use 'alignment';
@@ -0,0 +1 @@
1
+ @use 'core';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enigmatry/entry-components",
3
- "version": "1.2.75",
3
+ "version": "1.2.76",
4
4
  "author": "Enigmatry",
5
5
  "description": "Enigmatry entry angular material components",
6
6
  "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",