info-library 2.14.54 → 2.14.56-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/controls/timeline/timeline.component.mjs +9 -9
- package/esm2020/model/pagebar-buttons.model.mjs +1 -1
- package/fesm2015/info-library.mjs +8 -8
- package/fesm2015/info-library.mjs.map +1 -1
- package/fesm2020/info-library.mjs +8 -8
- package/fesm2020/info-library.mjs.map +1 -1
- package/model/pagebar-buttons.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6491,7 +6491,7 @@ function InfoTimelineComponent_div_4_h2_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
6491
6491
|
i0.ɵɵadvance(1);
|
|
6492
6492
|
i0.ɵɵtextInterpolate(item_r2.Title);
|
|
6493
6493
|
} }
|
|
6494
|
-
function
|
|
6494
|
+
function InfoTimelineComponent_div_4_h3_4_Template(rf, ctx) { if (rf & 1) {
|
|
6495
6495
|
i0.ɵɵelementStart(0, "h3");
|
|
6496
6496
|
i0.ɵɵtext(1);
|
|
6497
6497
|
i0.ɵɵelementEnd();
|
|
@@ -6506,9 +6506,9 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6506
6506
|
i0.ɵɵelement(1, "div", 8);
|
|
6507
6507
|
i0.ɵɵelementStart(2, "div", 9);
|
|
6508
6508
|
i0.ɵɵtemplate(3, InfoTimelineComponent_div_4_h2_3_Template, 2, 1, "h2", 10);
|
|
6509
|
-
i0.ɵɵ
|
|
6510
|
-
i0.ɵɵ
|
|
6511
|
-
i0.ɵɵ
|
|
6509
|
+
i0.ɵɵtemplate(4, InfoTimelineComponent_div_4_h3_4_Template, 2, 2, "h3", 10);
|
|
6510
|
+
i0.ɵɵelement(5, "p", 11);
|
|
6511
|
+
i0.ɵɵpipe(6, "translate");
|
|
6512
6512
|
i0.ɵɵelementEnd()();
|
|
6513
6513
|
} if (rf & 2) {
|
|
6514
6514
|
const item_r2 = ctx.$implicit;
|
|
@@ -6517,9 +6517,9 @@ function InfoTimelineComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6517
6517
|
i0.ɵɵadvance(2);
|
|
6518
6518
|
i0.ɵɵproperty("ngIf", item_r2.Title);
|
|
6519
6519
|
i0.ɵɵadvance(1);
|
|
6520
|
-
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(5, 4, item_r2.Content));
|
|
6521
|
-
i0.ɵɵadvance(2);
|
|
6522
6520
|
i0.ɵɵproperty("ngIf", item_r2.Date);
|
|
6521
|
+
i0.ɵɵadvance(1);
|
|
6522
|
+
i0.ɵɵproperty("safeHtml", i0.ɵɵpipeBind1(6, 4, item_r2.Content));
|
|
6523
6523
|
} }
|
|
6524
6524
|
class InfoTimelineComponent {
|
|
6525
6525
|
constructor() {
|
|
@@ -6555,13 +6555,13 @@ class InfoTimelineComponent {
|
|
|
6555
6555
|
i0.ɵɵproperty("ngIf", ctx.label != "");
|
|
6556
6556
|
i0.ɵɵadvance(2);
|
|
6557
6557
|
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:.
|
|
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:.8em;text-align:left;color:#666;display:block;margin:0;padding-top:5px}.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
6559
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTimelineComponent, [{
|
|
6560
6560
|
type: Component,
|
|
6561
6561
|
args: [{ selector: 'info-timeline', host: {
|
|
6562
6562
|
'[class.timeline]': 'true',
|
|
6563
6563
|
'[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 <
|
|
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 <p [safeHtml]=\"item.Content | translate\"></p>\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:.8em;text-align:left;color:#666;display:block;margin:0;padding-top:5px}: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
6565
|
}], function () { return []; }, { showdate: [{
|
|
6566
6566
|
type: Input
|
|
6567
6567
|
}], align: [{
|