@symphony-talent/component-library 4.39.0 → 4.41.0
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/atoms.module.mjs +8 -4
- package/esm2020/lib/atoms/color-sample/color-sample.component.mjs +6 -3
- package/esm2020/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.component.mjs +23 -0
- package/esm2020/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.model.mjs +2 -0
- package/esm2020/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.module.mjs +25 -0
- package/esm2020/lib/atoms/grid/framework/framework.module.mjs +8 -4
- package/esm2020/lib/atoms/grid/grid.component.mjs +4 -2
- package/esm2020/lib/atoms/input-editable-text/input-editable-text.component.mjs +2 -2
- package/esm2020/lib/atoms/phaser/phaser.component.mjs +2 -2
- package/esm2020/lib/molecules/color-swatch/color-swatch.component.mjs +1 -1
- package/esm2020/lib/molecules/feedback-card/feedback-card.component.mjs +1 -1
- package/esm2020/lib/molecules/phaser-card/phaser-card.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/atoms.module.mjs +8 -4
- package/esm2020/projects/component-library/lib/atoms/color-sample/color-sample.component.mjs +6 -3
- package/esm2020/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.component.mjs +23 -0
- package/esm2020/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.module.mjs +25 -0
- package/esm2020/projects/component-library/lib/atoms/grid/framework/framework.module.mjs +8 -4
- package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +4 -2
- package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/phaser/phaser.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/color-swatch/color-swatch.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/phaser-card/phaser-card.component.mjs +2 -2
- package/esm2020/projects/component-library/public-api.mjs +3 -1
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +94 -45
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +94 -45
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +94 -45
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +94 -45
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/atoms.module.d.ts +2 -1
- package/lib/atoms/color-sample/color-sample.component.d.ts +3 -1
- package/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.component.d.ts +12 -0
- package/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.model.d.ts +5 -0
- package/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.module.d.ts +9 -0
- package/lib/atoms/grid/framework/framework.module.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/atoms.module.d.ts +2 -1
- package/projects/component-library/lib/atoms/color-sample/color-sample.component.d.ts +3 -1
- package/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.component.d.ts +12 -0
- package/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.model.d.ts +5 -0
- package/projects/component-library/lib/atoms/grid/framework/colored-text-indicator/colored-text-indicator.module.d.ts +9 -0
- package/projects/component-library/lib/atoms/grid/framework/framework.module.d.ts +2 -1
- package/projects/component-library/public-api.d.ts +2 -0
- package/public-api.d.ts +2 -0
|
@@ -34,6 +34,7 @@ import { AdvanceFilterSelectedCounterModule } from './advance-filter-selected-co
|
|
|
34
34
|
import { NotificationsModule } from './notifications/notifications.module';
|
|
35
35
|
import { CharacterCounterModule } from './character-counter/character-counter.module';
|
|
36
36
|
import { InputTextareaModule } from './input-textarea/input-textarea.module';
|
|
37
|
+
import { ColoredTextIndicatorModule } from './grid/framework/colored-text-indicator/colored-text-indicator.module';
|
|
37
38
|
import * as i0 from "@angular/core";
|
|
38
39
|
export class AtomsModule {
|
|
39
40
|
}
|
|
@@ -72,7 +73,8 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
|
|
|
72
73
|
AdvanceFilterSelectedCounterModule,
|
|
73
74
|
NotificationsModule,
|
|
74
75
|
CharacterCounterModule,
|
|
75
|
-
InputTextareaModule
|
|
76
|
+
InputTextareaModule,
|
|
77
|
+
ColoredTextIndicatorModule] });
|
|
76
78
|
AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
|
|
77
79
|
ContextualMenuModule,
|
|
78
80
|
AvatarModule,
|
|
@@ -107,7 +109,8 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
|
|
|
107
109
|
AdvanceFilterSelectedCounterModule,
|
|
108
110
|
NotificationsModule,
|
|
109
111
|
CharacterCounterModule,
|
|
110
|
-
InputTextareaModule
|
|
112
|
+
InputTextareaModule,
|
|
113
|
+
ColoredTextIndicatorModule] });
|
|
111
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
|
|
112
115
|
type: NgModule,
|
|
113
116
|
args: [{
|
|
@@ -148,8 +151,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
148
151
|
AdvanceFilterSelectedCounterModule,
|
|
149
152
|
NotificationsModule,
|
|
150
153
|
CharacterCounterModule,
|
|
151
|
-
InputTextareaModule
|
|
154
|
+
InputTextareaModule,
|
|
155
|
+
ColoredTextIndicatorModule
|
|
152
156
|
]
|
|
153
157
|
}]
|
|
154
158
|
}] });
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
159
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9hdG9tcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1RUFBdUUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sd0VBQXdFLENBQUM7QUFDM0gsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLDBFQUEwRSxDQUFDO0FBQzlILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHVFQUF1RSxDQUFDOztBQTRDbkgsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxZQXRDcEIsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixZQUFZO1FBQ1osVUFBVTtRQUNWLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsZUFBZTtRQUNmLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLHlCQUF5QjtRQUN6QixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsVUFBVTtRQUNWLDBCQUEwQjtRQUMxQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixpQ0FBaUM7UUFDakMsZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLGtDQUFrQztRQUNsQyxtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLG1CQUFtQjtRQUNuQiwwQkFBMEI7eUdBR2pCLFdBQVcsWUF4Q2IsRUFBRSxFQUVULFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsWUFBWTtRQUNaLFVBQVU7UUFDVixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLGVBQWU7UUFDZixVQUFVO1FBQ1YsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQix5QkFBeUI7UUFDekIsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLFVBQVU7UUFDViwwQkFBMEI7UUFDMUIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsaUNBQWlDO1FBQ2pDLGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osdUJBQXVCO1FBQ3ZCLHNCQUFzQjtRQUN0QixrQ0FBa0M7UUFDbEMsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0QixtQkFBbUI7UUFDbkIsMEJBQTBCOzJGQUdqQixXQUFXO2tCQTFDdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixRQUFRO3dCQUNSLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLFVBQVU7d0JBQ1YsMEJBQTBCO3dCQUMxQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixpQ0FBaUM7d0JBQ2pDLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWix1QkFBdUI7d0JBQ3ZCLHNCQUFzQjt3QkFDdEIsa0NBQWtDO3dCQUNsQyxtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsbUJBQW1CO3dCQUNuQiwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF2YXRhck1vZHVsZSB9IGZyb20gJy4vYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9idXR0b24vYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBDb2xvclNhbXBsZU1vZHVsZSB9IGZyb20gJy4vY29sb3Itc2FtcGxlL2NvbG9yLXNhbXBsZS5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuL2g1L2g1Lm1vZHVsZSc7XG5pbXBvcnQgeyBIMk1vZHVsZSB9IGZyb20gJy4vaDIvaDIubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuL2g0L2g0Lm1vZHVsZSc7XG5pbXBvcnQgeyBIMU1vZHVsZSB9IGZyb20gJy4vaDEvaDEubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gJy4vcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgUGlsbE1vZHVsZSB9IGZyb20gJy4vcGlsbC9waWxsLm1vZHVsZSc7XG5pbXBvcnQgeyBUYXNrSWNvbk1vZHVsZSB9IGZyb20gJy4vdGFzay1pY29uL3Rhc2staWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uV3JhcHBlck1vZHVsZSB9IGZyb20gJy4vaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsdGVyQXJlYU1vZHVsZSB9IGZyb20gJy4vZmlsdGVyLWFyZWEvZmlsdGVyLWFyZWEubW9kdWxlJztcbmltcG9ydCB7IFR3b0NvbHVtbkZpbHRlckFyZWFNb2R1bGUgfSBmcm9tICcuL3R3by1jb2x1bW4tZmlsdGVyLWFyZWEvdHdvLWNvbHVtbi1maWx0ZXItYXJlYS5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRSYWRpb01vZHVsZSB9IGZyb20gJy4vaW5wdXQtcmFkaW8vaW5wdXQtcmFkaW8ubW9kdWxlJztcbmltcG9ydCB7IElucHV0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICcuL2lucHV0LWNoZWNrYm94L2lucHV0LWNoZWNrYm94Lm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFRleHRNb2R1bGUgfSBmcm9tICcuL2lucHV0LXRleHQvaW5wdXQtdGV4dC5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2R1bGUgfSBmcm9tICcuL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kdWxlJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25Nb2R1bGUgfSBmcm9tICcuL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLm1vZHVsZSc7XG5pbXBvcnQgeyBHcmlkTW9kdWxlIH0gZnJvbSAnLi9ncmlkL2dyaWQubW9kdWxlJztcbmltcG9ydCB7IENvbnRhY3RBY3Rpdml0eVNjb3JlTW9kdWxlIH0gZnJvbSAnLi9ncmlkL2ZyYW1ld29yay9jb250YWN0LWFjdGl2aXR5LXNjb3JlL2NvbnRhY3QtYWN0aXZpdHktc2NvcmUubW9kdWxlJztcbmltcG9ydCB7IFJlbGV2YW5jZVNjb3JlTW9kdWxlIH0gZnJvbSAnLi9ncmlkL2ZyYW1ld29yay9yZWxldmFuY2Utc2NvcmUvcmVsZXZhbmNlLXNjb3JlLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi9zZngtbG9hZGVyL3NmeC1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IFRvYXN0ZXJBbGVydE1vZHVsZSB9IGZyb20gJy4vdG9hc3Rlci1hbGVydC90b2FzdGVyLWFsZXJ0Lm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhQYWdlTG9hZGVyTW9kdWxlIH0gZnJvbSAnLi9zZngtcGFnZS1sb2FkZXIvc2Z4LXBhZ2UtbG9hZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJy4vc2Z4LXByb2dyZXNzLWJhci9zZngtcHJvZ3Jlc3MtYmFyLm1vZHVsZSc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4vdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRTZWFyY2hDaGVja2JveERyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi9pbnB1dC1zZWFyY2gtY2hlY2tib3gtZHJvcGRvd24vaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dENoaXBzTW9kdWxlIH0gZnJvbSAnLi9pbnB1dC1jaGlwcy9pbnB1dC1jaGlwcy5tb2R1bGUnO1xuaW1wb3J0IHsgUGhhc2VyTW9kdWxlIH0gZnJvbSAnLi9waGFzZXIvcGhhc2VyLm1vZHVsZSc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRDb3VudGVyTW9kdWxlIH0gZnJvbSAnLi9mb3JtYXR0ZWQtY291bnRlci9mb3JtYXR0ZWQtY291bnRlci5tb2R1bGUnO1xuaW1wb3J0IHsgVmVydGljYWxTZXBhcmF0b3JNb2R1bGUgfSBmcm9tICcuL3ZlcnRpY2FsLXNlcGFyYXRvci92ZXJ0aWNhbC1zZXBhcmF0b3IubW9kdWxlJztcbmltcG9ydCB7IEFkdmFuY2VGaWx0ZXJTZWxlY3RlZENvdW50ZXJNb2R1bGUgfSBmcm9tICcuL2FkdmFuY2UtZmlsdGVyLXNlbGVjdGVkLWNvdW50ZXIvYWR2YW5jZS1maWx0ZXItc2VsZWN0ZWQtY291bnRlci5tb2R1bGUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uc01vZHVsZSB9IGZyb20gJy4vbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb25zLm1vZHVsZSc7XG5pbXBvcnQgeyBDaGFyYWN0ZXJDb3VudGVyTW9kdWxlIH0gZnJvbSAnLi9jaGFyYWN0ZXItY291bnRlci9jaGFyYWN0ZXItY291bnRlci5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRUZXh0YXJlYU1vZHVsZSB9IGZyb20gJy4vaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlJztcbmltcG9ydCB7IENvbG9yZWRUZXh0SW5kaWNhdG9yTW9kdWxlIH0gZnJvbSAnLi9ncmlkL2ZyYW1ld29yay9jb2xvcmVkLXRleHQtaW5kaWNhdG9yL2NvbG9yZWQtdGV4dC1pbmRpY2F0b3IubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgaW1wb3J0czogW10sXG4gIGV4cG9ydHM6IFtcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgQXZhdGFyTW9kdWxlLFxuICAgIFBpbGxNb2R1bGUsXG4gICAgSDFNb2R1bGUsXG4gICAgSDJNb2R1bGUsXG4gICAgSDNNb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgSDVNb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgSWNvbldyYXBwZXJNb2R1bGUsXG4gICAgRmlsdGVyQXJlYU1vZHVsZSxcbiAgICBUd29Db2x1bW5GaWx0ZXJBcmVhTW9kdWxlLFxuICAgIElucHV0UmFkaW9Nb2R1bGUsXG4gICAgSW5wdXRDaGVja2JveE1vZHVsZSxcbiAgICBJbnB1dFRleHRNb2R1bGUsXG4gICAgSW5wdXREcm9wZG93bk1vZHVsZSxcbiAgICBHcmlkTW9kdWxlLFxuICAgIENvbnRhY3RBY3Rpdml0eVNjb3JlTW9kdWxlLFxuICAgIFJlbGV2YW5jZVNjb3JlTW9kdWxlLFxuICAgIFRvYXN0ZXJBbGVydE1vZHVsZSxcbiAgICBTZnhMb2FkZXJNb2R1bGUsXG4gICAgU2Z4UGFnZUxvYWRlck1vZHVsZSxcbiAgICBTZnhQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBUb29sdGlwV3JhcHBlck1vZHVsZSxcbiAgICBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Nb2R1bGUsXG4gICAgSW5wdXRDaGlwc01vZHVsZSxcbiAgICBQaGFzZXJNb2R1bGUsXG4gICAgVmVydGljYWxTZXBhcmF0b3JNb2R1bGUsXG4gICAgRm9ybWF0dGVkQ291bnRlck1vZHVsZSxcbiAgICBBZHZhbmNlRmlsdGVyU2VsZWN0ZWRDb3VudGVyTW9kdWxlLFxuICAgIE5vdGlmaWNhdGlvbnNNb2R1bGUsXG4gICAgQ2hhcmFjdGVyQ291bnRlck1vZHVsZSxcbiAgICBJbnB1dFRleHRhcmVhTW9kdWxlLFxuICAgIENvbG9yZWRUZXh0SW5kaWNhdG9yTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQXRvbXNNb2R1bGUge31cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/color-sample/color-sample.component.mjs
CHANGED
|
@@ -5,14 +5,17 @@ export class ColorSampleComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
ngOnInit() {
|
|
7
7
|
this.bgColor = this.color;
|
|
8
|
+
this.classType = this.isSmall ? "color-sample-small" : "color-sample";
|
|
8
9
|
}
|
|
9
10
|
}
|
|
10
11
|
ColorSampleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
ColorSampleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSampleComponent, selector: "symphony-color-sample", inputs: { color: "color" }, ngImport: i0, template: "<div\n class=\"
|
|
12
|
+
ColorSampleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSampleComponent, selector: "symphony-color-sample", inputs: { color: "color", isSmall: "isSmall" }, ngImport: i0, template: "<div\n class=\"{{classType}}\"\n [ngClass]=\"bgColor\"\n [ngStyle]=\"{\n border: color === 'background-color-white' ? '1px solid #000' : 'none'\n }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSampleComponent, decorators: [{
|
|
13
14
|
type: Component,
|
|
14
|
-
args: [{ selector: 'symphony-color-sample', template: "<div\n class=\"
|
|
15
|
+
args: [{ selector: 'symphony-color-sample', template: "<div\n class=\"{{classType}}\"\n [ngClass]=\"bgColor\"\n [ngStyle]=\"{\n border: color === 'background-color-white' ? '1px solid #000' : 'none'\n }\"\n></div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}\n"] }]
|
|
15
16
|
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
16
17
|
type: Input
|
|
18
|
+
}], isSmall: [{
|
|
19
|
+
type: Input
|
|
17
20
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2FtcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY29sb3Itc2FtcGxlL2NvbG9yLXNhbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NvbG9yLXNhbXBsZS9jb2xvci1zYW1wbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQVF6RCxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CLGdCQUFlLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUEsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUE7SUFDdEUsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNkdDUmpDLHlLQU9BOzJGRENhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbG9yTmFtZXMgfSBmcm9tICcuL2NvbG9yLXNhbXBsZS5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktY29sb3Itc2FtcGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXNhbXBsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbG9yLXNhbXBsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclNhbXBsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBDb2xvck5hbWVzO1xuICBASW5wdXQoKSBpc1NtYWxsOiBib29sZWFuO1xuXG4gIHB1YmxpYyBiZ0NvbG9yOiBzdHJpbmc7XG4gIHB1YmxpYyBjbGFzc1R5cGU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5iZ0NvbG9yID0gdGhpcy5jb2xvcjtcbiAgICB0aGlzLmNsYXNzVHlwZSA9IHRoaXMuaXNTbWFsbD8gXCJjb2xvci1zYW1wbGUtc21hbGxcIiA6IFwiY29sb3Itc2FtcGxlXCJcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInt7Y2xhc3NUeXBlfX1cIlxuICBbbmdDbGFzc109XCJiZ0NvbG9yXCJcbiAgW25nU3R5bGVdPVwie1xuICAgIGJvcmRlcjogY29sb3IgPT09ICdiYWNrZ3JvdW5kLWNvbG9yLXdoaXRlJyA/ICcxcHggc29saWQgIzAwMCcgOiAnbm9uZSdcbiAgfVwiXG4+PC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../color-sample/color-sample.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export class ColoredTextIndicatorComponent {
|
|
6
|
+
constructor() { }
|
|
7
|
+
refresh(params) {
|
|
8
|
+
return true;
|
|
9
|
+
}
|
|
10
|
+
agInit(params) {
|
|
11
|
+
this.model = {
|
|
12
|
+
value: params.value,
|
|
13
|
+
iconColor: params.data.iconColor,
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
ColoredTextIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
ColoredTextIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColoredTextIndicatorComponent, selector: "symphony-colored-text-indicator", ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-color-sample\n [color]=\"model.iconColor\"\n [isSmall]=\"true\"\n ></symphony-color-sample>\n {{model.value}}\n</ng-container>\n", components: [{ type: i1.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color", "isSmall"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'symphony-colored-text-indicator', template: "<ng-container *ngIf=\"model\">\n <symphony-color-sample\n [color]=\"model.iconColor\"\n [isSmall]=\"true\"\n ></symphony-color-sample>\n {{model.value}}\n</ng-container>\n" }]
|
|
22
|
+
}], ctorParameters: function () { return []; } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JlZC10ZXh0LWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZnJhbWV3b3JrL2NvbG9yZWQtdGV4dC1pbmRpY2F0b3IvY29sb3JlZC10ZXh0LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZnJhbWV3b3JrL2NvbG9yZWQtdGV4dC1pbmRpY2F0b3IvY29sb3JlZC10ZXh0LWluZGljYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzFDLE1BQU0sT0FBTyw2QkFBNkI7SUFHeEMsZ0JBQWUsQ0FBQztJQUVoQixPQUFPLENBQUMsTUFBVztRQUNqQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLENBQUMsTUFBMkI7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUNuQixTQUFTLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTO1NBQ2pDLENBQUE7SUFDSCxDQUFDOzswSEFkVSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix1RUNUMUMsb01BT0E7MkZERWEsNkJBQTZCO2tCQUp6QyxTQUFTOytCQUNFLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29sb3JlZFRleHRJbmRpY2F0b3Jtb2RlbCB9IGZyb20gJy4vY29sb3JlZC10ZXh0LWluZGljYXRvci5tb2RlbCc7XG5pbXBvcnQgeyBJQ2VsbFJlbmRlcmVyQW5ndWxhckNvbXAgfSBmcm9tICdhZy1ncmlkLWFuZ3VsYXInO1xuaW1wb3J0IHsgSUNlbGxSZW5kZXJlclBhcmFtcyB9IGZyb20gJ2FnLWdyaWQtY29tbXVuaXR5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktY29sb3JlZC10ZXh0LWluZGljYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xvcmVkLXRleHQtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JlZFRleHRJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBJQ2VsbFJlbmRlcmVyQW5ndWxhckNvbXAge1xuICBtb2RlbDogQ29sb3JlZFRleHRJbmRpY2F0b3Jtb2RlbDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcmVmcmVzaChwYXJhbXM6IGFueSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgYWdJbml0KHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcyk6IHZvaWQge1xuICAgIHRoaXMubW9kZWwgPSB7XG4gICAgICB2YWx1ZTogcGFyYW1zLnZhbHVlLFxuICAgICAgaWNvbkNvbG9yOiBwYXJhbXMuZGF0YS5pY29uQ29sb3IsXG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWxcIj5cbiAgICA8c3ltcGhvbnktY29sb3Itc2FtcGxlXG4gICAgICAgIFtjb2xvcl09XCJtb2RlbC5pY29uQ29sb3JcIlxuICAgICAgICBbaXNTbWFsbF09XCJ0cnVlXCJcbiAgICA+PC9zeW1waG9ueS1jb2xvci1zYW1wbGU+XG4gICAge3ttb2RlbC52YWx1ZX19XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JlZC10ZXh0LWluZGljYXRvci5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvZ3JpZC9mcmFtZXdvcmsvY29sb3JlZC10ZXh0LWluZGljYXRvci9jb2xvcmVkLXRleHQtaW5kaWNhdG9yLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWVzIH0gZnJvbSBcIi4uLy4uLy4uL2NvbG9yLXNhbXBsZS9jb2xvci1zYW1wbGUuZW51bVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbG9yZWRUZXh0SW5kaWNhdG9ybW9kZWwge1xuICAgIHZhbHVlPzogc3RyaW5nO1xuICAgIGljb25Db2xvcjogQ29sb3JOYW1lcztcbiAgfSJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { ColorSampleModule } from '../../../color-sample/color-sample.module';
|
|
3
|
+
import { ColoredTextIndicatorComponent } from './colored-text-indicator.component';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class ColoredTextIndicatorModule {
|
|
7
|
+
}
|
|
8
|
+
ColoredTextIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
ColoredTextIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorModule, declarations: [ColoredTextIndicatorComponent], imports: [ColorSampleModule,
|
|
10
|
+
CommonModule] });
|
|
11
|
+
ColoredTextIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorModule, imports: [[
|
|
12
|
+
ColorSampleModule,
|
|
13
|
+
CommonModule
|
|
14
|
+
]] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColoredTextIndicatorModule, decorators: [{
|
|
16
|
+
type: NgModule,
|
|
17
|
+
args: [{
|
|
18
|
+
declarations: [ColoredTextIndicatorComponent],
|
|
19
|
+
imports: [
|
|
20
|
+
ColorSampleModule,
|
|
21
|
+
CommonModule
|
|
22
|
+
],
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JlZC10ZXh0LWluZGljYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZnJhbWV3b3JrL2NvbG9yZWQtdGV4dC1pbmRpY2F0b3IvY29sb3JlZC10ZXh0LWluZGljYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNuRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUy9DLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7d0hBQTFCLDBCQUEwQixpQkFOcEIsNkJBQTZCLGFBRXhDLGlCQUFpQjtRQUNqQixZQUFZO3dIQUdQLDBCQUEwQixZQUwxQjtZQUNMLGlCQUFpQjtZQUNqQixZQUFZO1NBQ2Y7MkZBRVEsMEJBQTBCO2tCQVB0QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLDZCQUE2QixDQUFDO29CQUM3QyxPQUFPLEVBQUU7d0JBQ0wsaUJBQWlCO3dCQUNqQixZQUFZO3FCQUNmO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29sb3JTYW1wbGVNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9jb2xvci1zYW1wbGUvY29sb3Itc2FtcGxlLm1vZHVsZSc7XG5pbXBvcnQgeyBDb2xvcmVkVGV4dEluZGljYXRvckNvbXBvbmVudCB9IGZyb20gJy4vY29sb3JlZC10ZXh0LWluZGljYXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtDb2xvcmVkVGV4dEluZGljYXRvckNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb2xvclNhbXBsZU1vZHVsZSxcbiAgICAgICAgQ29tbW9uTW9kdWxlXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JlZFRleHRJbmRpY2F0b3JNb2R1bGUge30iXX0=
|
|
@@ -9,6 +9,7 @@ import { OverflowTextTooltipModule } from './overflow-text-tooltip/overflow-text
|
|
|
9
9
|
import { GridCellClickableModule } from './grid-cell-clickable/grid-cell-clickable.module';
|
|
10
10
|
import { OverflowTextModule } from './overflow-text/overflow-text.module';
|
|
11
11
|
import { GridNoRowsOverlayModule } from './grid-no-rows-overlay/grid-no-rows-overlay.module';
|
|
12
|
+
import { ColoredTextIndicatorModule } from './colored-text-indicator/colored-text-indicator.module';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
export class FrameworkModule {
|
|
14
15
|
}
|
|
@@ -22,7 +23,8 @@ FrameworkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
22
23
|
OverflowTextTooltipModule,
|
|
23
24
|
GridCellClickableModule,
|
|
24
25
|
OverflowTextModule,
|
|
25
|
-
GridNoRowsOverlayModule
|
|
26
|
+
GridNoRowsOverlayModule,
|
|
27
|
+
ColoredTextIndicatorModule] });
|
|
26
28
|
FrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, imports: [[], ContactActivityScoreModule,
|
|
27
29
|
RelevanceScoreModule,
|
|
28
30
|
GridToggleCellRendererModule,
|
|
@@ -32,7 +34,8 @@ FrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
32
34
|
OverflowTextTooltipModule,
|
|
33
35
|
GridCellClickableModule,
|
|
34
36
|
OverflowTextModule,
|
|
35
|
-
GridNoRowsOverlayModule
|
|
37
|
+
GridNoRowsOverlayModule,
|
|
38
|
+
ColoredTextIndicatorModule] });
|
|
36
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, decorators: [{
|
|
37
40
|
type: NgModule,
|
|
38
41
|
args: [{
|
|
@@ -48,8 +51,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
48
51
|
OverflowTextTooltipModule,
|
|
49
52
|
GridCellClickableModule,
|
|
50
53
|
OverflowTextModule,
|
|
51
|
-
GridNoRowsOverlayModule
|
|
54
|
+
GridNoRowsOverlayModule,
|
|
55
|
+
ColoredTextIndicatorModule
|
|
52
56
|
],
|
|
53
57
|
}]
|
|
54
58
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWV3b3JrLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvZ3JpZC9mcmFtZXdvcmsvZnJhbWV3b3JrLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQ2xILE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQzVHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDOztBQW1CcEcsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxZQWJ4QiwwQkFBMEI7UUFDMUIsb0JBQW9CO1FBQ3BCLDRCQUE0QjtRQUM1QixvQkFBb0I7UUFDcEIsOEJBQThCO1FBQzlCLHdCQUF3QjtRQUN4Qix5QkFBeUI7UUFDekIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQix1QkFBdUI7UUFDdkIsMEJBQTBCOzZHQUdqQixlQUFlLFlBZmpCLEVBQUUsRUFFVCwwQkFBMEI7UUFDMUIsb0JBQW9CO1FBQ3BCLDRCQUE0QjtRQUM1QixvQkFBb0I7UUFDcEIsOEJBQThCO1FBQzlCLHdCQUF3QjtRQUN4Qix5QkFBeUI7UUFDekIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQix1QkFBdUI7UUFDdkIsMEJBQTBCOzJGQUdqQixlQUFlO2tCQWpCM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFO3dCQUNQLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQiw0QkFBNEI7d0JBQzVCLG9CQUFvQjt3QkFDcEIsOEJBQThCO3dCQUM5Qix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QixrQkFBa0I7d0JBQ2xCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3FCQUMzQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250YWN0QWN0aXZpdHlTY29yZU1vZHVsZSB9IGZyb20gJy4vY29udGFjdC1hY3Rpdml0eS1zY29yZS9jb250YWN0LWFjdGl2aXR5LXNjb3JlLm1vZHVsZSc7XG5pbXBvcnQgeyBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNNb2R1bGUgfSBmcm9tICcuL2V2ZW50LXNldHRpbmdzLW1vcmUtb3B0aW9ucy9ldmVudC1zZXR0aW5ncy1tb3JlLW9wdGlvbnMubW9kdWxlJztcbmltcG9ydCB7IEdyaWRUb2dnbGVDZWxsUmVuZGVyZXJNb2R1bGUgfSBmcm9tICcuL2dyaWQtdG9nZ2xlLWNlbGwtcmVuZGVyZXIvZ3JpZC10b2dnbGUtY2VsbC1yZW5kZXJlci5tb2R1bGUnO1xuaW1wb3J0IHsgUmVsZXZhbmNlU2NvcmVNb2R1bGUgfSBmcm9tICcuL3JlbGV2YW5jZS1zY29yZS9yZWxldmFuY2Utc2NvcmUuY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBHcmlkQ2VsbExvYWRlck1vZHVsZSB9IGZyb20gJy4vZ3JpZC1jZWxsLWxvYWRlci9ncmlkLWNlbGwtbG9hZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBBZHZlcnRpc2VkSm9ic0Nvc3RNb2R1bGUgfSBmcm9tICcuL2FkdmVydGlzZWQtam9icy1jb3N0L2FkdmVydGlzZWQtam9icy1jb3N0Lm1vZHVsZSc7XG5pbXBvcnQgeyBPdmVyZmxvd1RleHRUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi9vdmVyZmxvdy10ZXh0LXRvb2x0aXAvb3ZlcmZsb3ctdGV4dC10b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBHcmlkQ2VsbENsaWNrYWJsZU1vZHVsZSB9IGZyb20gJy4vZ3JpZC1jZWxsLWNsaWNrYWJsZS9ncmlkLWNlbGwtY2xpY2thYmxlLm1vZHVsZSc7XG5pbXBvcnQgeyBPdmVyZmxvd1RleHRNb2R1bGUgfSBmcm9tICcuL292ZXJmbG93LXRleHQvb3ZlcmZsb3ctdGV4dC5tb2R1bGUnO1xuaW1wb3J0IHsgR3JpZE5vUm93c092ZXJsYXlNb2R1bGUgfSBmcm9tICcuL2dyaWQtbm8tcm93cy1vdmVybGF5L2dyaWQtbm8tcm93cy1vdmVybGF5Lm1vZHVsZSc7XG5pbXBvcnQgeyBDb2xvcmVkVGV4dEluZGljYXRvck1vZHVsZSB9IGZyb20gJy4vY29sb3JlZC10ZXh0LWluZGljYXRvci9jb2xvcmVkLXRleHQtaW5kaWNhdG9yLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgQ29udGFjdEFjdGl2aXR5U2NvcmVNb2R1bGUsXG4gICAgUmVsZXZhbmNlU2NvcmVNb2R1bGUsXG4gICAgR3JpZFRvZ2dsZUNlbGxSZW5kZXJlck1vZHVsZSxcbiAgICBHcmlkQ2VsbExvYWRlck1vZHVsZSxcbiAgICBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNNb2R1bGUsXG4gICAgQWR2ZXJ0aXNlZEpvYnNDb3N0TW9kdWxlLFxuICAgIE92ZXJmbG93VGV4dFRvb2x0aXBNb2R1bGUsXG4gICAgR3JpZENlbGxDbGlja2FibGVNb2R1bGUsXG4gICAgT3ZlcmZsb3dUZXh0TW9kdWxlLFxuICAgIEdyaWROb1Jvd3NPdmVybGF5TW9kdWxlLFxuICAgIENvbG9yZWRUZXh0SW5kaWNhdG9yTW9kdWxlXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZyYW1ld29ya01vZHVsZSB7fVxuIl19
|
|
@@ -9,6 +9,7 @@ import { OverflowTextComponent } from './framework/overflow-text/overflow-text.c
|
|
|
9
9
|
import { GridCellClickableComponent } from './framework/grid-cell-clickable/grid-cell-clickable.component';
|
|
10
10
|
import { GridNoRowsOverlayComponent } from './framework/grid-no-rows-overlay/grid-no-rows-overlay.component';
|
|
11
11
|
import { OverflowTextTooltipComponent } from './framework/overflow-text-tooltip/overflow-text-tooltip.component';
|
|
12
|
+
import { ColoredTextIndicatorComponent } from './framework/colored-text-indicator/colored-text-indicator.component';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
import * as i1 from "ag-grid-angular";
|
|
14
15
|
import * as i2 from "@angular/common";
|
|
@@ -46,7 +47,8 @@ export class GridComponent {
|
|
|
46
47
|
overflowText: OverflowTextComponent,
|
|
47
48
|
overflowTextTooltip: OverflowTextTooltipComponent,
|
|
48
49
|
gridCellClickable: GridCellClickableComponent,
|
|
49
|
-
noRowsOverlay: GridNoRowsOverlayComponent
|
|
50
|
+
noRowsOverlay: GridNoRowsOverlayComponent,
|
|
51
|
+
coloredTextIndicator: ColoredTextIndicatorComponent
|
|
50
52
|
};
|
|
51
53
|
}
|
|
52
54
|
onGridReady(gridReadyEvent) {
|
|
@@ -100,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
100
102
|
}], cellClick: [{
|
|
101
103
|
type: Output
|
|
102
104
|
}] } });
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQVV2QixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUNsSSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUM1SCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUVoRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUM5RyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUMxRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUUzRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQzs7OztBQVFqSCxNQUFNLE9BQU8sYUFBYTtJQStCeEI7UUExQlMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUV0Qiw4QkFBeUIsR0FBWSxLQUFLLENBQUM7UUFDM0MscUJBQWdCLEdBQVcsUUFBUSxDQUFDO1FBTXBDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHbkIsMEJBQXFCLEdBQUcsZUFBZSxDQUFDO1FBR3hDLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxHQUFHLENBQUM7UUFFakIsbUJBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLHdCQUFtQixHQUFHLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBRzNELGdCQUFXLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakUsY0FBUyxHQUFtQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzdELElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxFQUFFO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM1QixDQUFDLENBQUM7SUFDSixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxxQkFBcUIsQ0FBQztJQUNuRCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLE9BQU87WUFDTCxvQkFBb0IsRUFBRSw2QkFBNkI7WUFDbkQsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxVQUFVLEVBQUUsK0JBQStCO1lBQzNDLFdBQVcsRUFBRSxpQ0FBaUM7WUFDOUMsbUJBQW1CLEVBQUUsd0JBQXdCO1lBQzdDLGtCQUFrQixFQUFFLDJCQUEyQjtZQUMvQyxZQUFZLEVBQUUscUJBQXFCO1lBQ25DLG1CQUFtQixFQUFFLDRCQUE0QjtZQUNqRCxpQkFBaUIsRUFBRSwwQkFBMEI7WUFDN0MsYUFBYSxFQUFFLDBCQUEwQjtTQUMxQyxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVcsQ0FBQyxjQUE4QjtRQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxHQUFHLENBQUM7UUFDbEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBdUI7UUFDbkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUF1QjtRQUNqQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOzswR0F2RVUsYUFBYTs4RkFBYixhQUFhLG9wQkNwQzFCLG92Q0FpQ0E7MkZER2EsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxlQUFlLGlCQUdWLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyx5QkFBeUI7c0JBQWpDLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQVlOLFdBQVc7c0JBRFYsTUFBTTtnQkFHUCxTQUFTO3NCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBDZWxsQ2xpY2tlZEV2ZW50LFxuICBDb2xEZWYsXG4gIEdldERhdGFQYXRoLFxuICBHcmlkQXBpLFxuICBHcmlkT3B0aW9ucyxcbiAgR3JpZFJlYWR5RXZlbnQsXG4gIFNvcnRDaGFuZ2VkRXZlbnQsXG59IGZyb20gJ2FnLWdyaWQtY29tbXVuaXR5JztcbmltcG9ydCB7IENvbnRhY3RBY3Rpdml0eVNjb3JlQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvY29udGFjdC1hY3Rpdml0eS1zY29yZS9jb250YWN0LWFjdGl2aXR5LXNjb3JlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9ldmVudC1zZXR0aW5ncy1tb3JlLW9wdGlvbnMvZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmlkVG9nZ2xlQ2VsbFJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvZ3JpZC10b2dnbGUtY2VsbC1yZW5kZXJlci9ncmlkLXRvZ2dsZS1jZWxsLXJlbmRlcmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSZWxldmFuY2VTY29yZUNvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL3JlbGV2YW5jZS1zY29yZS9yZWxldmFuY2Utc2NvcmUuY29tcG9uZW50JztcbmltcG9ydCB7IGdyaWRUeXBlIH0gZnJvbSAnLi9ncmlkLm1vZGVsJztcbmltcG9ydCB7IEdyaWRMb2FkaW5nQ2VsbENvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL2dyaWQtY2VsbC1sb2FkZXIvZ3JpZC1jZWxsLWxvYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWR2ZXJ0aXNlZEpvYnNDb3N0Q29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvYWR2ZXJ0aXNlZC1qb2JzLWNvc3QvYWR2ZXJ0aXNlZC1qb2JzLWNvc3QuY29tcG9uZW50JztcbmltcG9ydCB7IE92ZXJmbG93VGV4dENvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL292ZXJmbG93LXRleHQvb3ZlcmZsb3ctdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgR3JpZENlbGxDbGlja2FibGVDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9ncmlkLWNlbGwtY2xpY2thYmxlL2dyaWQtY2VsbC1jbGlja2FibGUuY29tcG9uZW50JztcbmltcG9ydCB7IEdldFNlcnZlclNpZGVHcm91cEtleSwgSXNTZXJ2ZXJTaWRlR3JvdXAgfSBmcm9tICdhZy1ncmlkLWNvbW11bml0eS9kaXN0L2xpYi9lbnRpdGllcy9ncmlkT3B0aW9ucyc7XG5pbXBvcnQgeyBHcmlkTm9Sb3dzT3ZlcmxheUNvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL2dyaWQtbm8tcm93cy1vdmVybGF5L2dyaWQtbm8tcm93cy1vdmVybGF5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPdmVyZmxvd1RleHRUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvb3ZlcmZsb3ctdGV4dC10b29sdGlwL292ZXJmbG93LXRleHQtdG9vbHRpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ncmlkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2x1bW5EZWZzOiBDb2xEZWZbXTtcbiAgQElucHV0KCkgZGVmYXVsdENvbERlZjogYW55O1xuICBASW5wdXQoKSByb3dEYXRhOiBhbnlbXTtcbiAgQElucHV0KCkgb25HcmlkUmVhZHlGdW5jdGlvbjogYW55O1xuICBASW5wdXQoKSBwYWdlU2l6ZTogbnVtYmVyID0gMjA7XG4gIEBJbnB1dCgpIHJvd01vZGVsVHlwZTogZ3JpZFR5cGU7XG4gIEBJbnB1dCgpIHN1cHByZXNzUm93Q2xpY2tTZWxlY3Rpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcm93U2VsZWN0aW9uTW9kZTogc3RyaW5nID0gJ3NpbmdsZSc7XG4gIEBJbnB1dCgpIGhhc05vUGFkZGluZ2xlZnQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBpc0dyaWRDb2xQaW5uZWRMZWZ0PzogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNTZXJ2ZXJTaWRlR3JvdXA6IElzU2VydmVyU2lkZUdyb3VwO1xuICBASW5wdXQoKSBnZXRTZXJ2ZXJTaWRlR3JvdXBLZXk6IEdldFNlcnZlclNpZGVHcm91cEtleTtcbiAgQElucHV0KCkgYXV0b0dyb3VwQ29sdW1uRGVmOiBDb2xEZWY7XG4gIEBJbnB1dCgpIHRyZWVEYXRhID0gZmFsc2U7XG4gIEBJbnB1dCgpIGdldERhdGFQYXRoOiBHZXREYXRhUGF0aDtcbiAgXG4gIHB1YmxpYyBub1Jvd3NPdmVybGF5VGVtcGxhdGUgPSBcIm5vUm93c092ZXJsYXlcIjtcbiAgcHVibGljIGdldFJvd0hlaWdodDogKCkgPT4gbnVtYmVyO1xuICBwdWJsaWMgbG9hZGluZ0NlbGxSZW5kZXJlcjogYW55O1xuICBwdWJsaWMgcm93SGVpZ2h0UGFnZSA9IDgwO1xuICBwdWJsaWMgZ3JpZEhlaWdodCA9IDEwMDtcbiAgcHVibGljIGdyaWRBcGk6IEdyaWRBcGk7XG4gIHB1YmxpYyBjYWNoZUJsb2NrU2l6ZSA9IHRoaXMucGFnZVNpemU7XG4gIHB1YmxpYyBmcmFtZXdvcmtDb21wb25lbnRzID0gdGhpcy5nZXRGcmFtZXdvcmtDb21wb25lbnRzKCk7XG4gIHB1YmxpYyBncmlkT3B0aW9uczogR3JpZE9wdGlvbnM7XG4gIEBPdXRwdXQoKVxuICBzb3J0Q2hhbmdlZDogRXZlbnRFbWl0dGVyPFNvcnRDaGFuZ2VkRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KClcbiAgY2VsbENsaWNrOiBFdmVudEVtaXR0ZXI8Q2VsbENsaWNrZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5nZXRSb3dIZWlnaHQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gdGhpcy5yb3dIZWlnaHRQYWdlO1xuICAgIH07XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmxvYWRpbmdDZWxsUmVuZGVyZXIgPSAnbG9hZGluZ0NlbGxSZW5kZXJlcic7XG4gIH1cblxuICB1cGRhdGVHcmlkRmlsdGVyKCk6IHZvaWQge1xuICAgIHRoaXMuZ3JpZEFwaS5vbkZpbHRlckNoYW5nZWQoKTtcbiAgfVxuXG4gIGdldEZyYW1ld29ya0NvbXBvbmVudHMoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgY29udGFjdEFjdGl2aXR5U2NvcmU6IENvbnRhY3RBY3Rpdml0eVNjb3JlQ29tcG9uZW50LFxuICAgICAgZml0U2NvcmU6IFJlbGV2YW5jZVNjb3JlQ29tcG9uZW50LFxuICAgICAgZ3JpZFRvZ2dsZTogR3JpZFRvZ2dsZUNlbGxSZW5kZXJlckNvbXBvbmVudCxcbiAgICAgIG1vcmVBY3Rpb25zOiBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnQsXG4gICAgICBsb2FkaW5nQ2VsbFJlbmRlcmVyOiBHcmlkTG9hZGluZ0NlbGxDb21wb25lbnQsXG4gICAgICBhZHZlcnRpc2VkSm9ic0Nvc3Q6IEFkdmVydGlzZWRKb2JzQ29zdENvbXBvbmVudCxcbiAgICAgIG92ZXJmbG93VGV4dDogT3ZlcmZsb3dUZXh0Q29tcG9uZW50LFxuICAgICAgb3ZlcmZsb3dUZXh0VG9vbHRpcDogT3ZlcmZsb3dUZXh0VG9vbHRpcENvbXBvbmVudCxcbiAgICAgIGdyaWRDZWxsQ2xpY2thYmxlOiBHcmlkQ2VsbENsaWNrYWJsZUNvbXBvbmVudCxcbiAgICAgIG5vUm93c092ZXJsYXk6IEdyaWROb1Jvd3NPdmVybGF5Q29tcG9uZW50XG4gICAgfTtcbiAgfVxuXG4gIG9uR3JpZFJlYWR5KGdyaWRSZWFkeUV2ZW50OiBHcmlkUmVhZHlFdmVudCkge1xuICAgIHRoaXMuZ3JpZEFwaSA9IGdyaWRSZWFkeUV2ZW50LmFwaTtcbiAgICB0aGlzLm9uR3JpZFJlYWR5RnVuY3Rpb24oZ3JpZFJlYWR5RXZlbnQpO1xuICB9XG5cbiAgb25Tb3J0Q2hhbmdlZChldmVudDogU29ydENoYW5nZWRFdmVudCkge1xuICAgIHRoaXMuc29ydENoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkNlbGxDbGljayhldmVudDogQ2VsbENsaWNrZWRFdmVudCkge1xuICAgIHRoaXMuY2VsbENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8YWctZ3JpZC1hbmd1bGFyXG4gIGNsYXNzPVwiYWctdGhlbWUtYWxwaW5lXCJcbiAgW25nQ2xhc3NdPVwieyBub1BhZGRpbmdMZWZ0OiBoYXNOb1BhZGRpbmdsZWZ0LCAnZ3JpZFBpbm5lZExlZnQnOiBpc0dyaWRDb2xQaW5uZWRMZWZ0IH1cIlxuICBzdHlsZT1cIndpZHRoOiAxMDAlXCJcbiAgW3N0eWxlLmhlaWdodC52aF09XCJncmlkSGVpZ2h0XCJcbiAgW2dyaWRPcHRpb25zXT1cImdyaWRPcHRpb25zXCJcbiAgW2FwcGx5Q29sdW1uRGVmT3JkZXJdPVwidHJ1ZVwiXG4gIFtyb3dNb2RlbFR5cGVdPVwicm93TW9kZWxUeXBlXCJcbiAgW2NvbHVtbkRlZnNdPVwiY29sdW1uRGVmc1wiXG4gIFtkZWZhdWx0Q29sRGVmXT1cImRlZmF1bHRDb2xEZWZcIlxuICBbZnJhbWV3b3JrQ29tcG9uZW50c109XCJmcmFtZXdvcmtDb21wb25lbnRzXCJcbiAgW2dldFJvd0hlaWdodF09XCJnZXRSb3dIZWlnaHRcIlxuICBbcGFnaW5hdGlvblBhZ2VTaXplXT1cInBhZ2VTaXplXCJcbiAgW2NhY2hlQmxvY2tTaXplXT1cImNhY2hlQmxvY2tTaXplXCJcbiAgW3Jvd0RhdGFdPVwicm93RGF0YVwiXG4gIFttYXhDb25jdXJyZW50RGF0YXNvdXJjZVJlcXVlc3RzXT1cIjFcIlxuICBbbG9hZGluZ0NlbGxSZW5kZXJlcl09XCJsb2FkaW5nQ2VsbFJlbmRlcmVyXCJcbiAgW3N1cHByZXNzUm93Q2xpY2tTZWxlY3Rpb25dPVwic3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvblwiXG4gIFtyb3dTZWxlY3Rpb25dPVwicm93U2VsZWN0aW9uTW9kZVwiXG4gIFtlbmFibGVCcm93c2VyVG9vbHRpcHNdPVwidHJ1ZVwiXG4gIFtub1Jvd3NPdmVybGF5Q29tcG9uZW50XT1cIm5vUm93c092ZXJsYXlUZW1wbGF0ZVwiXG4gIFtzdXBwcmVzc0NvbnRleHRNZW51XT1cInRydWVcIlxuICBbdHJlZURhdGFdPVwidHJlZURhdGFcIlxuICBbaXNTZXJ2ZXJTaWRlR3JvdXBdPVwiaXNTZXJ2ZXJTaWRlR3JvdXBcIlxuICBbZ2V0U2VydmVyU2lkZUdyb3VwS2V5XT1cImdldFNlcnZlclNpZGVHcm91cEtleVwiXG4gIFthdXRvR3JvdXBDb2x1bW5EZWZdPVwiYXV0b0dyb3VwQ29sdW1uRGVmXCJcbiAgW3NlcnZlclNpZGVTb3J0aW5nQWx3YXlzUmVzZXRzXT1cInRydWVcIlxuICBbZ2V0RGF0YVBhdGhdPVwiZ2V0RGF0YVBhdGhcIlxuICAoZ3JpZFJlYWR5KT1cIm9uR3JpZFJlYWR5KCRldmVudClcIlxuICAoc29ydENoYW5nZWQpPVwib25Tb3J0Q2hhbmdlZCgkZXZlbnQpXCJcbiAgKGNlbGxDbGlja2VkKT1cIm9uQ2VsbENsaWNrKCRldmVudClcIlxuPlxuPC9hZy1ncmlkLWFuZ3VsYXI+XG4iXX0=
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQVV2QixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUNsSSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUM1SCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUVoRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUM5RyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUMxRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUUzRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQzs7OztBQVFwSCxNQUFNLE9BQU8sYUFBYTtJQStCeEI7UUExQlMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUV0Qiw4QkFBeUIsR0FBWSxLQUFLLENBQUM7UUFDM0MscUJBQWdCLEdBQVcsUUFBUSxDQUFDO1FBTXBDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHbkIsMEJBQXFCLEdBQUcsZUFBZSxDQUFDO1FBR3hDLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxHQUFHLENBQUM7UUFFakIsbUJBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLHdCQUFtQixHQUFHLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBRzNELGdCQUFXLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakUsY0FBUyxHQUFtQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzdELElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxFQUFFO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM1QixDQUFDLENBQUM7SUFDSixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxxQkFBcUIsQ0FBQztJQUNuRCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLE9BQU87WUFDTCxvQkFBb0IsRUFBRSw2QkFBNkI7WUFDbkQsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxVQUFVLEVBQUUsK0JBQStCO1lBQzNDLFdBQVcsRUFBRSxpQ0FBaUM7WUFDOUMsbUJBQW1CLEVBQUUsd0JBQXdCO1lBQzdDLGtCQUFrQixFQUFFLDJCQUEyQjtZQUMvQyxZQUFZLEVBQUUscUJBQXFCO1lBQ25DLG1CQUFtQixFQUFFLDRCQUE0QjtZQUNqRCxpQkFBaUIsRUFBRSwwQkFBMEI7WUFDN0MsYUFBYSxFQUFFLDBCQUEwQjtZQUN6QyxvQkFBb0IsRUFBRSw2QkFBNkI7U0FDcEQsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsY0FBOEI7UUFDeEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxjQUFjLENBQUMsR0FBRyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQXVCO1FBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBdUI7UUFDakMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7MEdBeEVVLGFBQWE7OEZBQWIsYUFBYSxvcEJDckMxQixvdkNBaUNBOzJGRElhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsZUFBZSxpQkFHVixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0cseUJBQXlCO3NCQUFqQyxLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFZTixXQUFXO3NCQURWLE1BQU07Z0JBR1AsU0FBUztzQkFEUixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQ2VsbENsaWNrZWRFdmVudCxcbiAgQ29sRGVmLFxuICBHZXREYXRhUGF0aCxcbiAgR3JpZEFwaSxcbiAgR3JpZE9wdGlvbnMsXG4gIEdyaWRSZWFkeUV2ZW50LFxuICBTb3J0Q2hhbmdlZEV2ZW50LFxufSBmcm9tICdhZy1ncmlkLWNvbW11bml0eSc7XG5pbXBvcnQgeyBDb250YWN0QWN0aXZpdHlTY29yZUNvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL2NvbnRhY3QtYWN0aXZpdHktc2NvcmUvY29udGFjdC1hY3Rpdml0eS1zY29yZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXZlbnRTZXR0aW5nc01vcmVPcHRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zL2V2ZW50LXNldHRpbmdzLW1vcmUtb3B0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgR3JpZFRvZ2dsZUNlbGxSZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL2dyaWQtdG9nZ2xlLWNlbGwtcmVuZGVyZXIvZ3JpZC10b2dnbGUtY2VsbC1yZW5kZXJlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmVsZXZhbmNlU2NvcmVDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9yZWxldmFuY2Utc2NvcmUvcmVsZXZhbmNlLXNjb3JlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBncmlkVHlwZSB9IGZyb20gJy4vZ3JpZC5tb2RlbCc7XG5pbXBvcnQgeyBHcmlkTG9hZGluZ0NlbGxDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9ncmlkLWNlbGwtbG9hZGVyL2dyaWQtY2VsbC1sb2FkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEFkdmVydGlzZWRKb2JzQ29zdENvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL2FkdmVydGlzZWQtam9icy1jb3N0L2FkdmVydGlzZWQtam9icy1jb3N0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPdmVyZmxvd1RleHRDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9vdmVyZmxvdy10ZXh0L292ZXJmbG93LXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEdyaWRDZWxsQ2xpY2thYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvZ3JpZC1jZWxsLWNsaWNrYWJsZS9ncmlkLWNlbGwtY2xpY2thYmxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZXRTZXJ2ZXJTaWRlR3JvdXBLZXksIElzU2VydmVyU2lkZUdyb3VwIH0gZnJvbSAnYWctZ3JpZC1jb21tdW5pdHkvZGlzdC9saWIvZW50aXRpZXMvZ3JpZE9wdGlvbnMnO1xuaW1wb3J0IHsgR3JpZE5vUm93c092ZXJsYXlDb21wb25lbnQgfSBmcm9tICcuL2ZyYW1ld29yay9ncmlkLW5vLXJvd3Mtb3ZlcmxheS9ncmlkLW5vLXJvd3Mtb3ZlcmxheS5jb21wb25lbnQnO1xuaW1wb3J0IHsgT3ZlcmZsb3dUZXh0VG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vZnJhbWV3b3JrL292ZXJmbG93LXRleHQtdG9vbHRpcC9vdmVyZmxvdy10ZXh0LXRvb2x0aXAuY29tcG9uZW50JztcbmltcG9ydCB7IENvbG9yZWRUZXh0SW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9mcmFtZXdvcmsvY29sb3JlZC10ZXh0LWluZGljYXRvci9jb2xvcmVkLXRleHQtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbHVtbkRlZnM6IENvbERlZltdO1xuICBASW5wdXQoKSBkZWZhdWx0Q29sRGVmOiBhbnk7XG4gIEBJbnB1dCgpIHJvd0RhdGE6IGFueVtdO1xuICBASW5wdXQoKSBvbkdyaWRSZWFkeUZ1bmN0aW9uOiBhbnk7XG4gIEBJbnB1dCgpIHBhZ2VTaXplOiBudW1iZXIgPSAyMDtcbiAgQElucHV0KCkgcm93TW9kZWxUeXBlOiBncmlkVHlwZTtcbiAgQElucHV0KCkgc3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByb3dTZWxlY3Rpb25Nb2RlOiBzdHJpbmcgPSAnc2luZ2xlJztcbiAgQElucHV0KCkgaGFzTm9QYWRkaW5nbGVmdD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzR3JpZENvbFBpbm5lZExlZnQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBpc1NlcnZlclNpZGVHcm91cDogSXNTZXJ2ZXJTaWRlR3JvdXA7XG4gIEBJbnB1dCgpIGdldFNlcnZlclNpZGVHcm91cEtleTogR2V0U2VydmVyU2lkZUdyb3VwS2V5O1xuICBASW5wdXQoKSBhdXRvR3JvdXBDb2x1bW5EZWY6IENvbERlZjtcbiAgQElucHV0KCkgdHJlZURhdGEgPSBmYWxzZTtcbiAgQElucHV0KCkgZ2V0RGF0YVBhdGg6IEdldERhdGFQYXRoO1xuICBcbiAgcHVibGljIG5vUm93c092ZXJsYXlUZW1wbGF0ZSA9IFwibm9Sb3dzT3ZlcmxheVwiO1xuICBwdWJsaWMgZ2V0Um93SGVpZ2h0OiAoKSA9PiBudW1iZXI7XG4gIHB1YmxpYyBsb2FkaW5nQ2VsbFJlbmRlcmVyOiBhbnk7XG4gIHB1YmxpYyByb3dIZWlnaHRQYWdlID0gODA7XG4gIHB1YmxpYyBncmlkSGVpZ2h0ID0gMTAwO1xuICBwdWJsaWMgZ3JpZEFwaTogR3JpZEFwaTtcbiAgcHVibGljIGNhY2hlQmxvY2tTaXplID0gdGhpcy5wYWdlU2l6ZTtcbiAgcHVibGljIGZyYW1ld29ya0NvbXBvbmVudHMgPSB0aGlzLmdldEZyYW1ld29ya0NvbXBvbmVudHMoKTtcbiAgcHVibGljIGdyaWRPcHRpb25zOiBHcmlkT3B0aW9ucztcbiAgQE91dHB1dCgpXG4gIHNvcnRDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8U29ydENoYW5nZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKVxuICBjZWxsQ2xpY2s6IEV2ZW50RW1pdHRlcjxDZWxsQ2xpY2tlZEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmdldFJvd0hlaWdodCA9ICgpID0+IHtcbiAgICAgIHJldHVybiB0aGlzLnJvd0hlaWdodFBhZ2U7XG4gICAgfTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMubG9hZGluZ0NlbGxSZW5kZXJlciA9ICdsb2FkaW5nQ2VsbFJlbmRlcmVyJztcbiAgfVxuXG4gIHVwZGF0ZUdyaWRGaWx0ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5ncmlkQXBpLm9uRmlsdGVyQ2hhbmdlZCgpO1xuICB9XG5cbiAgZ2V0RnJhbWV3b3JrQ29tcG9uZW50cygpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICBjb250YWN0QWN0aXZpdHlTY29yZTogQ29udGFjdEFjdGl2aXR5U2NvcmVDb21wb25lbnQsXG4gICAgICBmaXRTY29yZTogUmVsZXZhbmNlU2NvcmVDb21wb25lbnQsXG4gICAgICBncmlkVG9nZ2xlOiBHcmlkVG9nZ2xlQ2VsbFJlbmRlcmVyQ29tcG9uZW50LFxuICAgICAgbW9yZUFjdGlvbnM6IEV2ZW50U2V0dGluZ3NNb3JlT3B0aW9uc0NvbXBvbmVudCxcbiAgICAgIGxvYWRpbmdDZWxsUmVuZGVyZXI6IEdyaWRMb2FkaW5nQ2VsbENvbXBvbmVudCxcbiAgICAgIGFkdmVydGlzZWRKb2JzQ29zdDogQWR2ZXJ0aXNlZEpvYnNDb3N0Q29tcG9uZW50LFxuICAgICAgb3ZlcmZsb3dUZXh0OiBPdmVyZmxvd1RleHRDb21wb25lbnQsXG4gICAgICBvdmVyZmxvd1RleHRUb29sdGlwOiBPdmVyZmxvd1RleHRUb29sdGlwQ29tcG9uZW50LFxuICAgICAgZ3JpZENlbGxDbGlja2FibGU6IEdyaWRDZWxsQ2xpY2thYmxlQ29tcG9uZW50LFxuICAgICAgbm9Sb3dzT3ZlcmxheTogR3JpZE5vUm93c092ZXJsYXlDb21wb25lbnQsXG4gICAgICBjb2xvcmVkVGV4dEluZGljYXRvcjogQ29sb3JlZFRleHRJbmRpY2F0b3JDb21wb25lbnRcbiAgICB9O1xuICB9XG5cbiAgb25HcmlkUmVhZHkoZ3JpZFJlYWR5RXZlbnQ6IEdyaWRSZWFkeUV2ZW50KSB7XG4gICAgdGhpcy5ncmlkQXBpID0gZ3JpZFJlYWR5RXZlbnQuYXBpO1xuICAgIHRoaXMub25HcmlkUmVhZHlGdW5jdGlvbihncmlkUmVhZHlFdmVudCk7XG4gIH1cblxuICBvblNvcnRDaGFuZ2VkKGV2ZW50OiBTb3J0Q2hhbmdlZEV2ZW50KSB7XG4gICAgdGhpcy5zb3J0Q2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uQ2VsbENsaWNrKGV2ZW50OiBDZWxsQ2xpY2tlZEV2ZW50KSB7XG4gICAgdGhpcy5jZWxsQ2xpY2suZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxhZy1ncmlkLWFuZ3VsYXJcbiAgY2xhc3M9XCJhZy10aGVtZS1hbHBpbmVcIlxuICBbbmdDbGFzc109XCJ7IG5vUGFkZGluZ0xlZnQ6IGhhc05vUGFkZGluZ2xlZnQsICdncmlkUGlubmVkTGVmdCc6IGlzR3JpZENvbFBpbm5lZExlZnQgfVwiXG4gIHN0eWxlPVwid2lkdGg6IDEwMCVcIlxuICBbc3R5bGUuaGVpZ2h0LnZoXT1cImdyaWRIZWlnaHRcIlxuICBbZ3JpZE9wdGlvbnNdPVwiZ3JpZE9wdGlvbnNcIlxuICBbYXBwbHlDb2x1bW5EZWZPcmRlcl09XCJ0cnVlXCJcbiAgW3Jvd01vZGVsVHlwZV09XCJyb3dNb2RlbFR5cGVcIlxuICBbY29sdW1uRGVmc109XCJjb2x1bW5EZWZzXCJcbiAgW2RlZmF1bHRDb2xEZWZdPVwiZGVmYXVsdENvbERlZlwiXG4gIFtmcmFtZXdvcmtDb21wb25lbnRzXT1cImZyYW1ld29ya0NvbXBvbmVudHNcIlxuICBbZ2V0Um93SGVpZ2h0XT1cImdldFJvd0hlaWdodFwiXG4gIFtwYWdpbmF0aW9uUGFnZVNpemVdPVwicGFnZVNpemVcIlxuICBbY2FjaGVCbG9ja1NpemVdPVwiY2FjaGVCbG9ja1NpemVcIlxuICBbcm93RGF0YV09XCJyb3dEYXRhXCJcbiAgW21heENvbmN1cnJlbnREYXRhc291cmNlUmVxdWVzdHNdPVwiMVwiXG4gIFtsb2FkaW5nQ2VsbFJlbmRlcmVyXT1cImxvYWRpbmdDZWxsUmVuZGVyZXJcIlxuICBbc3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvbl09XCJzdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uXCJcbiAgW3Jvd1NlbGVjdGlvbl09XCJyb3dTZWxlY3Rpb25Nb2RlXCJcbiAgW2VuYWJsZUJyb3dzZXJUb29sdGlwc109XCJ0cnVlXCJcbiAgW25vUm93c092ZXJsYXlDb21wb25lbnRdPVwibm9Sb3dzT3ZlcmxheVRlbXBsYXRlXCJcbiAgW3N1cHByZXNzQ29udGV4dE1lbnVdPVwidHJ1ZVwiXG4gIFt0cmVlRGF0YV09XCJ0cmVlRGF0YVwiXG4gIFtpc1NlcnZlclNpZGVHcm91cF09XCJpc1NlcnZlclNpZGVHcm91cFwiXG4gIFtnZXRTZXJ2ZXJTaWRlR3JvdXBLZXldPVwiZ2V0U2VydmVyU2lkZUdyb3VwS2V5XCJcbiAgW2F1dG9Hcm91cENvbHVtbkRlZl09XCJhdXRvR3JvdXBDb2x1bW5EZWZcIlxuICBbc2VydmVyU2lkZVNvcnRpbmdBbHdheXNSZXNldHNdPVwidHJ1ZVwiXG4gIFtnZXREYXRhUGF0aF09XCJnZXREYXRhUGF0aFwiXG4gIChncmlkUmVhZHkpPVwib25HcmlkUmVhZHkoJGV2ZW50KVwiXG4gIChzb3J0Q2hhbmdlZCk9XCJvblNvcnRDaGFuZ2VkKCRldmVudClcIlxuICAoY2VsbENsaWNrZWQpPVwib25DZWxsQ2xpY2soJGV2ZW50KVwiXG4+XG48L2FnLWdyaWQtYW5ndWxhcj5cbiJdfQ==
|
|
@@ -49,10 +49,10 @@ export class InputEditableTextComponent {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
InputEditableTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::-moz-placeholder{color:#bababa}.editMode .min-max-placeholder:-ms-input-placeholder{color:#bababa}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { 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"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "number": i3.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
52
|
+
InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::-moz-placeholder{color:#bababa}.editMode .min-max-placeholder:-ms-input-placeholder{color:#bababa}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { 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"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "number": i3.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
|
-
args: [{ selector: 'symphony-input-editable-text', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::-moz-placeholder{color:#bababa}.editMode .min-max-placeholder:-ms-input-placeholder{color:#bababa}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"] }]
|
|
55
|
+
args: [{ selector: 'symphony-input-editable-text', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::-moz-placeholder{color:#bababa}.editMode .min-max-placeholder:-ms-input-placeholder{color:#bababa}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"] }]
|
|
56
56
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}], type: [{
|
|
@@ -4,10 +4,10 @@ export class PhaserComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
}
|
|
6
6
|
PhaserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
PhaserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserComponent, selector: "symphony-phaser", inputs: { phaser: "phaser", outlineColor: "outlineColor" }, ngImport: i0, template: "<div>\n <svg\n width=\"140\"\n height=\"140\"\n viewBox=\"0 0 140 140\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [class]=\"outlineColor\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n [attr.d]=\"phaser\"\n fill=\"black\"\n />\n </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] });
|
|
7
|
+
PhaserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserComponent, selector: "symphony-phaser", inputs: { phaser: "phaser", outlineColor: "outlineColor" }, ngImport: i0, template: "<div>\n <svg\n width=\"140\"\n height=\"140\"\n viewBox=\"0 0 140 140\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [class]=\"outlineColor\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n [attr.d]=\"phaser\"\n fill=\"black\"\n />\n </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'symphony-phaser', template: "<div>\n <svg\n width=\"140\"\n height=\"140\"\n viewBox=\"0 0 140 140\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [class]=\"outlineColor\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n [attr.d]=\"phaser\"\n fill=\"black\"\n />\n </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] }]
|
|
10
|
+
args: [{ selector: 'symphony-phaser', template: "<div>\n <svg\n width=\"140\"\n height=\"140\"\n viewBox=\"0 0 140 140\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [class]=\"outlineColor\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n [attr.d]=\"phaser\"\n fill=\"black\"\n />\n </svg>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.background-color-black{fill:#000}.background-color-yellow{fill:#fde928}\n"] }]
|
|
11
11
|
}], ctorParameters: function () { return []; }, propDecorators: { phaser: [{
|
|
12
12
|
type: Input
|
|
13
13
|
}], outlineColor: [{
|
package/esm2020/projects/component-library/lib/molecules/color-swatch/color-swatch.component.mjs
CHANGED
|
@@ -19,7 +19,7 @@ export class ColorSwatchComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
ColorSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
ColorSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSwatchComponent, selector: "symphony-ui-color-explorer", inputs: { colorSwatchModel: "colorSwatchModel" }, ngImport: i0, template: "<div class=\"sfx-ui-color-explorer\">\n <symphony-color-sample\n [color]=\"colorSwatchModel.color\"\n ></symphony-color-sample>\n <symphony-h3\n [text]=\"colorSwatchModel.colorName\"\n ></symphony-h3>\n <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""], components: [{ type: i1.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
|
|
22
|
+
ColorSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSwatchComponent, selector: "symphony-ui-color-explorer", inputs: { colorSwatchModel: "colorSwatchModel" }, ngImport: i0, template: "<div class=\"sfx-ui-color-explorer\">\n <symphony-color-sample\n [color]=\"colorSwatchModel.color\"\n ></symphony-color-sample>\n <symphony-h3\n [text]=\"colorSwatchModel.colorName\"\n ></symphony-h3>\n <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""], components: [{ type: i1.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color", "isSmall"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSwatchComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'symphony-ui-color-explorer', template: "<div class=\"sfx-ui-color-explorer\">\n <symphony-color-sample\n [color]=\"colorSwatchModel.color\"\n ></symphony-color-sample>\n <symphony-h3\n [text]=\"colorSwatchModel.colorName\"\n ></symphony-h3>\n <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""] }]
|
package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs
CHANGED
|
@@ -16,7 +16,7 @@ export class FeedbackCardComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title{-webkit-line-clamp:2}.card-wrap-text.body{-webkit-line-clamp:4}.card-item{box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}.additional-details .color-sample{height:20px!important;width:20px!important}.additional-details .display-text{margin-top:10px;display:inline-block}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", 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", "isFontBold"] }, { type: i4.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
19
|
+
FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title{-webkit-line-clamp:2}.card-wrap-text.body{-webkit-line-clamp:4}.card-item{box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}.additional-details .color-sample{height:20px!important;width:20px!important}.additional-details .display-text{margin-top:10px;display:inline-block}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", 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", "isFontBold"] }, { type: i4.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color", "isSmall"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title{-webkit-line-clamp:2}.card-wrap-text.body{-webkit-line-clamp:4}.card-item{box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}.additional-details .color-sample{height:20px!important;width:20px!important}.additional-details .display-text{margin-top:10px;display:inline-block}\n"] }]
|
package/esm2020/projects/component-library/lib/molecules/phaser-card/phaser-card.component.mjs
CHANGED
|
@@ -18,10 +18,10 @@ export class PhaserCardComponent {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
PhaserCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
PhaserCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserCardComponent, selector: "symphony-phaser-card", inputs: { model: "model", isClickable: "isClickable", hasHover: "hasHover" }, outputs: { cardClicked: "cardClicked", cardHover: "cardHover" }, ngImport: i0, template: "<div\n *ngIf=\"model\"\n class=\"card-item-wrapper\"\n [style.height.px]=\"model.cardHeightPx\"\n [style.width.px]=\"model.cardWidthPx\"\n [ngClass]=\"{ 'has-hover': model.isClickable }\"\n [ngClass]=\"{ 'has-hover': model.hasHover }\"\n (click)=\"isClickable && onCardClick()\"\n (mouseenter)=\"hasHover && onCardHover()\"\n>\n <div class=\"card-item\">\n <div\n class=\"card-phaser-wrapper \"\n [ngClass]=\"{ 'snap-in': model.hasAnimation }\"\n [class]=\"model.backgroundColor\"\n >\n <symphony-phaser\n [phaser]=\"model.phaserState\"\n [outlineColor]=\"model.phaserOutlineColor\"\n ></symphony-phaser>\n </div>\n\n <div\n class=\"card-content-wrapper\"\n [ngClass]=\"{ 'snap-in-content': model.hasAnimation }\"\n >\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h5\n [text]=\"model.eyebrowText\"\n title=\"{{ model.eyebrowText }}\"\n class=\"sfx-ellipse\"\n ></symphony-h5>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-h3\n [text]=\"model.messageBody\"\n title=\"{{ model.messageBody }}\"\n ></symphony-h3>\n </div>\n </div>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25);height:407px;background:#fff}.card-item-wrapper.has-hover{cursor:pointer}.card-item-wrapper .card-phaser-wrapper{height:203.5px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snap-in{animation:snap-in .75s ease-in-out 0s}@keyframes snap-in{0%{height:407px}25%{height:190px}50%{height:195px}to{height:200px}}.snap-in-content{animation:snap-in-content .75s ease-in-out 0s}@keyframes snap-in-content{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"], components: [{ type: i1.PhaserComponent, selector: "symphony-phaser", inputs: ["phaser", "outlineColor"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
21
|
+
PhaserCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PhaserCardComponent, selector: "symphony-phaser-card", inputs: { model: "model", isClickable: "isClickable", hasHover: "hasHover" }, outputs: { cardClicked: "cardClicked", cardHover: "cardHover" }, ngImport: i0, template: "<div\n *ngIf=\"model\"\n class=\"card-item-wrapper\"\n [style.height.px]=\"model.cardHeightPx\"\n [style.width.px]=\"model.cardWidthPx\"\n [ngClass]=\"{ 'has-hover': model.isClickable }\"\n [ngClass]=\"{ 'has-hover': model.hasHover }\"\n (click)=\"isClickable && onCardClick()\"\n (mouseenter)=\"hasHover && onCardHover()\"\n>\n <div class=\"card-item\">\n <div\n class=\"card-phaser-wrapper \"\n [ngClass]=\"{ 'snap-in': model.hasAnimation }\"\n [class]=\"model.backgroundColor\"\n >\n <symphony-phaser\n [phaser]=\"model.phaserState\"\n [outlineColor]=\"model.phaserOutlineColor\"\n ></symphony-phaser>\n </div>\n\n <div\n class=\"card-content-wrapper\"\n [ngClass]=\"{ 'snap-in-content': model.hasAnimation }\"\n >\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h5\n [text]=\"model.eyebrowText\"\n title=\"{{ model.eyebrowText }}\"\n class=\"sfx-ellipse\"\n ></symphony-h5>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-h3\n [text]=\"model.messageBody\"\n title=\"{{ model.messageBody }}\"\n ></symphony-h3>\n </div>\n </div>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25);height:407px;background:#fff}.card-item-wrapper.has-hover{cursor:pointer}.card-item-wrapper .card-phaser-wrapper{height:203.5px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snap-in{animation:snap-in .75s ease-in-out 0s}@keyframes snap-in{0%{height:407px}25%{height:190px}50%{height:195px}to{height:200px}}.snap-in-content{animation:snap-in-content .75s ease-in-out 0s}@keyframes snap-in-content{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"], components: [{ type: i1.PhaserComponent, selector: "symphony-phaser", inputs: ["phaser", "outlineColor"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PhaserCardComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'symphony-phaser-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"model\"\n class=\"card-item-wrapper\"\n [style.height.px]=\"model.cardHeightPx\"\n [style.width.px]=\"model.cardWidthPx\"\n [ngClass]=\"{ 'has-hover': model.isClickable }\"\n [ngClass]=\"{ 'has-hover': model.hasHover }\"\n (click)=\"isClickable && onCardClick()\"\n (mouseenter)=\"hasHover && onCardHover()\"\n>\n <div class=\"card-item\">\n <div\n class=\"card-phaser-wrapper \"\n [ngClass]=\"{ 'snap-in': model.hasAnimation }\"\n [class]=\"model.backgroundColor\"\n >\n <symphony-phaser\n [phaser]=\"model.phaserState\"\n [outlineColor]=\"model.phaserOutlineColor\"\n ></symphony-phaser>\n </div>\n\n <div\n class=\"card-content-wrapper\"\n [ngClass]=\"{ 'snap-in-content': model.hasAnimation }\"\n >\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h5\n [text]=\"model.eyebrowText\"\n title=\"{{ model.eyebrowText }}\"\n class=\"sfx-ellipse\"\n ></symphony-h5>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-h3\n [text]=\"model.messageBody\"\n title=\"{{ model.messageBody }}\"\n ></symphony-h3>\n </div>\n </div>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25);height:407px;background:#fff}.card-item-wrapper.has-hover{cursor:pointer}.card-item-wrapper .card-phaser-wrapper{height:203.5px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snap-in{animation:snap-in .75s ease-in-out 0s}@keyframes snap-in{0%{height:407px}25%{height:190px}50%{height:195px}to{height:200px}}.snap-in-content{animation:snap-in-content .75s ease-in-out 0s}@keyframes snap-in-content{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"] }]
|
|
24
|
+
args: [{ selector: 'symphony-phaser-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"model\"\n class=\"card-item-wrapper\"\n [style.height.px]=\"model.cardHeightPx\"\n [style.width.px]=\"model.cardWidthPx\"\n [ngClass]=\"{ 'has-hover': model.isClickable }\"\n [ngClass]=\"{ 'has-hover': model.hasHover }\"\n (click)=\"isClickable && onCardClick()\"\n (mouseenter)=\"hasHover && onCardHover()\"\n>\n <div class=\"card-item\">\n <div\n class=\"card-phaser-wrapper \"\n [ngClass]=\"{ 'snap-in': model.hasAnimation }\"\n [class]=\"model.backgroundColor\"\n >\n <symphony-phaser\n [phaser]=\"model.phaserState\"\n [outlineColor]=\"model.phaserOutlineColor\"\n ></symphony-phaser>\n </div>\n\n <div\n class=\"card-content-wrapper\"\n [ngClass]=\"{ 'snap-in-content': model.hasAnimation }\"\n >\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h5\n [text]=\"model.eyebrowText\"\n title=\"{{ model.eyebrowText }}\"\n class=\"sfx-ellipse\"\n ></symphony-h5>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-h3\n [text]=\"model.messageBody\"\n title=\"{{ model.messageBody }}\"\n ></symphony-h3>\n </div>\n </div>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.color-sample-small{float:left;border-radius:50%;height:15px;width:15px;margin:12% 5px 5px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}.card-item-wrapper{position:relative;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25);height:407px;background:#fff}.card-item-wrapper.has-hover{cursor:pointer}.card-item-wrapper .card-phaser-wrapper{height:203.5px;display:flex;justify-content:center;align-items:center}.card-item-wrapper .card-item{transition:.2s;transform-origin:bottom;animation-duration:2s;animation-iteration-count:1}.card-item-wrapper .card-item .card-content-wrapper{padding:30px;background-color:#fff}.card-item-wrapper .card-title-wrap{margin-bottom:11px}.card-item-wrapper .card-title-wrap h5{font-family:neuzeit_groteskregular,sans-serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-item-wrapper .card-description h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-item-wrapper .card-icon{padding-right:8px}.snap-in{animation:snap-in .75s ease-in-out 0s}@keyframes snap-in{0%{height:407px}25%{height:190px}50%{height:195px}to{height:200px}}.snap-in-content{animation:snap-in-content .75s ease-in-out 0s}@keyframes snap-in-content{0%{transform:translateY(200px);height:0;opacity:0}25%{opacity:1}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);height:220px;opacity:1}}\n"] }]
|
|
25
25
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], isClickable: [{
|