@ruc-lib/timeline 2.0.0

package/fesm2020/ruc-lib-timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruc-lib-timeline.mjs","sources":["../../src/lib/ruclib-timeline/ruclib-timeline.component.ts","../../src/lib/ruclib-timeline/ruclib-timeline.component.html","../../src/lib/ruclib-timeline.module.ts","../../src/ruc-lib-timeline.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { RucTimelineInput, RucTimelineItemData } from '../../model/ruclib-timeline.model';\r\n\r\n@Component({\r\n  selector: 'uxp-ruclib-timeline',\r\n  templateUrl: './ruclib-timeline.component.html',\r\n  styleUrls: ['./ruclib-timeline.component.scss'],\r\n})\r\nexport class RuclibTimelineComponent {\r\n  @Input() customTheme!: string;\r\n  @Input() rucInputData?: RucTimelineInput;\r\n  data: RucTimelineItemData[] | undefined;\r\n\r\n  constructor() {}\r\n\r\n  /**\r\n   * To get position of the timeline\r\n   * @param position \r\n   * @param index \r\n   * @returns default: left\r\n   */\r\n  private getItemPosition(position: string, index: number): string {\r\n    switch (position) {\r\n      case 'alternate': {\r\n          const layout = this.getLayout();\r\n          if(index % 2 == 0) {\r\n            return layout === 'horizontal' ? 'top' :'left';\r\n          } else {\r\n            return layout === 'horizontal' ? 'bottom' :'right';\r\n          }\r\n        }\r\n      case 'top':\r\n        return 'top';\r\n      case 'bottom':\r\n        return 'bottom';\r\n      case 'right':\r\n        return 'right';\r\n      case 'left':\r\n      default: \r\n        return 'left'\r\n    }\r\n  }\r\n   \r\n\r\n  /**\r\n   * To get layout of the timeline\r\n   * @param layout \r\n   * @returns default: vertical\r\n   */\r\n  private getItemLayout(layout: string = ''): string {\r\n    switch (layout) {\r\n      case 'horizontal':\r\n        return 'horizontal';\r\n      case 'vertical':\r\n      default: \r\n        return 'vertical';\r\n    }\r\n  }  \r\n   \r\n  \r\n  /**\r\n   * To get data from the input\r\n   */\r\n  getData(): RucTimelineItemData[] | any {\r\n    if (this.rucInputData?.data) {\r\n      this.data = this.rucInputData.data?.sort((a: RucTimelineItemData, b: RucTimelineItemData) => a?.id - b?.id) || [];\r\n    }\r\n    return typeof this.data !== 'undefined' ? this.data : [];\r\n  }\r\n\r\n  /**\r\n   * To get position of the timeline\r\n   * @returns default: left\r\n   */\r\n  getPosition(index: number = -1): string | undefined {\r\n    if(index === -1) {\r\n      return this.rucInputData?.position;\r\n    }\r\n    return this.getItemPosition(this.rucInputData?.position || 'left', index); // Provide a default if position is undefined\r\n  }  \r\n   \r\n\r\n   /**\r\n   * To get layout of the timeline\r\n   * @returns default: vertical\r\n   */\r\n  getLayout(): string {\r\n    return this.getItemLayout(this.rucInputData?.layout) // Provide a default if layout is undefined\r\n  }  \r\n  \r\n  /**\r\n   * To get highlight color of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getHighlightColor(): string | undefined {\r\n    return this.rucInputData?.highlightColor;\r\n  }\r\n\r\n  /**\r\n   * To get title font color of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getTitleColor(): string | undefined {\r\n    return this.rucInputData?.titleFontColor;\r\n  }\r\n\r\n  /**\r\n   * To get sub title font color of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getSubTitleColor(): string | undefined {\r\n    return this.rucInputData?.subTitleFontColor;\r\n  }  \r\n  \r\n  /**\r\n   * To get title font size of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getTitleFontSize(): string | undefined {\r\n    return this.rucInputData?.titleFontSize;\r\n  }\r\n\r\n  /**\r\n   * To get subtitle font size of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getSubTitleFontSize(): string | undefined {\r\n    return this.rucInputData?.subTitleFontSize;\r\n  }\r\n\r\n  /**\r\n   * To get title background color of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getTitleBackgroundColor(): string | undefined {\r\n    return this.rucInputData?.titleBackgroundColor;\r\n  }\r\n\r\n  /**\r\n   * To get subtitle background color of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getSubTitleBackgroundColor(): string | undefined {\r\n    return this.rucInputData?.subTitleBackgroundColor;\r\n  }\r\n   \r\n  /**\r\n   * To get max title length of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getMaxTitleLength(): number | any {\r\n    return this.rucInputData?.maxTitleLength;\r\n  }\r\n\r\n  /**\r\n   * To get max sub title length of the timeline\r\n   * @returns default: undefined\r\n   */\r\n  getMaxSubtitleLength(): number | any {\r\n    return this.rucInputData?.maxSubTitleLength;\r\n  }\r\n\r\n  /**\r\n   * To check if the isInfo variable is defined and value is true|false in timeline\r\n   * @returns default: undefined\r\n   */\r\n  isInfo() {\r\n    return this.rucInputData?.isInfo;\r\n  }\r\n\r\n  /**\r\n   * To get title in timeline\r\n   * @param title \r\n   * @param key \r\n   * @returns default: title\r\n   */\r\n  getTitle(title: string = '', key: 'title' | 'subtitle' | '' = ''): string {\r\n    switch(key) {\r\n      case 'title': {\r\n        const checkLength = this.getMaxTitleLength();\r\n        return this.isLengthDefined(title, checkLength);\r\n      }\r\n      case 'subtitle': {\r\n        const checkLength = this.getMaxSubtitleLength();\r\n        return this.isLengthDefined(title, checkLength);\r\n      }\r\n      default: {\r\n        return title;\r\n      }\r\n    }    \r\n  }  \r\n  \r\n  /**\r\n   * To check if the length is defined\r\n   * @param title \r\n   * @param checkLength \r\n   * @returns default: title\r\n   */\r\n  isLengthDefined(title: string = '', checkLength: number | undefined): string {    \r\n    if(typeof checkLength !== 'undefined' && checkLength > 0 && title !== '') {\r\n      const str = title.substring(0, checkLength);\r\n      return title.length === checkLength ? str : str+'...';\r\n    }\r\n    return title;\r\n  }\r\n\r\n  /**\r\n   * To check if the template variable is defined and value is true|false in timeline\r\n   * @returns default: false\r\n   */\r\n  isCard() {\r\n    return typeof this.rucInputData?.isTemplate !== 'undefined' ? this.rucInputData?.isTemplate : false;\r\n  }\r\n\r\n  /**\r\n   * To get the color of icon\r\n   * @returns default: false\r\n   */\r\n  getIconColor(): string {\r\n    return this.rucInputData?.iconColor || 'primary';\r\n  }\r\n}\r\n","<div class={{customTheme}}>\r\n  <ul class=\"w-full timeline timeline-{{getPosition()}} timeline-{{getLayout()}}\"\r\n    [ngClass]=\"{'timeline-card': !!isCard()}\">\r\n    <li class=\"timeline-event\" *ngFor=\"let item of getData(); let i = index\">\r\n      <ng-container *ngIf=\"getPosition() === 'opposite' then oppositeTemplate else simpleOppositeTemplate\"></ng-container>\r\n      <ng-template #oppositeTemplate>\r\n        <div class=\"timeline-event-opposite divya\">\r\n          <ng-template *ngIf=\"true then titleTemplate\"></ng-template>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #simpleOppositeTemplate>\r\n        <div class=\"timeline-event-opposite rajput\"></div>\r\n      </ng-template>\r\n      \r\n      <div class=\"timeline-event-separator\">\r\n        <div class=\"timeline-event-marker\" [ngClass]=\"{'timeline-event-marker-active': !item.icon}\">\r\n          <mat-icon\r\n            color=\"{{getIconColor()}}\"\r\n            class=\"timeline-icon-circle\"\r\n            *ngIf=\"item.icon\"\r\n            role=\"img\"\r\n            [attr.aria-label]=\"item.iconAriaLabel || item.icon\"\r\n          >{{item.icon}}</mat-icon>\r\n        </div>\r\n        <div class=\"timeline-event-connector\" *ngIf=\"i !== (getData()?.length - 1)\"></div>\r\n      </div>\r\n      <div class=\"timeline-event-content\" [style.background-color]=\"getHighlightColor()\">\r\n        <ng-container *ngIf=\"isCard(); then cardTemplate\"></ng-container>\r\n\r\n        <ng-container *ngIf=\"getPosition() === 'opposite' then subtitleTemplate\"></ng-container>\r\n\r\n        <ng-container *ngIf=\"(!isCard() && getPosition() !== 'opposite') then dataTemplate\"></ng-container>\r\n        \r\n        <ng-template #cardTemplate>\r\n          <!-- Fot Template -->\r\n          <mat-card class=\"m-mat-card\" appearance=\"outlined\">\r\n            <mat-card-header>\r\n              <mat-card-title-group>\r\n                <mat-card-title>{{item.title}}</mat-card-title>\r\n                <mat-card-subtitle>{{item.subtitle}}</mat-card-subtitle>\r\n                <img\r\n                  mat-card-lg-image\r\n                  src=\"{{item.imageUrl}}\"\r\n                  [alt]=\"item.imageAltText || item.title || 'Timeline event image'\"\r\n                >\r\n              </mat-card-title-group>\r\n            </mat-card-header>\r\n            <mat-card-content>\r\n              {{item.content}}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </ng-template>\r\n\r\n        <ng-template #dataTemplate>\r\n          <ng-template *ngIf=\"true then titleTemplate\"></ng-template>\r\n  \r\n          <ng-template *ngIf=\"true then subtitleTemplate\"></ng-template>\r\n        </ng-template>\r\n\r\n        <ng-template #titleTemplate>\r\n          <!-- Fot Title -->\r\n          <div \r\n            class=\"timeline-event-title\"\r\n            [ngClass]=\"{'timeline-icon-question-mark-active': !!item.iconTitle}\"            \r\n            [style.background-color]=\"getTitleBackgroundColor()\"\r\n            *ngIf=\"!!item.title\"\r\n          >\r\n            <span \r\n              [ngClass]=\"{'description-ellipsis-active': !!getMaxTitleLength()}\"\r\n              [style.color]=\"getTitleColor()\"\r\n              [style.font-size]=\"getTitleFontSize()\"\r\n              [matTooltipDisabled]=\"!(item?.title && item?.title?.length > getMaxTitleLength())\"\r\n              [matTooltip]=\"item.title\"\r\n              matTooltipPosition=\"above\">\r\n              {{getTitle(item.title, 'title')}}\r\n            </span>\r\n            <span *ngIf=\"!!item.iconTitle\" class=\"timeline-icon-question-mark\" aria-hidden=\"true\">\r\n              <mat-icon\r\n                color=\"{{getIconColor()}}\"\r\n                class=\"timeline-icon-circle timeline-icon\"\r\n              >{{item.iconTitle}}</mat-icon>\r\n            </span>\r\n            <span *ngIf=\"isInfo()\" class=\"timeline-icon-question-mark\">\r\n              <mat-icon\r\n                color=\"{{getIconColor()}}\"\r\n                class=\"timeline-icon-question-mark-icon\"\r\n                [matTooltip]=\"item?.titleInfo\"\r\n                matTooltipPosition=\"above\" \r\n                role=\"button\" \r\n                aria-label=\"More information about title\"\r\n              >{{item.titleInfoIcon}}</mat-icon> \r\n            </span>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-template #subtitleTemplate>\r\n          <!-- Fot Sub Title -->\r\n          <div\r\n            class=\"timeline-event-sub-title\"\r\n            [ngClass]=\"{'timeline-icon-question-mark-active': !!item.iconSubTitle}\"\r\n            [style.background-color]=\"getSubTitleBackgroundColor()\"\r\n            *ngIf=\"!!item.subtitle\"\r\n          >\r\n            <span \r\n              [ngClass]=\"{'description-ellipsis-active': !!getMaxSubtitleLength()}\"\r\n              [style.color]=\"getSubTitleColor()\"\r\n              [style.font-size]=\"getSubTitleFontSize()\"\r\n              [matTooltipDisabled]=\"!(item.subtitle && item.subtitle.length > getMaxSubtitleLength())\"\r\n              [matTooltip]=\"item.subtitle\"\r\n              matTooltipPosition=\"above\"\r\n            >\r\n              {{getTitle(item.subtitle, 'subtitle')}}\r\n            </span>\r\n            <span *ngIf=\"!!item.iconSubTitle\" class=\"timeline-icon-question-mark\" aria-hidden=\"true\">\r\n              <mat-icon\r\n                color=\"{{getIconColor()}}\"\r\n                class=\"timeline-icon-circle timeline-icon\"\r\n              >{{item.iconSubTitle}}</mat-icon>\r\n            </span>\r\n            <span *ngIf=\"isInfo()\" class=\"timeline-icon-question-mark\">\r\n              <mat-icon\r\n                color=\"{{getIconColor()}}\"\r\n                class=\"timeline-icon-question-mark-icon\"\r\n                [matTooltip]=\"item?.subTitleInfo\"\r\n                matTooltipPosition=\"above\" \r\n                role=\"button\"\r\n                aria-label=\"More information about subtitle\"\r\n              >{{item.subTitleInfoIcon}}</mat-icon>\r\n            </span>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n    </li>\r\n  </ul>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RuclibTimelineComponent } from './ruclib-timeline/ruclib-timeline.component';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport {MatCardModule} from '@angular/material/card';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatIconModule, MatTooltipModule, MatCardModule],\r\n  declarations: [RuclibTimelineComponent],\r\n  exports: [RuclibTimelineComponent],\r\n})\r\nexport class RuclibTimelineModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/ruclib-timeline.module';
+export * from './lib/ruclib-timeline/ruclib-timeline.component';

package/lib/ruclib-timeline/ruclib-timeline.component.d.ts

@@ -0,0 +1,111 @@
+import { RucTimelineInput, RucTimelineItemData } from '../../model/ruclib-timeline.model';
+import * as i0 from "@angular/core";
+export declare class RuclibTimelineComponent {
+    customTheme: string;
+    rucInputData?: RucTimelineInput;
+    data: RucTimelineItemData[] | undefined;
+    constructor();
+    /**
+     * To get position of the timeline
+     * @param position
+     * @param index
+     * @returns default: left
+     */
+    private getItemPosition;
+    /**
+     * To get layout of the timeline
+     * @param layout
+     * @returns default: vertical
+     */
+    private getItemLayout;
+    /**
+     * To get data from the input
+     */
+    getData(): RucTimelineItemData[] | any;
+    /**
+     * To get position of the timeline
+     * @returns default: left
+     */
+    getPosition(index?: number): string | undefined;
+    /**
+    * To get layout of the timeline
+    * @returns default: vertical
+    */
+    getLayout(): string;
+    /**
+     * To get highlight color of the timeline
+     * @returns default: undefined
+     */
+    getHighlightColor(): string | undefined;
+    /**
+     * To get title font color of the timeline
+     * @returns default: undefined
+     */
+    getTitleColor(): string | undefined;
+    /**
+     * To get sub title font color of the timeline
+     * @returns default: undefined
+     */
+    getSubTitleColor(): string | undefined;
+    /**
+     * To get title font size of the timeline
+     * @returns default: undefined
+     */
+    getTitleFontSize(): string | undefined;
+    /**
+     * To get subtitle font size of the timeline
+     * @returns default: undefined
+     */
+    getSubTitleFontSize(): string | undefined;
+    /**
+     * To get title background color of the timeline
+     * @returns default: undefined
+     */
+    getTitleBackgroundColor(): string | undefined;
+    /**
+     * To get subtitle background color of the timeline
+     * @returns default: undefined
+     */
+    getSubTitleBackgroundColor(): string | undefined;
+    /**
+     * To get max title length of the timeline
+     * @returns default: undefined
+     */
+    getMaxTitleLength(): number | any;
+    /**
+     * To get max sub title length of the timeline
+     * @returns default: undefined
+     */
+    getMaxSubtitleLength(): number | any;
+    /**
+     * To check if the isInfo variable is defined and value is true|false in timeline
+     * @returns default: undefined
+     */
+    isInfo(): boolean | undefined;
+    /**
+     * To get title in timeline
+     * @param title
+     * @param key
+     * @returns default: title
+     */
+    getTitle(title?: string, key?: 'title' | 'subtitle' | ''): string;
+    /**
+     * To check if the length is defined
+     * @param title
+     * @param checkLength
+     * @returns default: title
+     */
+    isLengthDefined(title: string | undefined, checkLength: number | undefined): string;
+    /**
+     * To check if the template variable is defined and value is true|false in timeline
+     * @returns default: false
+     */
+    isCard(): boolean;
+    /**
+     * To get the color of icon
+     * @returns default: false
+     */
+    getIconColor(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuclibTimelineComponent, "uxp-ruclib-timeline", never, { "customTheme": "customTheme"; "rucInputData": "rucInputData"; }, {}, never, never, false, never>;
+}

package/lib/ruclib-timeline.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ruclib-timeline/ruclib-timeline.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/material/card";
+export declare class RuclibTimelineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibTimelineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RuclibTimelineModule, [typeof i1.RuclibTimelineComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatTooltipModule, typeof i5.MatCardModule], [typeof i1.RuclibTimelineComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RuclibTimelineModule>;
+}

package/model/ruclib-timeline.model.d.ts

@@ -0,0 +1,39 @@
+/**
+ *Interface for defining the Timeline Data
+ */
+export interface RucTimelineItemData {
+    id: number;
+    title: string;
+    subtitle?: string;
+    content?: string;
+    icon?: string;
+    iconAriaLabel?: string;
+    imageUrl?: string;
+    imageAltText?: string;
+    titleInfo?: string;
+    subTitleInfo?: string;
+    iconTitle?: string;
+    iconSubTitle?: string;
+    titleInfoIcon?: string;
+    subTitleInfoIcon?: string;
+}
+/**
+ *Interface for defining the Timeline Property
+ */
+export interface RucTimelineInput {
+    layout?: 'vertical' | 'horizontal' | undefined;
+    position?: 'left' | 'right' | 'top' | 'bottom' | 'alternate' | 'opposite';
+    titleFontColor?: string | undefined;
+    subTitleFontColor?: string | undefined;
+    titleFontSize?: string | undefined;
+    subTitleFontSize?: string | undefined;
+    titleBackgroundColor?: string | undefined;
+    subTitleBackgroundColor?: string | undefined;
+    highlightColor?: string | undefined;
+    iconColor?: 'primary' | 'accent' | 'warn';
+    maxTitleLength?: number;
+    maxSubTitleLength?: number;
+    isInfo?: boolean | undefined;
+    isTemplate?: boolean | undefined;
+    data?: RucTimelineItemData[];
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ruc-lib/timeline",
+  "version": "2.0.0",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^17.0.0 || ^16.0.0 || ^15.0.0",
+    "@angular/core": "^17.0.0 || ^16.0.0 || ^15.0.0",
+    "@angular/material": "^15.2.9 || ^14.0.0 || ^13.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/ruc-lib-timeline.mjs",
+  "es2020": "fesm2020/ruc-lib-timeline.mjs",
+  "esm2020": "esm2020/ruc-lib-timeline.mjs",
+  "fesm2020": "fesm2020/ruc-lib-timeline.mjs",
+  "fesm2015": "fesm2015/ruc-lib-timeline.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ruc-lib-timeline.mjs",
+      "es2020": "./fesm2020/ruc-lib-timeline.mjs",
+      "es2015": "./fesm2015/ruc-lib-timeline.mjs",
+      "node": "./fesm2015/ruc-lib-timeline.mjs",
+      "default": "./fesm2020/ruc-lib-timeline.mjs"
+    }
+  }
+}