@symphony-talent/component-library 3.24.0 → 3.24.1
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/esm2020/lib/atoms/navigation-link/navigation-link.component.mjs +26 -0
- package/esm2020/lib/atoms/navigation-link/navigation-link.model.mjs +2 -0
- package/esm2020/lib/atoms/navigation-link/navigation-link.module.mjs +20 -0
- package/esm2020/lib/molecules/file-upload/file-upload.model.mjs +1 -1
- package/esm2020/lib/molecules/file-upload-status/file-upload-status.component.mjs +5 -5
- package/esm2020/lib/molecules/file-upload-status/file-upload-status.model.mjs +1 -1
- package/esm2020/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +17 -0
- package/esm2020/lib/molecules/file-upload-v2/file-upload-v2.module.mjs +38 -0
- package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs +10 -8
- package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +37 -0
- package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.module.mjs +34 -0
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +6 -6
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.model.mjs +1 -1
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.module.mjs +33 -5
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.component.mjs +26 -0
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.module.mjs +20 -0
- package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/file-upload-status/file-upload-status.component.mjs +5 -5
- package/esm2020/projects/component-library/lib/molecules/file-upload-status/file-upload-status.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +17 -0
- package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.mjs +38 -0
- package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs +10 -8
- package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +37 -0
- package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.module.mjs +34 -0
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +6 -6
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.module.mjs +33 -5
- package/esm2020/projects/component-library/public-api.mjs +8 -1
- package/esm2020/public-api.mjs +8 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +182 -17
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +182 -17
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +182 -17
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +182 -17
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/navigation-link/navigation-link.component.d.ts +12 -0
- package/lib/atoms/navigation-link/navigation-link.model.d.ts +7 -0
- package/lib/atoms/navigation-link/navigation-link.module.d.ts +10 -0
- package/lib/molecules/file-upload/file-upload.model.d.ts +1 -0
- package/lib/molecules/file-upload-status/file-upload-status.model.d.ts +3 -0
- package/lib/molecules/file-upload-v2/file-upload-v2.component.d.ts +8 -0
- package/lib/molecules/file-upload-v2/file-upload-v2.module.d.ts +12 -0
- package/lib/organisms/document-management-list/document-management-list.component.d.ts +9 -5
- package/lib/organisms/sidebar-navigation/sidebar-navigation.component.d.ts +15 -0
- package/lib/organisms/sidebar-navigation/sidebar-navigation.module.d.ts +11 -0
- package/lib/organisms/upload-resume-modal/upload-resume-modal.model.d.ts +1 -0
- package/lib/organisms/upload-resume-modal/upload-resume-modal.module.d.ts +2 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.component.d.ts +12 -0
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.model.d.ts +7 -0
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.module.d.ts +10 -0
- package/projects/component-library/lib/molecules/file-upload/file-upload.model.d.ts +1 -0
- package/projects/component-library/lib/molecules/file-upload-status/file-upload-status.model.d.ts +3 -0
- package/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.d.ts +8 -0
- package/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.d.ts +12 -0
- package/projects/component-library/lib/organisms/document-management-list/document-management-list.component.d.ts +9 -5
- package/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.d.ts +15 -0
- package/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.module.d.ts +11 -0
- package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.model.d.ts +1 -0
- package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.module.d.ts +2 -2
- package/projects/component-library/public-api.d.ts +7 -0
- package/public-api.d.ts +7 -0
|
@@ -6,21 +6,49 @@ import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
|
|
|
6
6
|
import { IconModule } from '../../atoms/icon/icon.module';
|
|
7
7
|
import { ButtonModule } from '../../atoms/button/button.module';
|
|
8
8
|
import { InputDropdownModule } from '../../atoms/input-dropdown/input-dropdown.module';
|
|
9
|
-
import { FileUploadModule } from '../../molecules/file-upload/file-upload.module';
|
|
10
9
|
import { SfxLoaderModule } from '../../atoms/sfx-loader/sfx-loader.module';
|
|
11
10
|
import { InputCheckboxModule } from '../../atoms/input-checkbox/input-checkbox.module';
|
|
11
|
+
import { FileUploadV2Module } from '../../molecules/file-upload-v2/file-upload-v2.module';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export class UploadResumeModalModule {
|
|
14
14
|
}
|
|
15
15
|
UploadResumeModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
-
UploadResumeModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, declarations: [UploadResumeModalComponent], imports: [CommonModule,
|
|
17
|
-
|
|
16
|
+
UploadResumeModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, declarations: [UploadResumeModalComponent], imports: [CommonModule,
|
|
17
|
+
H4Module,
|
|
18
|
+
ParagraphModule,
|
|
19
|
+
IconModule,
|
|
20
|
+
ButtonModule,
|
|
21
|
+
InputDropdownModule,
|
|
22
|
+
FileUploadV2Module,
|
|
23
|
+
SfxLoaderModule,
|
|
24
|
+
InputCheckboxModule], exports: [UploadResumeModalComponent] });
|
|
25
|
+
UploadResumeModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, imports: [[
|
|
26
|
+
CommonModule,
|
|
27
|
+
H4Module,
|
|
28
|
+
ParagraphModule,
|
|
29
|
+
IconModule,
|
|
30
|
+
ButtonModule,
|
|
31
|
+
InputDropdownModule,
|
|
32
|
+
FileUploadV2Module,
|
|
33
|
+
SfxLoaderModule,
|
|
34
|
+
InputCheckboxModule,
|
|
35
|
+
]] });
|
|
18
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, decorators: [{
|
|
19
37
|
type: NgModule,
|
|
20
38
|
args: [{
|
|
21
39
|
declarations: [UploadResumeModalComponent],
|
|
22
|
-
imports: [
|
|
40
|
+
imports: [
|
|
41
|
+
CommonModule,
|
|
42
|
+
H4Module,
|
|
43
|
+
ParagraphModule,
|
|
44
|
+
IconModule,
|
|
45
|
+
ButtonModule,
|
|
46
|
+
InputDropdownModule,
|
|
47
|
+
FileUploadV2Module,
|
|
48
|
+
SfxLoaderModule,
|
|
49
|
+
InputCheckboxModule,
|
|
50
|
+
],
|
|
23
51
|
exports: [UploadResumeModalComponent],
|
|
24
52
|
}]
|
|
25
53
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLXJlc3VtZS1tb2RhbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy91cGxvYWQtcmVzdW1lLW1vZGFsL3VwbG9hZC1yZXN1bWUtbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0RBQXNELENBQUM7O0FBaUIxRixNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBZG5CLDBCQUEwQixhQUV2QyxZQUFZO1FBQ1osUUFBUTtRQUNSLGVBQWU7UUFDZixVQUFVO1FBQ1YsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixrQkFBa0I7UUFDbEIsZUFBZTtRQUNmLG1CQUFtQixhQUVYLDBCQUEwQjtxSEFFekIsdUJBQXVCLFlBYnpCO1lBQ1AsWUFBWTtZQUNaLFFBQVE7WUFDUixlQUFlO1lBQ2YsVUFBVTtZQUNWLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixtQkFBbUI7U0FDcEI7MkZBR1UsdUJBQXVCO2tCQWZuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsVUFBVTt3QkFDVixZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBVcGxvYWRSZXN1bWVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkLXJlc3VtZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhMb2FkZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9zZngtbG9hZGVyL3NmeC1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IElucHV0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC1jaGVja2JveC9pbnB1dC1jaGVja2JveC5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFYyTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2ZpbGUtdXBsb2FkLXYyL2ZpbGUtdXBsb2FkLXYyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1VwbG9hZFJlc3VtZU1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBINE1vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgSW5wdXREcm9wZG93bk1vZHVsZSxcbiAgICBGaWxlVXBsb2FkVjJNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlLFxuICAgIElucHV0Q2hlY2tib3hNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtVcGxvYWRSZXN1bWVNb2RhbENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFVwbG9hZFJlc3VtZU1vZGFsTW9kdWxlIHt9XG4iXX0=
|
package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.component.mjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Output, EventEmitter, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../tooltip-wrapper/tooltip-wrapper.component";
|
|
4
|
+
import * as i2 from "../icon/icon.component";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
export class NavigationLinkComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.linkClick = new EventEmitter();
|
|
9
|
+
}
|
|
10
|
+
onClick() {
|
|
11
|
+
this.linkClick.emit(this.navigationLinkModel);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
NavigationLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'symphony-navigation-link', template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
19
|
+
}], ctorParameters: function () { return []; }, propDecorators: { navigationLinkModel: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], isMenuOpen: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], linkClick: [{
|
|
24
|
+
type: Output
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQztRQUZVLGNBQVMsR0FBc0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUNoRCxDQUFDOztvSEFUVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qix1TENScEMsc2dDQW9DQTsyRkQ1QmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLDBCQUEwQjswRUFLM0IsbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTGlua01vZGVsIH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWxpbmsubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1uYXZpZ2F0aW9uLWxpbmsnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25MaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmF2aWdhdGlvbkxpbmtNb2RlbDogTmF2aWdhdGlvbkxpbmtNb2RlbDtcbiAgQElucHV0KCkgaXNNZW51T3BlbjogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGxpbmtDbGljazogRXZlbnRFbWl0dGVyPE5hdmlnYXRpb25MaW5rTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMubGlua0NsaWNrLmVtaXQodGhpcy5uYXZpZ2F0aW9uTGlua01vZGVsKTtcbiAgfVxufVxuIiwiPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAqbmdJZj1cIiFpc01lbnVPcGVuXCJcbiAgW3BsYWNlbWVudF09XCIncmlnaHQnXCJcbiAgW3Rvb2x0aXBIdG1sXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHRcIlxuICBbbmdDbGFzc109XCJ7ICdzZngtbWVudS1vcGVuJzogaXNNZW51T3BlbiB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cIm5hdi1saW5rXCI+XG4gICAgPGFcbiAgICAgIFtocmVmXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwuaHJlZlwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdzZngtbWVudS1hY3RpdmUnOiBuYXZpZ2F0aW9uTGlua01vZGVsLmlzQWN0aXZlIH1cIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgICA+PHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwibmF2aWdhdGlvbkxpbmtNb2RlbC5pY29uQ2xhc3NcIlxuICAgICAgICBbc2l6ZV09XCInMjRweCdcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzcGFuPnt7IG5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHQgfX08L3NwYW4+XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG48ZGl2XG4gIGNsYXNzPVwibmF2LWxpbmtcIlxuICAqbmdJZj1cImlzTWVudU9wZW5cIlxuICBbbmdDbGFzc109XCJ7ICdzZngtbWVudS1vcGVuJzogaXNNZW51T3BlbiB9XCJcbj5cbiAgPGFcbiAgICBbaHJlZl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmhyZWZcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LWFjdGl2ZSc6IG5hdmlnYXRpb25MaW5rTW9kZWwuaXNBY3RpdmUgfVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgPjxzeW1waG9ueS1pY29uXG4gICAgICBbaWNvbl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmljb25DbGFzc1wiXG4gICAgICBbc2l6ZV09XCInMjRweCdcIlxuICAgID48L3N5bXBob255LWljb24+XG4gICAgPHNwYW4+e3sgbmF2aWdhdGlvbkxpbmtNb2RlbC5saW5rVGV4dCB9fTwvc3Bhbj5cbiAgPC9hPlxuPC9kaXY+XG4iXX0=
|
package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.model.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBOYXZpZ2F0aW9uTGlua01vZGVsIHtcbiAgaWNvbkNsYXNzOiBJY29ucztcbiAgbGlua1RleHQ6IHN0cmluZztcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGhyZWY6IHN0cmluZztcbn1cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.module.mjs
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NavigationLinkComponent } from './navigation-link.component';
|
|
4
|
+
import { TooltipWrapperModule } from '../tooltip-wrapper/tooltip-wrapper.module';
|
|
5
|
+
import { IconModule } from '../icon/icon.module';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class NavigationLinkModule {
|
|
8
|
+
}
|
|
9
|
+
NavigationLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
NavigationLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, declarations: [NavigationLinkComponent], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkComponent] });
|
|
11
|
+
NavigationLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [NavigationLinkComponent],
|
|
16
|
+
imports: [CommonModule, TooltipWrapperModule, IconModule],
|
|
17
|
+
exports: [NavigationLinkComponent],
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU9qRCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBSmhCLHVCQUF1QixhQUM1QixZQUFZLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxhQUM5Qyx1QkFBdUI7a0hBRXRCLG9CQUFvQixZQUh0QixDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxVQUFVLENBQUM7MkZBRzlDLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsQ0FBQztvQkFDekQsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTGlua0NvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmF2aWdhdGlvbkxpbmtDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUb29sdGlwV3JhcHBlck1vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtOYXZpZ2F0aW9uTGlua0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25MaW5rTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZGVsIH0gZnJvbSAnLi4vZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVVwbG9hZE1vZGVsIHtcbiAgZmlsZVN0YXR1czogRmlsZVVwbG9hZFN0YXR1c01vZGVsO1xuICBuYXZpZ2F0aW9uOiBGaWxlVXBsb2FkTmF2aWdhdGlvbk1vZGVsO1xuICBmaWxlRm9ybWF0QWNjZXB0ZWQ6IHN0cmluZ1tdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVVcGxvYWROYXZpZ2F0aW9uTW9kZWwge1xuICBzaG93VXBsb2FkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1NlbGVjdGVkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1VwbG9hZFByb2dyZXNzOiBib29sZWFuO1xuICBzaG93VXBsb2FkQ29tcGxldGU6IGJvb2xlYW47XG4gIHNob3dVcGxvYWRFcnJvcjogYm9vbGVhbjtcbiAgc2hvd1VwbG9hZEluY29tcGxldGU/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/h3/h3.component";
|
|
4
|
-
import * as i2 from "../../atoms/
|
|
5
|
-
import * as i3 from "../../atoms/
|
|
4
|
+
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
|
+
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
6
|
import * as i4 from "../../atoms/sfx-progress-bar/sfx-progress-bar.component";
|
|
7
7
|
import * as i5 from "@angular/common";
|
|
8
8
|
export class FileUploadStatusComponent {
|
|
@@ -14,10 +14,10 @@ export class FileUploadStatusComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
FileUploadStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-10\">\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\"
|
|
17
|
+
FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-15\">\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n [icon]=\"'si-confirmation'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n [icon]=\"'si-pending-incomplete'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showClose\"\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.progress-bar-spacer{height:20px}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-10\">\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\"
|
|
20
|
+
args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-15\">\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n [icon]=\"'si-confirmation'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n [icon]=\"'si-pending-incomplete'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showClose\"\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.progress-bar-spacer{height:20px}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { fileUploadStatusModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], uploadStatus: [{
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
25
25
|
}], closeUploadComplete: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFGVSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTFDLENBQUM7SUFFaEIscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDOztzSEFWVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzTkNSdEMsdWxEQThDQTsyRkR0Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDZCQUE2QjswRUFLOUIscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRTdGF0dXNNb2RlbCB9IGZyb20gJy4vZmlsZS11cGxvYWQtc3RhdHVzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkU3RhdHVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmlsZVVwbG9hZFN0YXR1c01vZGVsOiBGaWxlVXBsb2FkU3RhdHVzTW9kZWw7XG4gIEBJbnB1dCgpIHVwbG9hZFN0YXR1czogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBjbG9zZVVwbG9hZENvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbmNsb3NlVXBsb2FkQ29tcGxldGUoKSB7XG4gICAgdGhpcy5jbG9zZVVwbG9hZENvbXBsZXRlLmVtaXQoKTtcbiAgfVxufVxuIiwiPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cbjxkaXYgY2xhc3M9XCJzZngtZmlsZS11cGxvYWRlZFwiICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsXCI+XG4gIDxzeW1waG9ueS1oM1xuICAgIGNsYXNzPVwic2Z4LW10LTAgc2Z4LW1iLTE1IHNmeC1mb250MjRcIlxuICAgIFt0ZXh0XT1cInVwbG9hZFN0YXR1c1wiXG4gID48L3N5bXBob255LWgzPlxuICA8ZGl2IGNsYXNzPVwic2Z4LXBvc2l0aW9uLXJlbGF0aXZlIHNmeC1tdC0xNVwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAqbmdJZj1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5zaG93U2VsZWN0ZWRmaWxlXCJcbiAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIHNmeC10eHQtZ3JlZW4gZmlsZXVwbG9hZGljb25cIlxuICAgICAgW2ljb25dPVwiJ3NpLWNvbmZpcm1hdGlvbidcIlxuICAgICAgKGNsaWNrZWQpPVwib25jbG9zZVVwbG9hZENvbXBsZXRlKClcIlxuICAgID48L3N5bXBob255LWljb24+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnNob3dVcGxvYWRGYWlsZWRcIlxuICAgICAgY2xhc3M9XCJzZngtbXItMTAgc2Z4LXR4dC1yZWQgZmlsZXVwbG9hZGljb25cIlxuICAgICAgW2ljb25dPVwiJ3NpLXBlbmRpbmctaW5jb21wbGV0ZSdcIlxuICAgICAgKGNsaWNrZWQpPVwib25jbG9zZVVwbG9hZENvbXBsZXRlKClcIlxuICAgID48L3N5bXBob255LWljb24+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbXItNDAgc2Z4LWZvbnQtYm9sZCBmaWxlLW5hbWVcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVOYW1lXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbWwtNDBcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVTaXplXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnNob3dDbG9zZVwiXG4gICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAoY2xpY2tlZCk9XCJvbmNsb3NlVXBsb2FkQ29tcGxldGUoKVwiXG4gICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzZngtZmlsZS11cGxvYWRlZFwiPlxuICAgIDxzeW1waG9ueS1zZngtcHJvZ3Jlc3MtYmFyXG4gICAgICAqbmdJZj1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5zaG93UHJvZ3Jlc3NCYXJcIlxuICAgICAgW3Byb2dyZXNzXT1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5wcm9ncmVzc1wiXG4gICAgPjwvc3ltcGhvbnktc2Z4LXByb2dyZXNzLWJhcj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIiFmaWxlVXBsb2FkU3RhdHVzTW9kZWwuc2hvd1Byb2dyZXNzQmFyXCJcbiAgICAgIGNsYXNzPVwicHJvZ3Jlc3MtYmFyLXNwYWNlclwiXG4gICAgPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSAoY2xpY2tlZCk9XCJjbG9zZVVwbG9hZENvbXBsZXRlKClcIiAtLT5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGaWxlVXBsb2FkU3RhdHVzTW9kZWwge1xuICBmaWxlTmFtZTogc3RyaW5nO1xuICBmaWxlU2l6ZTogc3RyaW5nO1xuICBzaG93UHJvZ3Jlc3NCYXI6IGJvb2xlYW47XG4gIHByb2dyZXNzOiBudW1iZXI7XG4gIHNob3dTZWxlY3RlZGZpbGU6IGJvb2xlYW47XG4gIHNob3dVcGxvYWRGYWlsZWQ6IGJvb2xlYW47XG4gIHNob3dDbG9zZTogYm9vbGVhbjtcbn1cbiJdfQ==
|
package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.mjs
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { FileUploadComponent } from '../file-upload/file-upload.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../file-upload-status/file-upload-status.component";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
export class FileUploadV2Component extends FileUploadComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
FileUploadV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
FileUploadV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadV2Component, selector: "symphony-file-upload-v2", usesInheritance: true, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File succesfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'symphony-file-upload-v2', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File succesfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"] }]
|
|
16
|
+
}], ctorParameters: function () { return []; } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFLVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFRM0UsTUFBTSxPQUFPLHFCQUNYLFNBQVEsbUJBQW1CO0lBRzNCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDOztrSEFOVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzRkNoQmxDLCtvRUFnRUE7MkZEaERhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSx5QkFBeUIsaUJBR3BCLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi4vZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmlsZS11cGxvYWQtdjInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS11cGxvYWQtdjIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLXVwbG9hZC12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkVjJDb21wb25lbnRcbiAgZXh0ZW5kcyBGaWxlVXBsb2FkQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25Jbml0XG57XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWxcIlxuICBjbGFzcz1cInNmeC12LWgtY2VudGVyIHNmeC1taW4taGVpZ2h0IHNmeC1iZy1saWdodC1ncmF5MyBzZngtbWItMjAgc2Z4LW1sLTUgc2Z4LW1yLTUgc2Z4LW10LTIwXCJcbj5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cbiAgPGxhYmVsXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkRmlsZVwiXG4gICAgY2xhc3M9XCJzZngtZmlsZS11cGxvYWQgc2Z4LWN1cnNvci1wb2ludGVyIHRleHQtY2VudGVyXCJcbiAgICBmb3I9XCJVcGxvYWRcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJzeW1ib2xcIj4rPC9zcGFuPlxuICAgIDxwPlBsZWFzZSBjbGljayBoZXJlIGFuZCBzZWxlY3QgYSBmaWxlIHRvIHVwbG9hZDwvcD5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgIGlkPVwiVXBsb2FkXCJcbiAgICAgIG5hbWU9XCJVcGxvYWRcIlxuICAgICAgYWNjZXB0PVwie3sgZmlsZXR5cGVBY2NlcHRlZCB9fVwiXG4gICAgICAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdCgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwiaGlkZVwiXG4gICAgLz5cbiAgPC9sYWJlbD5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkUHJvZ3Jlc3NcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZGluZy4uLidcIlxuICAgIGNsYXNzPVwiaGlkZWZpbGVkZXRhaWxcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZENvbXBsZXRlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidGaWxlIHN1Y2Nlc2Z1bGx5IHVwbG9hZGVkJ1wiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cblxuICA8IS0tIFNlbGVjdGVkIEZpbGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dTZWxlY3RlZEZpbGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1NlbGVjdGVkIEZpbGUnXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIFNlbGVjdGVkIEZpbGUgIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRFcnJvclwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIGZhaWxlZC4gRmlsZSBleGNlZWRzIDJNQidcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbmNvbXBsZXRlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkSW5jb21wbGV0ZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIGZhaWxlZC4gUGxlYXNlIHRyeSBhZ2FpbidcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW5jb21wbGV0ZSAtLT5cbjwvZGl2PlxuIl19
|
package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.mjs
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FileUploadV2Component } from './file-upload-v2.component';
|
|
4
|
+
import { H3Module } from '../../atoms/h3/h3.module';
|
|
5
|
+
import { IconModule } from '../../atoms/icon/icon.module';
|
|
6
|
+
import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
|
|
7
|
+
import { FileUploadStatusModule } from '../file-upload-status/file-upload-status.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class FileUploadV2Module {
|
|
10
|
+
}
|
|
11
|
+
FileUploadV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
FileUploadV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, declarations: [FileUploadV2Component], imports: [CommonModule,
|
|
13
|
+
H3Module,
|
|
14
|
+
IconModule,
|
|
15
|
+
ParagraphModule,
|
|
16
|
+
FileUploadStatusModule], exports: [FileUploadV2Component] });
|
|
17
|
+
FileUploadV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
H3Module,
|
|
20
|
+
IconModule,
|
|
21
|
+
ParagraphModule,
|
|
22
|
+
FileUploadStatusModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
declarations: [FileUploadV2Component],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
H3Module,
|
|
31
|
+
IconModule,
|
|
32
|
+
ParagraphModule,
|
|
33
|
+
FileUploadStatusModule,
|
|
34
|
+
],
|
|
35
|
+
exports: [FileUploadV2Component],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtdjIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQWF6RixNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBVmQscUJBQXFCLGFBRWxDLFlBQVk7UUFDWixRQUFRO1FBQ1IsVUFBVTtRQUNWLGVBQWU7UUFDZixzQkFBc0IsYUFFZCxxQkFBcUI7Z0hBRXBCLGtCQUFrQixZQVRwQjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsVUFBVTtZQUNWLGVBQWU7WUFDZixzQkFBc0I7U0FDdkI7MkZBR1Usa0JBQWtCO2tCQVg5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNyQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFYyQ29tcG9uZW50IH0gZnJvbSAnLi9maWxlLXVwbG9hZC12Mi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSB9IGZyb20gJy4uL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRmlsZVVwbG9hZFYyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZSxcbiAgICBGaWxlVXBsb2FkU3RhdHVzTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbRmlsZVVwbG9hZFYyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZFYyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -16,22 +16,24 @@ export class DocumentManagementListComponent {
|
|
|
16
16
|
ngOnInit() {
|
|
17
17
|
this.isLoading = false;
|
|
18
18
|
}
|
|
19
|
-
onMoreClick(documentManagementItemModel) {
|
|
20
|
-
this.moreOptionClick.emit(documentManagementItemModel);
|
|
19
|
+
onMoreClick(optionClickEvent, documentManagementItemModel) {
|
|
20
|
+
this.moreOptionClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
|
|
21
21
|
}
|
|
22
|
-
onPreviewClick(documentManagementItemModel) {
|
|
23
|
-
this.previewClick.emit(documentManagementItemModel);
|
|
22
|
+
onPreviewClick(optionClickEvent, documentManagementItemModel) {
|
|
23
|
+
this.previewClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
|
|
24
24
|
}
|
|
25
25
|
onUploadClick() {
|
|
26
26
|
this.uploadClick.emit();
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
30
|
+
DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n (previewClicked)=\"onPreviewClick($event, dmItem)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
|
|
34
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
33
|
+
args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n (previewClicked)=\"onPreviewClick($event, dmItem)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
|
|
34
|
+
}], ctorParameters: function () { return []; }, propDecorators: { isLoading: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], documentManagementList: [{
|
|
35
37
|
type: Input
|
|
36
38
|
}], moreOptionClick: [{
|
|
37
39
|
type: Output
|
|
@@ -40,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
40
42
|
}], uploadClick: [{
|
|
41
43
|
type: Output
|
|
42
44
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0L2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBTTFDO1FBTFMsY0FBUyxHQUFZLElBQUksQ0FBQztRQUV6QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFnQyxDQUFDO1FBQ25FLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWdDLENBQUM7UUFDaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3BDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUUsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxXQUFXLENBQUMsZ0JBQWdCLEVBQUUsMkJBQTJCO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUMsYUFBYSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSwyQkFBMkIsRUFBQyxDQUFDLENBQUM7SUFDbEcsQ0FBQztJQUVELGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRSwyQkFBMkI7UUFDMUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBQyxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLDJCQUEyQixFQUFDLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7NEhBckJVLCtCQUErQjtnSEFBL0IsK0JBQStCLDBRQ1I1QyxvMkJBc0JBOzJGRGRhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSxtQ0FBbUM7MEVBS3BDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERvY3VtZW50TWFuYWdlbWVudExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBkb2N1bWVudE1hbmFnZW1lbnRMaXN0OiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWxbXTtcbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHByZXZpZXdDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHVwbG9hZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzTG9hZGluZz0gZmFsc2U7XG4gIH1cbiAgb25Nb3JlQ2xpY2sob3B0aW9uQ2xpY2tFdmVudCwgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdCh7b3B0aW9uQ2xpY2tlZDogb3B0aW9uQ2xpY2tFdmVudCwgaXRlbTogZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsfSk7XG4gIH1cblxuICBvblByZXZpZXdDbGljayhvcHRpb25DbGlja0V2ZW50LCBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLnByZXZpZXdDbGljay5lbWl0KHtvcHRpb25DbGlja2VkOiBvcHRpb25DbGlja0V2ZW50LCBpdGVtOiBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWx9KTtcbiAgfVxuXG4gIG9uVXBsb2FkQ2xpY2soKXtcbiAgICB0aGlzLnVwbG9hZENsaWNrLmVtaXQoKTtcbiAgfVxuXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbCB7XG4gIG9wdGlvbkNsaWNrZWQ6IHN0cmluZyxcbiAgaXRlbTogRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsW11cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2YtZC1ibG9jayBzZngtcGItMjAgc2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPlxuICA8ZGl2IGNsYXNzPVwiZG1sLXRpdGxlLXdyYXBcIj5cbiAgICA8c3ltcGhvbnktaDMgY2xhc3M9XCJzZngtZC1ibG9jayBzZngtcHQtNVwiPkRvY3VtZW50czwvc3ltcGhvbnktaDM+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlciAoY2xpY2spPVwib25VcGxvYWRDbGljaygpXCJcbiAgICBjbGFzcz1cImRtbC10aXRsZS1pY29uLXJpZ2h0XCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1hZGQnXCI+PC9zeW1waG9ueS1pY29uPlxuICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG4gIDx1bCAqbmdJZj1cIiFpc0xvYWRpbmdcIiBjbGFzcz1cImxpc3QtdW5zdHlsZWQgZG1sLXdyYXBcIj5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGRtSXRlbSBvZiBkb2N1bWVudE1hbmFnZW1lbnRMaXN0XCI+XG4gICAgICA8c3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtXG4gICAgICAgIFtkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWxdPVwiZG1JdGVtXCJcbiAgICAgICAgKG1vcmVPcHRpb25DbGlja2VkKT1cIm9uTW9yZUNsaWNrKCRldmVudCwgZG1JdGVtKVwiXG4gICAgICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygkZXZlbnQsIGRtSXRlbSlcIlxuICAgICAgPjwvc3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtPlxuICAgIDwvbGk+XG4gIDwvdWw+XG4gIDxkaXYgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlcj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component, Output, EventEmitter, Input, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
4
|
+
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
|
+
import * as i3 from "../../atoms/navigation-link/navigation-link.component";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
7
|
+
export class SidebarNavigationComponent {
|
|
8
|
+
constructor(cdRef) {
|
|
9
|
+
this.cdRef = cdRef;
|
|
10
|
+
this.linkClick = new EventEmitter();
|
|
11
|
+
this.isMenuOpen = false;
|
|
12
|
+
}
|
|
13
|
+
onLinkClick(activeLink) {
|
|
14
|
+
this.linkClick.emit(activeLink.linkText);
|
|
15
|
+
}
|
|
16
|
+
onMenuClick() {
|
|
17
|
+
if (!this.isMenuOpen) {
|
|
18
|
+
this.isMenuOpen = true;
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
this.isMenuOpen = false;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], linkClick: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}], isMenuOpen: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvc2lkZWJhci1uYXZpZ2F0aW9uL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixZQUFZLEVBQ1osS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLDBCQUEwQjtJQU9yQyxZQUFtQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUxqQyxjQUFTLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEQsZUFBVSxHQUFZLEtBQUssQ0FBQztJQUVTLENBQUM7SUFFL0MsV0FBVyxDQUFDLFVBQStCO1FBQ3pDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1NBQ3hCO2FBQU07WUFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7O3VIQW5CVSwwQkFBMEI7MkdBQTFCLDBCQUEwQixvS0NkdkMsay9CQThCQTsyRkRoQmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDZCQUE2Qjt3R0FLOUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUdFLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpbmtNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1zaWRlYmFyLW5hdmlnYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmF2TGlua3M6IE5hdmlnYXRpb25MaW5rTW9kZWxbXTtcbiAgQE91dHB1dCgpIGxpbmtDbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgYWN0aXZlTGluazogTmF2aWdhdGlvbkxpbmtNb2RlbDtcbiAgQElucHV0KCkgaXNNZW51T3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgb25MaW5rQ2xpY2soYWN0aXZlTGluazogTmF2aWdhdGlvbkxpbmtNb2RlbCkge1xuICAgIHRoaXMubGlua0NsaWNrLmVtaXQoYWN0aXZlTGluay5saW5rVGV4dCk7XG4gIH1cblxuICBvbk1lbnVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuaXNNZW51T3Blbikge1xuICAgICAgdGhpcy5pc01lbnVPcGVuID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc01lbnVPcGVuID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iLCI8bmF2XG4gIGNsYXNzPVwic2Z4LXNpZGViYXItcGFyZW50IHNmeC1iZy13aGl0ZVwiXG4gIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICByb2xlPVwibmF2aWdhdGlvblwiXG4+XG4gIDxkaXYgY2xhc3M9XCJtZW51LWNvbGxhcHNlXCIgKGNsaWNrKT1cIm9uTWVudUNsaWNrKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWVudS1idG5cIiAqbmdJZj1cIiFpc01lbnVPcGVuXCI+XG4gICAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyIFtwbGFjZW1lbnRdPVwiJ3JpZ2h0J1wiIFt0b29sdGlwSHRtbF09XCInTWVudSdcIj5cbiAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW1lbnUtYWxsJ1wiIFtzaXplXT1cIicyMnB4J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJhY2stYnRuXCIgKm5nSWY9XCJpc01lbnVPcGVuXCI+XG4gICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAqbmdJZj1cImlzTWVudU9wZW5cIlxuICAgICAgICBbaWNvbl09XCInc2ktbWVudS1yZXR1cm4nXCJcbiAgICAgICAgW3NpemVdPVwiJzIycHgnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cImJhY2stYnV0dG9uLXRleHRcIj5CYWNrPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm5hdi1saW5rLWxpc3RcIj5cbiAgICA8c3ltcGhvbnktbmF2aWdhdGlvbi1saW5rXG4gICAgICAqbmdGb3I9XCJsZXQgbmF2TGluayBvZiBuYXZMaW5rczsgaW5kZXggYXMgaVwiXG4gICAgICBbbmF2aWdhdGlvbkxpbmtNb2RlbF09XCJuYXZMaW5rXCJcbiAgICAgIFtpc01lbnVPcGVuXT1cImlzTWVudU9wZW5cIlxuICAgICAgKGxpbmtDbGljayk9XCJvbkxpbmtDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1uYXZpZ2F0aW9uLWxpbms+XG4gIDwvZGl2PlxuPC9uYXY+XG4iXX0=
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NavigationLinkModule } from '../../atoms/navigation-link/navigation-link.module';
|
|
4
|
+
import { SidebarNavigationComponent } from './sidebar-navigation.component';
|
|
5
|
+
import { IconModule } from '../../atoms/icon/icon.module';
|
|
6
|
+
import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class SidebarNavigationModule {
|
|
9
|
+
}
|
|
10
|
+
SidebarNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
SidebarNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, declarations: [SidebarNavigationComponent], imports: [CommonModule,
|
|
12
|
+
NavigationLinkModule,
|
|
13
|
+
IconModule,
|
|
14
|
+
TooltipWrapperModule], exports: [SidebarNavigationComponent] });
|
|
15
|
+
SidebarNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, imports: [[
|
|
16
|
+
CommonModule,
|
|
17
|
+
NavigationLinkModule,
|
|
18
|
+
IconModule,
|
|
19
|
+
TooltipWrapperModule,
|
|
20
|
+
]] });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, decorators: [{
|
|
22
|
+
type: NgModule,
|
|
23
|
+
args: [{
|
|
24
|
+
declarations: [SidebarNavigationComponent],
|
|
25
|
+
imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
NavigationLinkModule,
|
|
28
|
+
IconModule,
|
|
29
|
+
TooltipWrapperModule,
|
|
30
|
+
],
|
|
31
|
+
exports: [SidebarNavigationComponent],
|
|
32
|
+
}]
|
|
33
|
+
}] });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQzs7QUFZMUYsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVRuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixVQUFVO1FBQ1Ysb0JBQW9CLGFBRVosMEJBQTBCO3FIQUV6Qix1QkFBdUIsWUFSekI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFVBQVU7WUFDVixvQkFBb0I7U0FDckI7MkZBR1UsdUJBQXVCO2tCQVZuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFVBQVU7d0JBQ1Ysb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaW5rTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5tb2R1bGUnO1xuaW1wb3J0IHsgU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcFdyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy90b29sdGlwLXdyYXBwZXIvdG9vbHRpcC13cmFwcGVyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXZpZ2F0aW9uTGlua01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFRvb2x0aXBXcmFwcGVyTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyTmF2aWdhdGlvbk1vZHVsZSB7fVxuIl19
|