info-library 2.14.56-beta.1 → 2.14.56
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/directives/safehtml.directive.d.ts +3 -2
- package/esm2020/controls/timeline/timeline.component.mjs +9 -9
- package/esm2020/directives/safehtml.directive.mjs +11 -13
- package/esm2020/global-config.mjs +1 -2
- package/esm2020/model/app-config.model.mjs +2 -1
- package/esm2020/model/html-sanitizer-config.model.mjs +2 -2
- package/esm2020/public_api.mjs +2 -2
- package/fesm2015/info-library.mjs +47 -52
- package/fesm2015/info-library.mjs.map +1 -1
- package/fesm2020/info-library.mjs +45 -47
- package/fesm2020/info-library.mjs.map +1 -1
- package/global-config.d.ts +0 -2
- package/model/app-config.model.d.ts +1 -0
- package/model/html-sanitizer-config.model.d.ts +1 -0
- package/package.json +1 -1
- package/public_api.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, SecurityContext, Directive,
|
|
2
|
+
import { InjectionToken, SecurityContext, Directive, Input, Injectable, Inject, Pipe, Component, EventEmitter, forwardRef, Output, ViewChild, Renderer2, ElementRef, HostListener, ContentChildren, HostBinding, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/platform-browser';
|
|
4
4
|
import DOMPurify from 'dompurify';
|
|
5
5
|
import { conformToMask, createTextMaskInputElement } from 'text-mask-core/dist/textMaskCore';
|
|
@@ -56,52 +56,17 @@ import { MatChipsModule } from '@angular/material/chips';
|
|
|
56
56
|
import { MatRadioModule } from '@angular/material/radio';
|
|
57
57
|
|
|
58
58
|
const DICTIONARIES_CONFIG = new InjectionToken('DICTIONARIES_CONFIG');
|
|
59
|
-
const APICONTROLLER_CONFIG = new InjectionToken('APICONTROLLER_CONFIG');
|
|
60
|
-
const HTML_SANITIZER_CONFIG = new InjectionToken('HTML_SANITIZER_CONFIG');
|
|
59
|
+
const APICONTROLLER_CONFIG = new InjectionToken('APICONTROLLER_CONFIG');
|
|
61
60
|
|
|
62
61
|
class HtmlSanitizerConfig {
|
|
63
62
|
constructor() {
|
|
64
|
-
|
|
63
|
+
this.allowedTags = ['small', 'b', 'i', 'a', 'span', 'br'];
|
|
65
64
|
//allowedAttributes: string[] = [ 'class' ];
|
|
66
65
|
this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
|
|
67
66
|
this.forbiddenAttributes = ['src', 'srcset', 'onerror', 'onclick', 'onload'];
|
|
68
67
|
}
|
|
69
68
|
}
|
|
70
69
|
|
|
71
|
-
class InfoSafeHtmlDirective {
|
|
72
|
-
constructor(elementRef, sanitizer, config) {
|
|
73
|
-
this.elementRef = elementRef;
|
|
74
|
-
this.sanitizer = sanitizer;
|
|
75
|
-
this.config = config;
|
|
76
|
-
this.safeHtml = '';
|
|
77
|
-
this.defaultConfig = new HtmlSanitizerConfig();
|
|
78
|
-
this.domPurifyConfig = {
|
|
79
|
-
FORBID_TAGS: this.config?.forbiddenTags ?? this.defaultConfig.forbiddenTags,
|
|
80
|
-
FORBID_ATTR: this.config?.forbiddenAttributes ?? this.defaultConfig.forbiddenAttributes
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
ngOnChanges() {
|
|
84
|
-
if (!this.safeHtml)
|
|
85
|
-
return;
|
|
86
|
-
const sanitized = DOMPurify.sanitize(this.safeHtml, this.domPurifyConfig);
|
|
87
|
-
const finalHtml = this.sanitizer.sanitize(SecurityContext.HTML, sanitized) || '';
|
|
88
|
-
this.elementRef.nativeElement.innerHTML = finalHtml;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
/** @nocollapse */ InfoSafeHtmlDirective.ɵfac = function InfoSafeHtmlDirective_Factory(t) { return new (t || InfoSafeHtmlDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.DomSanitizer), i0.ɵɵdirectiveInject(HTML_SANITIZER_CONFIG)); };
|
|
92
|
-
/** @nocollapse */ InfoSafeHtmlDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: InfoSafeHtmlDirective, selectors: [["", "safeHtml", ""]], inputs: { safeHtml: "safeHtml" }, features: [i0.ɵɵNgOnChangesFeature] });
|
|
93
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSafeHtmlDirective, [{
|
|
94
|
-
type: Directive,
|
|
95
|
-
args: [{
|
|
96
|
-
selector: '[safeHtml]'
|
|
97
|
-
}]
|
|
98
|
-
}], function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: HtmlSanitizerConfig, decorators: [{
|
|
99
|
-
type: Inject,
|
|
100
|
-
args: [HTML_SANITIZER_CONFIG]
|
|
101
|
-
}] }]; }, { safeHtml: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}] }); })();
|
|
104
|
-
|
|
105
70
|
class InfoAppConfigModel {
|
|
106
71
|
constructor() {
|
|
107
72
|
this.production = false;
|
|
@@ -115,6 +80,7 @@ class InfoAppConfigModel {
|
|
|
115
80
|
this.enabledPrime = false;
|
|
116
81
|
this.title = '';
|
|
117
82
|
this.headers = [];
|
|
83
|
+
this.allowedTags = [];
|
|
118
84
|
}
|
|
119
85
|
}
|
|
120
86
|
|
|
@@ -339,6 +305,38 @@ class InfoNotificationModel {
|
|
|
339
305
|
class InfoNotificationItemModel {
|
|
340
306
|
}
|
|
341
307
|
|
|
308
|
+
class InfoSafeHtmlDirective {
|
|
309
|
+
constructor(elementRef, sanitizer, platform) {
|
|
310
|
+
this.elementRef = elementRef;
|
|
311
|
+
this.sanitizer = sanitizer;
|
|
312
|
+
this.platform = platform;
|
|
313
|
+
this.safeHtml = '';
|
|
314
|
+
this.defaultConfig = new HtmlSanitizerConfig();
|
|
315
|
+
this.domPurifyConfig = {
|
|
316
|
+
ALLOWED_TAGS: this.platform.Config.allowedTags,
|
|
317
|
+
FORBID_TAGS: this.defaultConfig.forbiddenTags,
|
|
318
|
+
FORBID_ATTR: this.defaultConfig.forbiddenAttributes
|
|
319
|
+
};
|
|
320
|
+
}
|
|
321
|
+
ngOnChanges() {
|
|
322
|
+
if (!this.safeHtml)
|
|
323
|
+
return;
|
|
324
|
+
const sanitized = DOMPurify.sanitize(this.safeHtml, this.domPurifyConfig);
|
|
325
|
+
const finalHtml = this.sanitizer.sanitize(SecurityContext.HTML, sanitized) || '';
|
|
326
|
+
this.elementRef.nativeElement.innerHTML = finalHtml;
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
/** @nocollapse */ InfoSafeHtmlDirective.ɵfac = function InfoSafeHtmlDirective_Factory(t) { return new (t || InfoSafeHtmlDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.DomSanitizer), i0.ɵɵdirectiveInject(InfoPlatformModel)); };
|
|
330
|
+
/** @nocollapse */ InfoSafeHtmlDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: InfoSafeHtmlDirective, selectors: [["", "safeHtml", ""]], inputs: { safeHtml: "safeHtml" }, features: [i0.ɵɵNgOnChangesFeature] });
|
|
331
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSafeHtmlDirective, [{
|
|
332
|
+
type: Directive,
|
|
333
|
+
args: [{
|
|
334
|
+
selector: '[safeHtml]'
|
|
335
|
+
}]
|
|
336
|
+
}], function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: InfoPlatformModel }]; }, { safeHtml: [{
|
|
337
|
+
type: Input
|
|
338
|
+
}] }); })();
|
|
339
|
+
|
|
342
340
|
var InfoDialogButtons;
|
|
343
341
|
(function (InfoDialogButtons) {
|
|
344
342
|
InfoDialogButtons[InfoDialogButtons["Ok"] = 0] = "Ok";
|
|
@@ -6491,7 +6489,7 @@ function InfoTimelineComponent_div_4_h2_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
6491
6489
|
i0.ɵɵadvance(1);
|
|
6492
6490
|
i0.ɵɵtextInterpolate(item_r2.Title);
|
|
6493
6491
|
} }
|
|
6494
|
-
function
|
|
6492
|
+
function InfoTimelineComponent_div_4_h3_6_Template(rf, ctx) { if (rf & 1) {
|
|
6495
6493
|
i0.ɵɵelementStart(0, "h3");
|
|
6496
6494
|
i0.ɵɵtext(1);
|
|
6497
6495
|
i0.ɵɵelementEnd();
|
|
@@ -6506,9 +6504,9 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6506
6504
|
i0.ɵɵelement(1, "div", 8);
|
|
6507
6505
|
i0.ɵɵelementStart(2, "div", 9);
|
|
6508
6506
|
i0.ɵɵtemplate(3, InfoTimelineComponent_div_4_h2_3_Template, 2, 1, "h2", 10);
|
|
6509
|
-
i0.ɵɵ
|
|
6510
|
-
i0.ɵɵ
|
|
6511
|
-
i0.ɵɵ
|
|
6507
|
+
i0.ɵɵelement(4, "p", 11);
|
|
6508
|
+
i0.ɵɵpipe(5, "translate");
|
|
6509
|
+
i0.ɵɵtemplate(6, InfoTimelineComponent_div_4_h3_6_Template, 2, 2, "h3", 10);
|
|
6512
6510
|
i0.ɵɵelementEnd()();
|
|
6513
6511
|
} if (rf & 2) {
|
|
6514
6512
|
const item_r2 = ctx.$implicit;
|
|
@@ -6517,9 +6515,9 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6517
6515
|
i0.ɵɵadvance(2);
|
|
6518
6516
|
i0.ɵɵproperty("ngIf", item_r2.Title);
|
|
6519
6517
|
i0.ɵɵadvance(1);
|
|
6518
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(5, 4, item_r2.Content));
|
|
6519
|
+
i0.ɵɵadvance(2);
|
|
6520
6520
|
i0.ɵɵproperty("ngIf", item_r2.Date);
|
|
6521
|
-
i0.ɵɵadvance(1);
|
|
6522
|
-
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(6, 4, item_r2.Content));
|
|
6523
6521
|
} }
|
|
6524
6522
|
class InfoTimelineComponent {
|
|
6525
6523
|
constructor() {
|
|
@@ -6555,13 +6553,13 @@ class InfoTimelineComponent {
|
|
|
6555
6553
|
i0.ɵɵproperty("ngIf", ctx.label != "");
|
|
6556
6554
|
i0.ɵɵadvance(2);
|
|
6557
6555
|
i0.ɵɵproperty("ngForOf", ctx.data);
|
|
6558
|
-
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.
|
|
6556
|
+
} }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgStyle, InfoSafeHtmlDirective, InfoTranslatePipe], styles: ["body[_ngcontent-%COMP%]{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}[_nghost-%COMP%]{display:block;position:relative;margin:20px 0 10px;font-size:.9em}[_nghost-%COMP%] .line[_ngcontent-%COMP%]{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{display:flex;padding:.7857143rem 0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-left:32px}}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{font-size:.875rem;margin-bottom:.7857143rem}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after, [_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-right-color:#eee;right:100%}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:none;left:100%;border-left-color:#eee}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{margin-top:0}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-weight:700;font-size:.9em;margin:0;display:block}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:5px 0!important}[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:.7em;text-align:right;color:#666;display:block;margin:0}.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{top:calc(1.17857145rem + 1px)}.align-right[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:auto;margin:0 -1px 0 auto;right:6px}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:flex-end}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 50px 0 0}@media only screen and (max-width: 543px){.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0 32px 0 0}}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:auto;right:0}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{text-align:right}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{display:none}.align-right[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:after{display:block}.align-center[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%]{align-items:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0;text-align:center}@media only screen and (max-width: 543px){.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:0}}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{left:50%;margin:-26px 0 0 -6px;top:0}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%]{margin-bottom:33px;text-align:center}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-date[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}.align-center[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-content[_ngcontent-%COMP%]:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}.align-center.show-date[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-point[_ngcontent-%COMP%]{margin-top:40px}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .line[_ngcontent-%COMP%]{left:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-label[_ngcontent-%COMP%]{justify-content:center}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:50%}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even){align-self:flex-end}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(even) .item-point[_ngcontent-%COMP%]{left:0;margin-left:-6px}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-point[_ngcontent-%COMP%]{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]{text-align:left}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:before{display:none}.align-between[_nghost-%COMP%] .timeline-box[_ngcontent-%COMP%] .box-items[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:nth-child(odd) .item-content[_ngcontent-%COMP%]:after{display:block}}"] });
|
|
6559
6557
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTimelineComponent, [{
|
|
6560
6558
|
type: Component,
|
|
6561
6559
|
args: [{ selector: 'info-timeline', host: {
|
|
6562
6560
|
'[class.timeline]': 'true',
|
|
6563
6561
|
'[class.show-date]': 'true'
|
|
6564
|
-
}, template: "<span class=\"line\"></span>\r\n\r\n<div class=\"timeline-box\">\r\n <div class=\"box-label\" *ngIf=\"label != ''\">\r\n <div class=\"label-text\">{{label}}</div>\r\n </div>\r\n\r\n <div class=\"box-items\">\r\n <div class=\"item\" *ngFor=\"let item of data\">\r\n <div class=\"item-point\" [ngStyle]=\"{ 'border-color': item.PointColor }\"></div>\r\n <div class=\"item-content\">\r\n <h2 *ngIf=\"item.Title\">{{item.Title}}</h2>\r\n <h3 *ngIf=\"item.Date\">{{ item.Date }} \u00E0s {{ item.Hour }}</h3>\r\n
|
|
6562
|
+
}, template: "<span class=\"line\"></span>\r\n\r\n<div class=\"timeline-box\">\r\n <div class=\"box-label\" *ngIf=\"label != ''\">\r\n <div class=\"label-text\">{{label}}</div>\r\n </div>\r\n\r\n <div class=\"box-items\">\r\n <div class=\"item\" *ngFor=\"let item of data\">\r\n <div class=\"item-point\" [ngStyle]=\"{ 'border-color': item.PointColor }\"></div>\r\n <div class=\"item-content\">\r\n <h2 *ngIf=\"item.Title\">{{item.Title}}</h2>\r\n <p [safeHtml]=\"item.Content | translate\"></p>\r\n <h3 *ngIf=\"item.Date\">{{ item.Date }} \u00E0s {{ item.Hour }}</h3>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative;margin:20px 0 10px;font-size:.9em}:host .line{border-left:2px solid #eee;height:100%;left:6px;margin-left:-1px;position:absolute;top:0}:host .timeline-box .box-label{display:flex;padding:.7857143rem 0}:host .timeline-box .box-label .label-text{border-radius:0;color:#fff;display:inline-block;min-width:6.2857144rem;padding:.39285715rem .7857143rem;position:relative;text-align:center}:host .timeline-box .box-items{display:flex;flex-direction:column}:host .timeline-box .box-items .item{margin:0;padding-left:50px;position:relative}@media only screen and (max-width: 543px){:host .timeline-box .box-items .item{padding-left:32px}}:host .timeline-box .box-items .item .item-point{background:#fff;border-radius:50%;display:block;height:12px;left:0;position:absolute;top:calc(1.17857145rem + 1px);width:12px}:host .timeline-box .box-items .item .item-date{font-size:.875rem;margin-bottom:.7857143rem}:host .timeline-box .box-items .item .item-content{margin-bottom:5px;background:#eee;border-radius:0;display:inline-block;padding:12px;position:relative;width:auto;min-width:180px;box-shadow:0 0 5px #f5f5f5}:host .timeline-box .box-items .item .item-content:after,:host .timeline-box .box-items .item .item-content:before{border:10px solid transparent;content:\"\";display:block;height:0;position:absolute;top:14px;width:0}:host .timeline-box .box-items .item .item-content:before{border-right-color:#eee;right:100%}:host .timeline-box .box-items .item .item-content:after{display:none;left:100%;border-left-color:#eee}:host .timeline-box .box-items .item .item-content .item-title{margin-top:0}:host .timeline-box .box-items .item .item-content h2{font-weight:700;font-size:.9em;margin:0;display:block}:host .timeline-box .box-items .item .item-content p{margin:5px 0!important}:host .timeline-box .box-items .item .item-content h3{font-size:.7em;text-align:right;color:#666;display:block;margin:0}:host.show-date .timeline-box .box-items .item .item-point{top:calc(1.17857145rem + 1px)}:host.align-right .line{left:auto;margin:0 -1px 0 auto;right:6px}:host.align-right .timeline-box .box-label{justify-content:flex-end}:host.align-right .timeline-box .box-items{align-items:flex-end}:host.align-right .timeline-box .box-items .item{padding:0 50px 0 0}@media only screen and (max-width: 543px){:host.align-right .timeline-box .box-items .item{padding:0 32px 0 0}}:host.align-right .timeline-box .box-items .item .item-point{left:auto;right:0}:host.align-right .timeline-box .box-items .item .item-date{text-align:right}:host.align-right .timeline-box .box-items .item .item-content:before{display:none}:host.align-right .timeline-box .box-items .item .item-content:after{display:block}:host.align-center .line{left:50%}:host.align-center .timeline-box .box-label{justify-content:center}:host.align-center .timeline-box .box-items{align-items:center}:host.align-center .timeline-box .box-items .item{padding:0;text-align:center}@media only screen and (max-width: 543px){:host.align-center .timeline-box .box-items .item{padding:0}}:host.align-center .timeline-box .box-items .item .item-point{left:50%;margin:-26px 0 0 -6px;top:0}:host.align-center .timeline-box .box-items .item .item-date{margin-bottom:33px;text-align:center}:host.align-center .timeline-box .box-items .item .item-date span{background:#eee;border:1px solid #eee;border-radius:0;display:inline-block;padding:.39285715rem .7857143rem}:host.align-center .timeline-box .box-items .item .item-content:before{border-color:transparent transparent #ddd transparent;left:50%;margin:-20px 0 0 -10px;top:0}:host.align-center.show-date .timeline-box .box-items .item .item-point{margin-top:40px}@media only screen and (min-width: 768px){:host.align-between .line{left:50%}:host.align-between .timeline-box .box-label{justify-content:center}:host.align-between .timeline-box .box-items .item{width:50%}:host.align-between .timeline-box .box-items .item:nth-child(even){align-self:flex-end}:host.align-between .timeline-box .box-items .item:nth-child(even) .item-point{left:0;margin-left:-6px}:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 50px 0 0;text-align:right}}@media only screen and (min-width: 768px) and (max-width: 543px){:host.align-between .timeline-box .box-items .item:nth-child(odd){padding:0 32px 0 0}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-point{left:100%;margin-left:-6px}}@media only screen and (min-width: 768px){:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content{text-align:left}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:before{display:none}:host.align-between .timeline-box .box-items .item:nth-child(odd) .item-content:after{display:block}}\n"] }]
|
|
6565
6563
|
}], function () { return []; }, { showdate: [{
|
|
6566
6564
|
type: Input
|
|
6567
6565
|
}], align: [{
|
|
@@ -9247,5 +9245,5 @@ class InfoLibraryModule {
|
|
|
9247
9245
|
* Generated bundle index. Do not edit.
|
|
9248
9246
|
*/
|
|
9249
9247
|
|
|
9250
|
-
export { APICONTROLLER_CONFIG, DICTIONARIES_CONFIG,
|
|
9248
|
+
export { APICONTROLLER_CONFIG, DICTIONARIES_CONFIG, InfoAlertComponent, InfoAppConfigModel, InfoAuthenticationService, InfoAutoCompleteComponent, InfoBigCheckboxComponent, InfoCardComponent, InfoCheckboxComponent, InfoChipsComponent, InfoConfigurationService, InfoDataAccessModel, InfoDataService, InfoDateComponent, InfoDateMonthComponent, InfoDialogButtons, InfoDialogComponent, InfoDialogModal, InfoDialogModel, InfoDialogResult, InfoEditorComponent, InfoFilterComponent, InfoFormPropModel, InfoGridButtonModel, InfoGridComponent, InfoGridModalComponent, InfoInputComponent, InfoInputListComponent, InfoLastSearchModel, InfoLibraryModule, InfoListCheckboxComponent, InfoLoadingComponent, InfoLoginModel, InfoMainComponent, InfoMaskPipe, InfoMenuCardComponent, InfoMessageComponent, InfoMethodGridButtonModel, InfoModalAction, InfoModalComponent, InfoMultiSelectComponent, InfoNotificationItemModel, InfoNotificationModel, InfoPageAction, InfoPagebarButtonModel, InfoPagebarComponent, InfoPaginatorComponent, InfoPermissionModel, InfoPlatformModel, InfoSafeHtmlDirective, InfoSelectComponent, InfoSessionModel, InfoSidebarComponent, InfoThemeService, InfoTimelineComponent, InfoTopMenuComponent, InfoTopbarComponent, InfoTranslatePipe, InfoTranslateService };
|
|
9251
9249
|
//# sourceMappingURL=info-library.mjs.map
|