@sd-angular/core 1.0.61 → 1.0.62

package/fesm2015/sd-angular-core-timeline.js

@@ -0,0 +1,87 @@
+import { Directive, TemplateRef, Input, Component, ElementRef, ContentChildren, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class SdTimelineDefDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SdTimelineDefDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[sdTimelineDef]',
+            },] }
+];
+SdTimelineDefDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+SdTimelineDefDirective.propDecorators = {
+    sdTimelineDef: [{ type: Input }]
+};
+
+class SdTimelineComponent {
+    constructor(el) {
+        this.el = el;
+        this.align = "left";
+        this.layout = "vertical";
+        this.toggle = (item) => {
+            item.active = !item.active;
+        };
+    }
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.sdTimelineDef) {
+                case "content":
+                    this.contentTemplate = item.templateRef;
+                    break;
+                case "opposite":
+                    this.oppositeTemplate = item.templateRef;
+                    break;
+                case "marker":
+                    this.markerTemplate = item.templateRef;
+                    break;
+                case "detail":
+                    this.detailTemplate = item.templateRef;
+                    break;
+            }
+        });
+    }
+}
+SdTimelineComponent.decorators = [
+    { type: Component, args: [{
+                selector: "sd-timeline",
+                template: "<div\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n  [ngClass]=\"{\r\n    'sd-timeline': true,\r\n    'sd-timeline-left': align === 'left',\r\n    'sd-timeline-right': align === 'right',\r\n    'sd-timeline-top': align === 'top',\r\n    'sd-timeline-bottom': align === 'bottom',\r\n    'sd-timeline-alternate': align === 'alternate',\r\n    'sd-timeline-vertical': layout === 'vertical',\r\n    'sd-timeline-horizontal': layout === 'horizontal'\r\n  }\"\r\n>\r\n  <div *ngFor=\"let event of value; let last = last\" class=\"sd-timeline-event\">\r\n    <div class=\"sd-timeline-event-opposite\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"oppositeTemplate; context: { $implicit: event }\"\r\n      ></ng-container>\r\n    </div>\r\n    <div class=\"sd-timeline-event-separator\">\r\n      <ng-container *ngIf=\"markerTemplate; else marker\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"markerTemplate; context: { $implicit: event }\"\r\n        ></ng-container>\r\n      </ng-container>\r\n      <ng-template #marker>\r\n        <div class=\"sd-timeline-event-marker\"></div>\r\n      </ng-template>\r\n      <div *ngIf=\"!last\" class=\"sd-timeline-event-connector\"></div>\r\n    </div>\r\n    <div class=\"sd-timeline-event-content\">\r\n      <div (click)=\"toggle(event)\" class=\"sd-timeline-event-box\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"event.active\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"detailTemplate; context: { $implicit: event }\"\r\n          ></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".sd-timeline{display:flex;flex-direction:column;flex-grow:1}.sd-timeline-left .sd-timeline-event-opposite{text-align:right}.sd-timeline-left .sd-timeline-event-content{text-align:left}.sd-timeline-right .sd-timeline-event{flex-direction:row-reverse}.sd-timeline-right .sd-timeline-event-opposite{text-align:left}.sd-timeline-right .sd-timeline-event-content{text-align:right}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n){flex-direction:row-reverse}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(odd) .sd-timeline-event-opposite{text-align:right}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n) .sd-timeline-event-opposite,.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(odd) .sd-timeline-event-content{text-align:left}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n) .sd-timeline-event-content{text-align:right}.sd-timeline-vertical .sd-timeline-event-connector{width:1px}.sd-timeline-event{display:flex;position:relative}.sd-timeline-event:last-child{min-height:0}.sd-timeline-event-opposite{padding:0 1rem 1rem}.sd-timeline-event-content{flex:1;padding:0 1rem 1rem}.sd-timeline-event-separator{align-items:center;display:flex;flex:0;flex-direction:column;position:relative;top:1rem}.sd-timeline-event-marker{align-self:baseline;background-color:#fff;border:1px solid #94b0ff;border-radius:50%;display:flex;height:12px;width:12px}.sd-timeline-event-connector{background-color:#e5e5e5;flex-grow:1}.sd-timeline-horizontal{flex-direction:row}.sd-timeline-horizontal .sd-timeline-event{flex:1;flex-direction:column}.sd-timeline-horizontal .sd-timeline-event-content,.sd-timeline-horizontal .sd-timeline-event-opposite{padding:1rem 0}.sd-timeline-horizontal .sd-timeline-event-connector{height:2px}.sd-timeline-horizontal .sd-timeline-event:last-child{flex:0}.sd-timeline-horizontal .sd-timeline-event-separator{flex-direction:row}.sd-timeline-horizontal .sd-timeline-event-connector{width:100%}.sd-timeline-bottom .sd-timeline-event,.sd-timeline-horizontal.sd-timeline-alternate .sd-timeline-event:nth-child(2n){flex-direction:column-reverse}.sd-timeline-event-box{border-radius:4px;box-shadow:0 2px 4px rgba(47,49,54,.16);cursor:pointer;padding:12px}"]
+            },] }
+];
+SdTimelineComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+SdTimelineComponent.propDecorators = {
+    value: [{ type: Input }],
+    style: [{ type: Input }],
+    styleClass: [{ type: Input }],
+    align: [{ type: Input }],
+    layout: [{ type: Input }],
+    templates: [{ type: ContentChildren, args: [SdTimelineDefDirective,] }]
+};
+
+class SdTimelineModule {
+}
+SdTimelineModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [SdTimelineComponent, SdTimelineDefDirective],
+                exports: [SdTimelineComponent, SdTimelineDefDirective],
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdTimelineComponent, SdTimelineModule, SdTimelineDefDirective as ɵa };
+//# sourceMappingURL=sd-angular-core-timeline.js.map

package/fesm2015/sd-angular-core-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-timeline.js","sources":["../../../../projects/sd-core/timeline/src/lib/directives/timeline-def.directive.ts","../../../../projects/sd-core/timeline/src/lib/components/timeline.component.ts","../../../../projects/sd-core/timeline/src/lib/timeline.module.ts","../../../../projects/sd-core/timeline/src/public-api.ts","../../../../projects/sd-core/timeline/sd-angular-core-timeline.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdTimelineDef]',\r\n})\r\nexport class SdTimelineDefDirective {\r\n  @Input() sdTimelineDef: string;\r\n  constructor(public templateRef: TemplateRef<any>) {}\r\n}\r\n","import {\r\n  AfterContentInit,\r\n  Component,\r\n  ContentChildren,\r\n  ElementRef,\r\n  Input,\r\n  QueryList,\r\n  TemplateRef,\r\n} from \"@angular/core\";\r\nimport { SdTimelineDefDirective } from \"../directives/timeline-def.directive\";\r\n\r\n@Component({\r\n  selector: \"sd-timeline\",\r\n  templateUrl: \"./timeline.component.html\",\r\n  styleUrls: [\"./timeline.component.scss\"],\r\n})\r\nexport class SdTimelineComponent implements AfterContentInit {\r\n  @Input() value: any[];\r\n\r\n  @Input() style: any;\r\n\r\n  @Input() styleClass: string;\r\n\r\n  @Input() align: string = \"left\";\r\n\r\n  @Input() layout: string = \"vertical\";\r\n\r\n  @ContentChildren(SdTimelineDefDirective) templates: QueryList<any>;\r\n\r\n  contentTemplate: TemplateRef<any>;\r\n\r\n  oppositeTemplate: TemplateRef<any>;\r\n\r\n  markerTemplate: TemplateRef<any>;\r\n\r\n  detailTemplate: TemplateRef<any>;\r\n\r\n  constructor(private el: ElementRef) {}\r\n\r\n  ngAfterContentInit() {\r\n    this.templates.forEach((item) => {\r\n      switch (item.sdTimelineDef) {\r\n        case \"content\":\r\n          this.contentTemplate = item.templateRef;\r\n          break;\r\n\r\n        case \"opposite\":\r\n          this.oppositeTemplate = item.templateRef;\r\n          break;\r\n\r\n        case \"marker\":\r\n          this.markerTemplate = item.templateRef;\r\n          break;\r\n\r\n        case \"detail\":\r\n          this.detailTemplate = item.templateRef;\r\n          break;\r\n      }\r\n    });\r\n  }\r\n\r\n  toggle = (item) => {\r\n    item.active = !item.active;\r\n  };\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\n\r\nimport { SdTimelineComponent } from \"./components/timeline.component\";\r\nimport { SdTimelineDefDirective } from \"./directives/timeline-def.directive\";\r\n\r\n@NgModule({\r\n  imports: [CommonModule],\r\n  declarations: [SdTimelineComponent, SdTimelineDefDirective],\r\n  exports: [SdTimelineComponent, SdTimelineDefDirective],\r\n})\r\nexport class SdTimelineModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdTimelineModule } from \"./lib/timeline.module\";\r\nexport * from \"./lib/components/timeline.component\";\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdTimelineDefDirective as ɵa} from './src/lib/directives/timeline-def.directive';"],"names":[],"mappings":";;;MAKa,sBAAsB;IAEjC,YAAmB,WAA6B;QAA7B,gBAAW,GAAX,WAAW,CAAkB;KAAI;;;YALrD,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;aAC5B;;;YAJ0B,WAAW;;;4BAMnC,KAAK;;;MCUK,mBAAmB;IAqB9B,YAAoB,EAAc;QAAd,OAAE,GAAF,EAAE,CAAY;QAdzB,UAAK,GAAW,MAAM,CAAC;QAEvB,WAAM,GAAW,UAAU,CAAC;QAoCrC,WAAM,GAAG,CAAC,IAAI;YACZ,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;SAC5B,CAAC;KA1BoC;IAEtC,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI;YAC1B,QAAQ,IAAI,CAAC,aAAa;gBACxB,KAAK,SAAS;oBACZ,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC;oBACxC,MAAM;gBAER,KAAK,UAAU;oBACb,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC;oBACzC,MAAM;gBAER,KAAK,QAAQ;oBACX,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;oBACvC,MAAM;gBAER,KAAK,QAAQ;oBACX,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;oBACvC,MAAM;aACT;SACF,CAAC,CAAC;KACJ;;;YAhDF,SAAS,SAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,muDAAwC;;aAEzC;;;YAXC,UAAU;;;oBAaT,KAAK;oBAEL,KAAK;yBAEL,KAAK;oBAEL,KAAK;qBAEL,KAAK;wBAEL,eAAe,SAAC,sBAAsB;;;MChB5B,gBAAgB;;;YAL5B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,YAAY,EAAE,CAAC,mBAAmB,EAAE,sBAAsB,CAAC;gBAC3D,OAAO,EAAE,CAAC,mBAAmB,EAAE,sBAAsB,CAAC;aACvD;;;ACVD;;;;ACAA;;;;;;"}

package/form/sd-angular-core-form.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":31,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":32,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":33,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":34,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":35,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":36,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":37,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":38,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":39,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":40,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":41,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":42,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":43,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":44,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":45,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":46,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":47,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":48,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":49,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":50,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":51,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":52,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":53,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":54,"character":4}],"declarations":[],"providers":[],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":62,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":63,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":64,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":65,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":66,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":67,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":68,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":69,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":70,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":71,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":72,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":73,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":74,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":75,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":76,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":77,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":78,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":79,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":80,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":81,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":82,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":83,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":84,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":85,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":86,"character":4}]}]}],"members":{}}},"origins":{"SdFormModule":"./src/lib/form.module"},"importAs":"@sd-angular/core/form"}
+{"__symbolic":"module","version":4,"metadata":{"SdFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":31,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":33,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":34,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":35,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":36,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":37,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":38,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":39,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":40,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":41,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":42,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":43,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":44,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":45,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":46,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":47,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":48,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":49,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":50,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":51,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":52,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":53,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":54,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":55,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":56,"character":4}],"declarations":[],"providers":[],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":64,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":65,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":66,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":67,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":68,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":69,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":70,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":71,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":72,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":73,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":74,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":75,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":76,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":77,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":78,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":79,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":80,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":81,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":82,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":83,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":84,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":85,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":86,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":87,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":88,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":89,"character":4}]}]}],"members":{}}},"origins":{"SdFormModule":"./src/lib/form.module"},"importAs":"@sd-angular/core/form"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",

package/timeline/index.d.ts

@@ -0,0 +1 @@
+export * from './src/public-api';

package/timeline/package.json

@@ -0,0 +1,12 @@
+{
+  "peerDependencies": {},
+  "main": "../bundles/sd-angular-core-timeline.umd.js",
+  "module": "../fesm2015/sd-angular-core-timeline.js",
+  "es2015": "../fesm2015/sd-angular-core-timeline.js",
+  "esm2015": "../esm2015/timeline/sd-angular-core-timeline.js",
+  "fesm2015": "../fesm2015/sd-angular-core-timeline.js",
+  "typings": "sd-angular-core-timeline.d.ts",
+  "metadata": "sd-angular-core-timeline.metadata.json",
+  "sideEffects": false,
+  "name": "@sd-angular/core/timeline"
+}

package/timeline/sd-angular-core-timeline.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { SdTimelineDefDirective as ɵa } from './src/lib/directives/timeline-def.directive';

package/timeline/sd-angular-core-timeline.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"SdTimelineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"declarations":[{"__symbolic":"reference","name":"SdTimelineComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"SdTimelineComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"SdTimelineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sd-timeline","template":"<div\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n  [ngClass]=\"{\r\n    'sd-timeline': true,\r\n    'sd-timeline-left': align === 'left',\r\n    'sd-timeline-right': align === 'right',\r\n    'sd-timeline-top': align === 'top',\r\n    'sd-timeline-bottom': align === 'bottom',\r\n    'sd-timeline-alternate': align === 'alternate',\r\n    'sd-timeline-vertical': layout === 'vertical',\r\n    'sd-timeline-horizontal': layout === 'horizontal'\r\n  }\"\r\n>\r\n  <div *ngFor=\"let event of value; let last = last\" class=\"sd-timeline-event\">\r\n    <div class=\"sd-timeline-event-opposite\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"oppositeTemplate; context: { $implicit: event }\"\r\n      ></ng-container>\r\n    </div>\r\n    <div class=\"sd-timeline-event-separator\">\r\n      <ng-container *ngIf=\"markerTemplate; else marker\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"markerTemplate; context: { $implicit: event }\"\r\n        ></ng-container>\r\n      </ng-container>\r\n      <ng-template #marker>\r\n        <div class=\"sd-timeline-event-marker\"></div>\r\n      </ng-template>\r\n      <div *ngIf=\"!last\" class=\"sd-timeline-event-connector\"></div>\r\n    </div>\r\n    <div class=\"sd-timeline-event-content\">\r\n      <div (click)=\"toggle(event)\" class=\"sd-timeline-event-box\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"event.active\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"detailTemplate; context: { $implicit: event }\"\r\n          ></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".sd-timeline{display:flex;flex-direction:column;flex-grow:1}.sd-timeline-left .sd-timeline-event-opposite{text-align:right}.sd-timeline-left .sd-timeline-event-content{text-align:left}.sd-timeline-right .sd-timeline-event{flex-direction:row-reverse}.sd-timeline-right .sd-timeline-event-opposite{text-align:left}.sd-timeline-right .sd-timeline-event-content{text-align:right}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n){flex-direction:row-reverse}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(odd) .sd-timeline-event-opposite{text-align:right}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n) .sd-timeline-event-opposite,.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(odd) .sd-timeline-event-content{text-align:left}.sd-timeline-vertical.sd-timeline-alternate .sd-timeline-event:nth-child(2n) .sd-timeline-event-content{text-align:right}.sd-timeline-vertical .sd-timeline-event-connector{width:1px}.sd-timeline-event{display:flex;position:relative}.sd-timeline-event:last-child{min-height:0}.sd-timeline-event-opposite{padding:0 1rem 1rem}.sd-timeline-event-content{flex:1;padding:0 1rem 1rem}.sd-timeline-event-separator{align-items:center;display:flex;flex:0;flex-direction:column;position:relative;top:1rem}.sd-timeline-event-marker{align-self:baseline;background-color:#fff;border:1px solid #94b0ff;border-radius:50%;display:flex;height:12px;width:12px}.sd-timeline-event-connector{background-color:#e5e5e5;flex-grow:1}.sd-timeline-horizontal{flex-direction:row}.sd-timeline-horizontal .sd-timeline-event{flex:1;flex-direction:column}.sd-timeline-horizontal .sd-timeline-event-content,.sd-timeline-horizontal .sd-timeline-event-opposite{padding:1rem 0}.sd-timeline-horizontal .sd-timeline-event-connector{height:2px}.sd-timeline-horizontal .sd-timeline-event:last-child{flex:0}.sd-timeline-horizontal .sd-timeline-event-separator{flex-direction:row}.sd-timeline-horizontal .sd-timeline-event-connector{width:100%}.sd-timeline-bottom .sd-timeline-event,.sd-timeline-horizontal.sd-timeline-alternate .sd-timeline-event:nth-child(2n){flex-direction:column-reverse}.sd-timeline-event-box{border-radius:4px;box-shadow:0 2px 4px rgba(47,49,54,.16);cursor:pointer;padding:12px}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":26}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdTimelineDef]"}]}],"members":{"sdTimelineDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"SdTimelineModule":"./src/lib/timeline.module","SdTimelineComponent":"./src/lib/components/timeline.component","ɵa":"./src/lib/directives/timeline-def.directive"},"importAs":"@sd-angular/core/timeline"}

package/timeline/src/lib/components/timeline.component.d.ts

@@ -0,0 +1,17 @@
+import { AfterContentInit, ElementRef, QueryList, TemplateRef } from "@angular/core";
+export declare class SdTimelineComponent implements AfterContentInit {
+    private el;
+    value: any[];
+    style: any;
+    styleClass: string;
+    align: string;
+    layout: string;
+    templates: QueryList<any>;
+    contentTemplate: TemplateRef<any>;
+    oppositeTemplate: TemplateRef<any>;
+    markerTemplate: TemplateRef<any>;
+    detailTemplate: TemplateRef<any>;
+    constructor(el: ElementRef);
+    ngAfterContentInit(): void;
+    toggle: (item: any) => void;
+}

package/timeline/src/lib/directives/timeline-def.directive.d.ts

@@ -0,0 +1,6 @@
+import { TemplateRef } from '@angular/core';
+export declare class SdTimelineDefDirective {
+    templateRef: TemplateRef<any>;
+    sdTimelineDef: string;
+    constructor(templateRef: TemplateRef<any>);
+}

package/timeline/src/lib/timeline.module.d.ts

@@ -0,0 +1,2 @@
+export declare class SdTimelineModule {
+}

package/timeline/src/public-api.d.ts

@@ -0,0 +1,2 @@
+export { SdTimelineModule } from "./lib/timeline.module";
+export * from "./lib/components/timeline.component";