@indigina/ui-kit 1.1.393 → 1.1.394
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.
|
@@ -5711,13 +5711,13 @@ class KitTimelineComponent {
|
|
|
5711
5711
|
this.items = [];
|
|
5712
5712
|
}
|
|
5713
5713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}\n"], dependencies: [{ kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}@container timeline (max-width: 400px){.kit-timeline{width:100%}.kit-timeline-row .kit-timeline-item:before{display:none}.kit-timeline-row .kit-timeline-item:after{height:40px;width:2px;background:var(--ui-kit-color-grey-11);left:50%;bottom:0;transform:translate(-50%);border:none}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0;margin:auto auto 50px;position:relative}.kit-timeline-row .kit-timeline-item .kit-timeline-card:before{display:none}.kit-timeline-row .kit-timeline-item .kit-timeline-card:after{content:\"\";position:absolute;width:8px;height:8px;border-top:2px solid var(--ui-kit-color-grey-11);border-right:2px solid var(--ui-kit-color-grey-11);left:50%;bottom:-20px;transform:translate(-50%) rotate(-45deg)}.kit-timeline-row:last-child .kit-timeline-item .kit-timeline-card{margin:auto}.kit-timeline-row:last-child .kit-timeline-item .kit-timeline-card:after{display:none}}\n"], dependencies: [{ kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5715
5715
|
}
|
|
5716
5716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTimelineComponent, decorators: [{
|
|
5717
5717
|
type: Component,
|
|
5718
5718
|
args: [{ selector: 'kit-timeline', imports: [
|
|
5719
5719
|
KitTimelineCardComponent,
|
|
5720
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}\n"] }]
|
|
5720
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}@container timeline (max-width: 400px){.kit-timeline{width:100%}.kit-timeline-row .kit-timeline-item:before{display:none}.kit-timeline-row .kit-timeline-item:after{height:40px;width:2px;background:var(--ui-kit-color-grey-11);left:50%;bottom:0;transform:translate(-50%);border:none}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0;margin:auto auto 50px;position:relative}.kit-timeline-row .kit-timeline-item .kit-timeline-card:before{display:none}.kit-timeline-row .kit-timeline-item .kit-timeline-card:after{content:\"\";position:absolute;width:8px;height:8px;border-top:2px solid var(--ui-kit-color-grey-11);border-right:2px solid var(--ui-kit-color-grey-11);left:50%;bottom:-20px;transform:translate(-50%) rotate(-45deg)}.kit-timeline-row:last-child .kit-timeline-item .kit-timeline-card{margin:auto}.kit-timeline-row:last-child .kit-timeline-item .kit-timeline-card:after{display:none}}\n"] }]
|
|
5721
5721
|
}], propDecorators: { items: [{
|
|
5722
5722
|
type: Input
|
|
5723
5723
|
}] } });
|