@ieeesa-npm/presentation 0.7.2 → 0.7.4

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.7.2",
3
+ "version": "0.7.4",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",
@@ -19,7 +19,7 @@
19
19
  "rxjs": "~7.8.0",
20
20
  "zone.js": "~0.13.0",
21
21
  "@ieeesa-npm/shared-styles": "^0.1.8",
22
- "@ieeesa-npm/feature": "^0.5.5"
22
+ "@ieeesa-npm/feature": "^0.5.7"
23
23
  },
24
24
  "dependencies": {
25
25
  "tslib": "^2.3.0"
package/public-api.d.ts CHANGED
@@ -25,7 +25,6 @@ export * from './lib/components/chips/chips.component';
25
25
  export * from './lib/components/filter/filter.component';
26
26
  export * from './lib/components/data-table/data-table.component';
27
27
  export * from './lib/components/breadcrumb/breadcrumb.component';
28
- export * from './lib/components/tile/tile.component';
29
28
  export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
30
29
  export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
31
30
  export * from './lib/directives/set-background/set-background.directive';
@@ -57,7 +56,6 @@ export * from './lib/models/paginator-config.model';
57
56
  export * from './lib/models/table-actions.model';
58
57
  export * from './lib/models/table-schema.model';
59
58
  export * from './lib/models/breadcrumb.model';
60
- export * from './lib/models/tile.model';
61
59
  export * from './lib/services/datepicker.service';
62
60
  export * from './lib/services/form-utility.service';
63
61
  export * from './lib/presentation.module';
@@ -1,70 +0,0 @@
1
- import { Component, EventEmitter, Input, Output } from '@angular/core';
2
- import { MatCardModule } from '@angular/material/card';
3
- import { MatButtonModule } from '@angular/material/button';
4
- import { CommonModule } from '@angular/common';
5
- import { AlignType } from '../../models/align-type.model';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/common";
8
- import * as i2 from "@angular/material/card";
9
- import * as i3 from "@angular/material/button";
10
- /**
11
- * Creates tile component.
12
- * @export
13
- * @class TileComponent
14
- */
15
- export class TileComponent {
16
- constructor() {
17
- this.alignmentType = AlignType;
18
- /**
19
- * Emits the click event
20
- * @type {EventEmitter}
21
- * @memberof TileComponent
22
- */
23
- this.tileClicked = new EventEmitter();
24
- this.buttonAlignment = AlignType.RIGHT;
25
- }
26
- /**
27
- * Input property to get the tiles info.
28
- * @type {Tile}
29
- * @memberof TileComponent
30
- */
31
- set tiles(value) {
32
- this.tilesInfo = value;
33
- }
34
- get tiles() {
35
- return this.tilesInfo;
36
- }
37
- /**
38
- * Sets tile buttons alignment type..
39
- * @type {string} accepts Left, Right and Middle as values
40
- * @memberof TileComponent
41
- */
42
- set buttonAlignmentInfo(value) {
43
- this.buttonAlignment = value;
44
- }
45
- get buttonAlignmentInfo() {
46
- return this.buttonAlignment;
47
- }
48
- trackByFn(index, item) {
49
- return item?.title;
50
- }
51
- trackByButtonFn(index, item) {
52
- return item?.id;
53
- }
54
- onTileButtonClicked(tile) {
55
- this.tileClicked?.emit(tile);
56
- }
57
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: TileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
58
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: TileComponent, isStandalone: true, selector: "ieeesa-tile", inputs: { tiles: "tiles", buttonAlignmentInfo: "buttonAlignmentInfo" }, outputs: { tileClicked: "tileClicked" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-wrap flex-sm-row flex-container\">\r\n <mat-card\r\n *ngFor=\"let tile of tiles; trackBy: trackByFn\"\r\n class=\"ieeesa-tile d-flex\"\r\n [ngClass]=\"{ 'ieeesa-tile--inactive': !tile?.isActive }\"\r\n >\r\n <mat-card-header class=\"ieeesa-tile__header ieeesa-headline-sm-24\">\r\n <mat-card-title>{{ tile?.title }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content class=\"ieeesa-tile__content ieeesa-body-color-sm-14\">\r\n <p>{{ tile?.description }}</p>\r\n </mat-card-content>\r\n <mat-card-actions\r\n class=\"ieeesa-tile__actions d-flex flex-nowrap\"\r\n [ngClass]=\"{\r\n 'justify-content-start':\r\n buttonAlignmentInfo === alignmentType.LEFT,\r\n 'justify-content-end':\r\n buttonAlignmentInfo === alignmentType.RIGHT,\r\n 'justify-content-center':\r\n buttonAlignmentInfo === alignmentType.MIDDLE\r\n }\"\r\n >\r\n <button\r\n *ngFor=\"let button of tile?.buttons; trackBy: trackByButtonFn\"\r\n mat-button\r\n [disabled]=\"button?.isDisabled\"\r\n class=\"mat-tertiary-button ieeesa-tile__actions__button\"\r\n (click)=\"onTileButtonClicked(tile)\"\r\n >\r\n <span\r\n class=\"ieeesa-btn-label-lg-bold-16 ieeesa-tile__actions__button__label\"\r\n >{{ button?.label }}\r\n <i\r\n *ngIf=\"button?.isRightArrowNeeded\"\r\n class=\"fa fa-arrow-right\"\r\n aria-hidden=\"true\"\r\n ></i\r\n ></span>\r\n </button>\r\n </mat-card-actions>\r\n </mat-card>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid rgba(103,80,164,.12);color:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:rgba(103,80,164,.08)}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1em;border:1px solid #cac4d0;background:#ffffff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-tile{display:flex;margin:1em;width:18em;min-width:17em;border-radius:.375em;border:0px solid #fffbfe;background:linear-gradient(0deg,rgba(0,98,155,.08) 0%,rgba(0,98,155,.08) 100%),#fffbfe;box-shadow:0 2px 6px 2px #00000026,0 1px 2px #0000004d}.ieeesa-tile--inactive{background:#fffbfe}.ieeesa-tile__header{padding:1em 1em 0}.ieeesa-tile__content{padding:0 1.5em;margin-top:1em}.ieeesa-tile__actions{padding:1.5em}.ieeesa-tile__actions__button__label{text-align:center}.ieeesa-tile__actions__button__label>i{vertical-align:middle;margin-left:.5em}.ieeesa-tile__actions__button:disabled .ieeesa-tile__actions__button__label{color:#1c1b1f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
59
- }
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: TileComponent, decorators: [{
61
- type: Component,
62
- args: [{ selector: 'ieeesa-tile', standalone: true, imports: [CommonModule, MatCardModule, MatButtonModule], template: "<div class=\"d-flex flex-column flex-wrap flex-sm-row flex-container\">\r\n <mat-card\r\n *ngFor=\"let tile of tiles; trackBy: trackByFn\"\r\n class=\"ieeesa-tile d-flex\"\r\n [ngClass]=\"{ 'ieeesa-tile--inactive': !tile?.isActive }\"\r\n >\r\n <mat-card-header class=\"ieeesa-tile__header ieeesa-headline-sm-24\">\r\n <mat-card-title>{{ tile?.title }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content class=\"ieeesa-tile__content ieeesa-body-color-sm-14\">\r\n <p>{{ tile?.description }}</p>\r\n </mat-card-content>\r\n <mat-card-actions\r\n class=\"ieeesa-tile__actions d-flex flex-nowrap\"\r\n [ngClass]=\"{\r\n 'justify-content-start':\r\n buttonAlignmentInfo === alignmentType.LEFT,\r\n 'justify-content-end':\r\n buttonAlignmentInfo === alignmentType.RIGHT,\r\n 'justify-content-center':\r\n buttonAlignmentInfo === alignmentType.MIDDLE\r\n }\"\r\n >\r\n <button\r\n *ngFor=\"let button of tile?.buttons; trackBy: trackByButtonFn\"\r\n mat-button\r\n [disabled]=\"button?.isDisabled\"\r\n class=\"mat-tertiary-button ieeesa-tile__actions__button\"\r\n (click)=\"onTileButtonClicked(tile)\"\r\n >\r\n <span\r\n class=\"ieeesa-btn-label-lg-bold-16 ieeesa-tile__actions__button__label\"\r\n >{{ button?.label }}\r\n <i\r\n *ngIf=\"button?.isRightArrowNeeded\"\r\n class=\"fa fa-arrow-right\"\r\n aria-hidden=\"true\"\r\n ></i\r\n ></span>\r\n </button>\r\n </mat-card-actions>\r\n </mat-card>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid rgba(103,80,164,.12);color:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:rgba(103,80,164,.08)}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1em;border:1px solid #cac4d0;background:#ffffff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-tile{display:flex;margin:1em;width:18em;min-width:17em;border-radius:.375em;border:0px solid #fffbfe;background:linear-gradient(0deg,rgba(0,98,155,.08) 0%,rgba(0,98,155,.08) 100%),#fffbfe;box-shadow:0 2px 6px 2px #00000026,0 1px 2px #0000004d}.ieeesa-tile--inactive{background:#fffbfe}.ieeesa-tile__header{padding:1em 1em 0}.ieeesa-tile__content{padding:0 1.5em;margin-top:1em}.ieeesa-tile__actions{padding:1.5em}.ieeesa-tile__actions__button__label{text-align:center}.ieeesa-tile__actions__button__label>i{vertical-align:middle;margin-left:.5em}.ieeesa-tile__actions__button:disabled .ieeesa-tile__actions__button__label{color:#1c1b1f}\n"] }]
63
- }], propDecorators: { tiles: [{
64
- type: Input
65
- }], tileClicked: [{
66
- type: Output
67
- }], buttonAlignmentInfo: [{
68
- type: Input
69
- }] } });
70
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3RpbGUvdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3RpbGUvdGlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7QUFFMUQ7Ozs7R0FJRztBQVFILE1BQU0sT0FBTyxhQUFhO0lBUDFCO1FBUUUsa0JBQWEsR0FBRyxTQUFTLENBQUM7UUFjMUI7Ozs7V0FJRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV6QyxvQkFBZSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUM7S0EwQjNDO0lBN0NDOzs7O09BSUc7SUFDSCxJQUFhLEtBQUssQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQVVEOzs7O09BSUc7SUFDSCxJQUFhLG1CQUFtQixDQUFDLEtBQWdCO1FBQy9DLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhLEVBQUUsSUFBVTtRQUNqQyxPQUFPLElBQUksRUFBRSxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFhLEVBQUUsSUFBWTtRQUN6QyxPQUFPLElBQUksRUFBRSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELG1CQUFtQixDQUFDLElBQVU7UUFDNUIsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0EvQ1UsYUFBYTtrR0FBYixhQUFhLHdMQ25CMUIsaXREQTJDQSxrbVFENUJZLFlBQVksNlZBQUUsYUFBYSxpaEJBQUUsZUFBZTs7MkZBSTNDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDOzhCQVkxQyxLQUFLO3NCQUFqQixLQUFLO2dCQVlJLFdBQVc7c0JBQXBCLE1BQU07Z0JBU00sbUJBQW1CO3NCQUEvQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0Q2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NhcmQnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCdXR0b24sIFRpbGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvdGlsZS5tb2RlbCc7XHJcbmltcG9ydCB7IEFsaWduVHlwZSB9IGZyb20gJy4uLy4uL21vZGVscy9hbGlnbi10eXBlLm1vZGVsJztcclxuXHJcbi8qKlxyXG4gKiBDcmVhdGVzIHRpbGUgY29tcG9uZW50LlxyXG4gKiBAZXhwb3J0XHJcbiAqIEBjbGFzcyBUaWxlQ29tcG9uZW50XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2llZWVzYS10aWxlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdENhcmRNb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RpbGUuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRpbGVDb21wb25lbnQge1xyXG4gIGFsaWdubWVudFR5cGUgPSBBbGlnblR5cGU7XHJcbiAgcHJpdmF0ZSB0aWxlc0luZm8hOiBUaWxlW107XHJcbiAgLyoqXHJcbiAgICogSW5wdXQgcHJvcGVydHkgdG8gZ2V0IHRoZSB0aWxlcyBpbmZvLlxyXG4gICAqIEB0eXBlIHtUaWxlfVxyXG4gICAqIEBtZW1iZXJvZiBUaWxlQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHRpbGVzKHZhbHVlOiBUaWxlW10pIHtcclxuICAgIHRoaXMudGlsZXNJbmZvID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBnZXQgdGlsZXMoKTogVGlsZVtdIHtcclxuICAgIHJldHVybiB0aGlzLnRpbGVzSW5mbztcclxuICB9XHJcbiAgLyoqXHJcbiAgICogRW1pdHMgdGhlIGNsaWNrIGV2ZW50XHJcbiAgICogQHR5cGUge0V2ZW50RW1pdHRlcn1cclxuICAgKiBAbWVtYmVyb2YgVGlsZUNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSB0aWxlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8VGlsZT4oKTtcclxuXHJcbiAgcHJpdmF0ZSBidXR0b25BbGlnbm1lbnQgPSBBbGlnblR5cGUuUklHSFQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldHMgdGlsZSBidXR0b25zIGFsaWdubWVudCB0eXBlLi5cclxuICAgKiBAdHlwZSB7c3RyaW5nfSBhY2NlcHRzIExlZnQsIFJpZ2h0IGFuZCBNaWRkbGUgYXMgdmFsdWVzXHJcbiAgICogQG1lbWJlcm9mIFRpbGVDb21wb25lbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBzZXQgYnV0dG9uQWxpZ25tZW50SW5mbyh2YWx1ZTogQWxpZ25UeXBlKSB7XHJcbiAgICB0aGlzLmJ1dHRvbkFsaWdubWVudCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGJ1dHRvbkFsaWdubWVudEluZm8oKTogQWxpZ25UeXBlIHtcclxuICAgIHJldHVybiB0aGlzLmJ1dHRvbkFsaWdubWVudDtcclxuICB9XHJcblxyXG4gIHRyYWNrQnlGbihpbmRleDogbnVtYmVyLCBpdGVtOiBUaWxlKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBpdGVtPy50aXRsZTtcclxuICB9XHJcblxyXG4gIHRyYWNrQnlCdXR0b25GbihpbmRleDogbnVtYmVyLCBpdGVtOiBCdXR0b24pOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW0/LmlkO1xyXG4gIH1cclxuXHJcbiAgb25UaWxlQnV0dG9uQ2xpY2tlZCh0aWxlOiBUaWxlKTogdm9pZCB7XHJcbiAgICB0aGlzLnRpbGVDbGlja2VkPy5lbWl0KHRpbGUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGZsZXgtd3JhcCBmbGV4LXNtLXJvdyBmbGV4LWNvbnRhaW5lclwiPlxyXG4gICAgPG1hdC1jYXJkXHJcbiAgICAgICpuZ0Zvcj1cImxldCB0aWxlIG9mIHRpbGVzOyB0cmFja0J5OiB0cmFja0J5Rm5cIlxyXG4gICAgICBjbGFzcz1cImllZWVzYS10aWxlIGQtZmxleFwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ2llZWVzYS10aWxlLS1pbmFjdGl2ZSc6ICF0aWxlPy5pc0FjdGl2ZSB9XCJcclxuICAgID5cclxuICAgICAgPG1hdC1jYXJkLWhlYWRlciBjbGFzcz1cImllZWVzYS10aWxlX19oZWFkZXIgaWVlZXNhLWhlYWRsaW5lLXNtLTI0XCI+XHJcbiAgICAgICAgPG1hdC1jYXJkLXRpdGxlPnt7IHRpbGU/LnRpdGxlIH19PC9tYXQtY2FyZC10aXRsZT5cclxuICAgICAgPC9tYXQtY2FyZC1oZWFkZXI+XHJcbiAgICAgIDxtYXQtY2FyZC1jb250ZW50IGNsYXNzPVwiaWVlZXNhLXRpbGVfX2NvbnRlbnQgaWVlZXNhLWJvZHktY29sb3Itc20tMTRcIj5cclxuICAgICAgICA8cD57eyB0aWxlPy5kZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8bWF0LWNhcmQtYWN0aW9uc1xyXG4gICAgICAgIGNsYXNzPVwiaWVlZXNhLXRpbGVfX2FjdGlvbnMgZC1mbGV4IGZsZXgtbm93cmFwXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICAnanVzdGlmeS1jb250ZW50LXN0YXJ0JzpcclxuICAgICAgICAgICAgYnV0dG9uQWxpZ25tZW50SW5mbyA9PT0gYWxpZ25tZW50VHlwZS5MRUZULFxyXG4gICAgICAgICAgJ2p1c3RpZnktY29udGVudC1lbmQnOlxyXG4gICAgICAgICAgICBidXR0b25BbGlnbm1lbnRJbmZvID09PSBhbGlnbm1lbnRUeXBlLlJJR0hULFxyXG4gICAgICAgICAgJ2p1c3RpZnktY29udGVudC1jZW50ZXInOlxyXG4gICAgICAgICAgICBidXR0b25BbGlnbm1lbnRJbmZvID09PSBhbGlnbm1lbnRUeXBlLk1JRERMRVxyXG4gICAgICAgIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiB0aWxlPy5idXR0b25zOyB0cmFja0J5OiB0cmFja0J5QnV0dG9uRm5cIlxyXG4gICAgICAgICAgbWF0LWJ1dHRvblxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImJ1dHRvbj8uaXNEaXNhYmxlZFwiXHJcbiAgICAgICAgICBjbGFzcz1cIm1hdC10ZXJ0aWFyeS1idXR0b24gaWVlZXNhLXRpbGVfX2FjdGlvbnNfX2J1dHRvblwiXHJcbiAgICAgICAgICAoY2xpY2spPVwib25UaWxlQnV0dG9uQ2xpY2tlZCh0aWxlKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgY2xhc3M9XCJpZWVlc2EtYnRuLWxhYmVsLWxnLWJvbGQtMTYgaWVlZXNhLXRpbGVfX2FjdGlvbnNfX2J1dHRvbl9fbGFiZWxcIlxyXG4gICAgICAgICAgICA+e3sgYnV0dG9uPy5sYWJlbCB9fVxyXG4gICAgICAgICAgICA8aVxyXG4gICAgICAgICAgICAgICpuZ0lmPVwiYnV0dG9uPy5pc1JpZ2h0QXJyb3dOZWVkZWRcIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwiZmEgZmEtYXJyb3ctcmlnaHRcIlxyXG4gICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgID48L2lcclxuICAgICAgICAgID48L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvbWF0LWNhcmQtYWN0aW9ucz5cclxuICAgIDwvbWF0LWNhcmQ+XHJcbjwvZGl2PlxyXG4iXX0=
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL21vZGVscy90aWxlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEJ1dHRvbiB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBpc1JpZ2h0QXJyb3dOZWVkZWQ/OiBib29sZWFuO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUaWxlIHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcbiAgaXNBY3RpdmU6IGJvb2xlYW47XHJcbiAgYnV0dG9ucz86IEJ1dHRvbltdO1xyXG59XHJcbiJdfQ==
@@ -1,39 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import { Button, Tile } from '../../models/tile.model';
3
- import { AlignType } from '../../models/align-type.model';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Creates tile component.
7
- * @export
8
- * @class TileComponent
9
- */
10
- export declare class TileComponent {
11
- alignmentType: typeof AlignType;
12
- private tilesInfo;
13
- /**
14
- * Input property to get the tiles info.
15
- * @type {Tile}
16
- * @memberof TileComponent
17
- */
18
- set tiles(value: Tile[]);
19
- get tiles(): Tile[];
20
- /**
21
- * Emits the click event
22
- * @type {EventEmitter}
23
- * @memberof TileComponent
24
- */
25
- tileClicked: EventEmitter<Tile>;
26
- private buttonAlignment;
27
- /**
28
- * Sets tile buttons alignment type..
29
- * @type {string} accepts Left, Right and Middle as values
30
- * @memberof TileComponent
31
- */
32
- set buttonAlignmentInfo(value: AlignType);
33
- get buttonAlignmentInfo(): AlignType;
34
- trackByFn(index: number, item: Tile): string;
35
- trackByButtonFn(index: number, item: Button): string;
36
- onTileButtonClicked(tile: Tile): void;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
38
- static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "ieeesa-tile", never, { "tiles": { "alias": "tiles"; "required": false; }; "buttonAlignmentInfo": { "alias": "buttonAlignmentInfo"; "required": false; }; }, { "tileClicked": "tileClicked"; }, never, never, true, never>;
39
- }
@@ -1,12 +0,0 @@
1
- export interface Button {
2
- id: string;
3
- isRightArrowNeeded?: boolean;
4
- label: string;
5
- isDisabled: boolean;
6
- }
7
- export interface Tile {
8
- title: string;
9
- description: string;
10
- isActive: boolean;
11
- buttons?: Button[];
12
- }