@ruc-lib/timeline 3.1.0 → 3.2.0

package/index.d.ts

@@ -1,239 +1,2 @@
-import * as i0 from '@angular/core';
-
-/**
- *Interface for defining the Timeline Data
- */
-interface RucTimelineItemData {
-    /**
-     * A unique identifier for the timeline item.
-     */
-    id: number;
-    /**
-     * The main title text for the timeline item.
-     */
-    title: string;
-    /**
-     * The subtitle text displayed below the title.
-     */
-    subtitle?: string;
-    /**
-     * The main content or description for the timeline item.
-     */
-    content?: string;
-    /**
-     * The name of the Material icon to be displayed for this item.
-     */
-    icon?: string;
-    /**
-     * ARIA label for the icon, providing accessibility information.
-     */
-    iconAriaLabel?: string;
-    /**
-     * URL of an image to be displayed within the timeline item's content.
-     */
-    imageUrl?: string;
-    /**
-     * Alt text for the image, used for accessibility.
-     */
-    imageAltText?: string;
-    /**
-     * Additional information text related to the title.
-     */
-    titleInfo?: string;
-    /**
-     * Additional information text related to the subtitle.
-     */
-    subTitleInfo?: string;
-    /**
-     * The name of the Material icon to be displayed next to the title info text.
-     */
-    iconTitle?: string;
-    /**
-     * The name of the Material icon to be displayed next to the subtitle info text.
-     */
-    iconSubTitle?: string;
-    /**
-     * The name of the Material icon for the title's info section, often used for a tooltip or popover.
-     */
-    titleInfoIcon?: string;
-    /**
-     * The name of the Material icon for the subtitle's info section, often used for a tooltip or popover.
-     */
-    subTitleInfoIcon?: string;
-}
-/**
- *Interface for defining the Timeline Property
- */
-interface RucTimelineInput {
-    /**
-     * Specifies the layout orientation of the timeline.
-     */
-    layout?: 'vertical' | 'horizontal' | undefined;
-    /**
-     * Specifies the alignment of the timeline items relative to the line.
-     */
-    position?: 'left' | 'right' | 'top' | 'bottom' | 'alternate' | 'opposite';
-    /**
-     * The font color for the timeline item titles.
-     */
-    titleFontColor?: string | undefined;
-    /**
-     * The font color for the timeline item subtitles.
-     */
-    subTitleFontColor?: string | undefined;
-    /**
-     * The font size for the timeline item titles (e.g., '16px', '1.2em').
-     */
-    titleFontSize?: string | undefined;
-    /**
-     * The font size for the timeline item subtitles (e.g., '14px', '1em').
-     */
-    subTitleFontSize?: string | undefined;
-    /**
-     * The background color for the title area of a timeline item.
-     */
-    titleBackgroundColor?: string | undefined;
-    /**
-     * The background color for the subtitle area of a timeline item.
-     */
-    subTitleBackgroundColor?: string | undefined;
-    /**
-     * The color used to highlight an active or selected timeline item.
-     */
-    highlightColor?: string | undefined;
-    /**
-     * The theme color for the timeline item icons.
-     */
-    iconColor?: 'primary' | 'accent' | 'warn';
-    /**
-     * Maximum number of characters to display for the title before truncating.
-     */
-    maxTitleLength?: number;
-    /**
-     * Maximum number of characters to display for the subtitle before truncating.
-     */
-    maxSubTitleLength?: number;
-    /**
-     * A flag to determine if the additional info sections for title and subtitle should be displayed.
-     */
-    isInfo?: boolean | undefined;
-    /**
-     * A flag to indicate whether a custom template is being used for the timeline items instead of the default structure.
-     */
-    isTemplate?: boolean | undefined;
-    /**
-     * The array of data objects that represent the items in the timeline.
-     */
-    data?: RucTimelineItemData[];
-}
-
-declare class RuclibTimelineComponent {
-    customTheme: string;
-    rucInputData?: RucTimelineInput;
-    data: RucTimelineItemData[] | undefined;
-    /**
-     * 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": { "alias": "customTheme"; "required": false; }; "rucInputData": { "alias": "rucInputData"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-export { RuclibTimelineComponent };
+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,126 @@
+/**
+ *Interface for defining the Timeline Data
+ */
+export interface RucTimelineItemData {
+    /**
+     * A unique identifier for the timeline item.
+     */
+    id: number;
+    /**
+     * The main title text for the timeline item.
+     */
+    title: string;
+    /**
+     * The subtitle text displayed below the title.
+     */
+    subtitle?: string;
+    /**
+     * The main content or description for the timeline item.
+     */
+    content?: string;
+    /**
+     * The name of the Material icon to be displayed for this item.
+     */
+    icon?: string;
+    /**
+     * ARIA label for the icon, providing accessibility information.
+     */
+    iconAriaLabel?: string;
+    /**
+     * URL of an image to be displayed within the timeline item's content.
+     */
+    imageUrl?: string;
+    /**
+     * Alt text for the image, used for accessibility.
+     */
+    imageAltText?: string;
+    /**
+     * Additional information text related to the title.
+     */
+    titleInfo?: string;
+    /**
+     * Additional information text related to the subtitle.
+     */
+    subTitleInfo?: string;
+    /**
+     * The name of the Material icon to be displayed next to the title info text.
+     */
+    iconTitle?: string;
+    /**
+     * The name of the Material icon to be displayed next to the subtitle info text.
+     */
+    iconSubTitle?: string;
+    /**
+     * The name of the Material icon for the title's info section, often used for a tooltip or popover.
+     */
+    titleInfoIcon?: string;
+    /**
+     * The name of the Material icon for the subtitle's info section, often used for a tooltip or popover.
+     */
+    subTitleInfoIcon?: string;
+}
+/**
+ *Interface for defining the Timeline Property
+ */
+export interface RucTimelineInput {
+    /**
+     * Specifies the layout orientation of the timeline.
+     */
+    layout?: 'vertical' | 'horizontal' | undefined;
+    /**
+     * Specifies the alignment of the timeline items relative to the line.
+     */
+    position?: 'left' | 'right' | 'top' | 'bottom' | 'alternate' | 'opposite';
+    /**
+     * The font color for the timeline item titles.
+     */
+    titleFontColor?: string | undefined;
+    /**
+     * The font color for the timeline item subtitles.
+     */
+    subTitleFontColor?: string | undefined;
+    /**
+     * The font size for the timeline item titles (e.g., '16px', '1.2em').
+     */
+    titleFontSize?: string | undefined;
+    /**
+     * The font size for the timeline item subtitles (e.g., '14px', '1em').
+     */
+    subTitleFontSize?: string | undefined;
+    /**
+     * The background color for the title area of a timeline item.
+     */
+    titleBackgroundColor?: string | undefined;
+    /**
+     * The background color for the subtitle area of a timeline item.
+     */
+    subTitleBackgroundColor?: string | undefined;
+    /**
+     * The color used to highlight an active or selected timeline item.
+     */
+    highlightColor?: string | undefined;
+    /**
+     * The theme color for the timeline item icons.
+     */
+    iconColor?: 'primary' | 'accent' | 'warn';
+    /**
+     * Maximum number of characters to display for the title before truncating.
+     */
+    maxTitleLength?: number;
+    /**
+     * Maximum number of characters to display for the subtitle before truncating.
+     */
+    maxSubTitleLength?: number;
+    /**
+     * A flag to determine if the additional info sections for title and subtitle should be displayed.
+     */
+    isInfo?: boolean | undefined;
+    /**
+     * A flag to indicate whether a custom template is being used for the timeline items instead of the default structure.
+     */
+    isTemplate?: boolean | undefined;
+    /**
+     * The array of data objects that represent the items in the timeline.
+     */
+    data?: RucTimelineItemData[];
+}

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "@ruc-lib/timeline",
-  "version": "3.1.0",
+  "version": "3.2.0",
+  "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/material": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
+    "@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": "fesm2022/ruc-lib-timeline.mjs",
+  "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": {
@@ -18,7 +26,11 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "default": "./fesm2022/ruc-lib-timeline.mjs"
+      "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"
     }
   }
 }