@basic-ui-components-stc/basic-ui-components 1.0.0

package/dist/types/components/ds-card/ds-card.d.ts

@@ -0,0 +1,20 @@
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+export interface Card {
+  id: number;
+  title: string;
+  description?: string;
+  image?: string;
+  actions?: boolean;
+}
+export declare class DsCard {
+  hostElement: HTMLStencilElement;
+  cardStatus: string;
+  hasHeaderSlot: boolean;
+  hasImageSlot: boolean;
+  hasFooterSlot: boolean;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ds-file-picker/ds-file-picker.d.ts

@@ -0,0 +1,9 @@
+import { HTMLStencilElement } from "../../stencil-public-runtime";
+export declare class DsFilePicker {
+  hostElement: HTMLStencilElement;
+  dropLabel: string;
+  buttonLabel: string;
+  hasIconSlot: boolean;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/ds-icon/ds-icon.d.ts

@@ -0,0 +1,4 @@
+export declare class DsIcon {
+  icon: string;
+  render(): any;
+}

package/dist/types/components/ds-loading-chart/ds-loading-chart.d.ts

@@ -0,0 +1,9 @@
+import { HTMLStencilElement } from "../../stencil-public-runtime";
+export declare class DsLoadingChart {
+  hostElement: HTMLStencilElement;
+  type: "column" | "pie" | "semi-pie";
+  hostHeight: number;
+  componentDidLoad(): void;
+  private drawChart;
+  render(): any;
+}

package/dist/types/components/ds-loading-page/ds-loading-page.d.ts

@@ -0,0 +1,3 @@
+export declare class DsLoadingPage {
+  render(): any;
+}

package/dist/types/components/ds-loading-table/ds-loading-table.d.ts

@@ -0,0 +1,8 @@
+export declare class DsLoadingTable {
+  cols: number;
+  rows: number;
+  classes: string;
+  drawTr(): any;
+  drawTd(): any;
+  render(): any;
+}

package/dist/types/components/ds-message/ds-message.d.ts

@@ -0,0 +1,8 @@
+export declare class DsMessage {
+  image: string;
+  label: string;
+  type: 'emptyCard' | 'emptyList' | 'notAuthorized' | 'noConnection' | 'general';
+  private emptyImage;
+  componentWillRender(): string;
+  render(): any;
+}

package/dist/types/components/ds-sla/ds-sla.d.ts

@@ -0,0 +1,18 @@
+export declare class DsSla {
+  maxValue: number;
+  value: number;
+  canvasScale: number;
+  innerLineColor: string;
+  outerLineColor: string;
+  innerLineWidth: number;
+  outerLineWidth: number;
+  customValue: string;
+  radius: number;
+  strokeDasharray: number;
+  strokeDashoffset: number;
+  transform: any;
+  componentWillUpdate(): void;
+  componentWillRender(): void;
+  animateSLA(): void;
+  render(): any;
+}

package/dist/types/components/ds-slider/ds-slider.d.ts

@@ -0,0 +1,50 @@
+export interface SliderConfig {
+  initialSlide?: number;
+  loop?: boolean;
+  dir?: string;
+  slidesPerView?: number;
+  showPagination?: boolean;
+  showProgress?: boolean;
+  showStepper?: boolean;
+}
+export declare class DsSlider {
+  slider: HTMLElement;
+  config: SliderConfig;
+  slidesLength: number;
+  currentSlide: number;
+  currentSlideNumber: number;
+  private initialConfig;
+  private startPos;
+  private current;
+  private prev;
+  private next;
+  private slides;
+  private slidesContainer;
+  private slidesWrapper;
+  private slideWidth;
+  private prevButton;
+  private nextButton;
+  private touchstartX;
+  private touchendX;
+  private isMouseDown;
+  private steps;
+  watchPropHandler(newValue: boolean): void;
+  handleResize(): void;
+  handelEvents(e: any, eventType: string): Promise<void>;
+  slideTo(slideNumber: number): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  componentDidUpdate(): void;
+  componentWillUpdate(): void;
+  assignVariables(): void;
+  applyStyles(): void;
+  applyClasses(): void;
+  sliderControls(): void;
+  handleSwipe(): void;
+  move(direction: string): void;
+  drawPagination(): any;
+  drawProgress(): any;
+  drawStepper(): any[];
+  render(): any;
+}

package/dist/types/components/ds-splash/ds-splash.d.ts

@@ -0,0 +1,4 @@
+export declare class DsSplash {
+  label: string;
+  render(): any;
+}

package/dist/types/components/ds-status/ds-status.d.ts

@@ -0,0 +1,8 @@
+export declare class DsStatus {
+  status: string;
+  noOpacity: boolean;
+  size: 'small' | 'medium' | 'large';
+  icon: boolean;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ds-user-card/ds-user-card.d.ts

@@ -0,0 +1,15 @@
+export interface User {
+  id?: number;
+  name: string;
+  title: string;
+  image?: string;
+}
+export declare class DsUserCard {
+  imageSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
+  imageShape: 'circle' | 'square' | 'rounded';
+  userInfo: User | string;
+  private _userInfo;
+  userInfoWatcher(newValue: User | string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,389 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ActivityLog } from "./components/ds-activity-log/ds-activity-log";
+import { Approvals } from "./components/ds-approvals/ds-approvals";
+import { Attachments } from "./components/ds-attachments/ds-attachments";
+import { SliderConfig } from "./components/ds-slider/ds-slider";
+import { User } from "./components/ds-user-card/ds-user-card";
+export namespace Components {
+    interface DsActivityLog {
+        "activitiesData": ActivityLog[] | string;
+        "readonly": boolean;
+    }
+    interface DsAlert {
+        "icon": string;
+        "type": 'success' | 'info' | 'warning' | 'danger';
+    }
+    interface DsApprovals {
+        "approvalsData": Approvals[] | string;
+    }
+    interface DsAttachments {
+        "file": Attachments;
+        "readonly": boolean;
+        "showActions": boolean;
+        "showDownload": boolean;
+        "showView": boolean;
+    }
+    interface DsAvatar {
+        "image": string;
+        "label": string;
+        "shape": "circle" | "square" | "rounded";
+        "size": "xx-small" | "x-small" | "small" | "medium" | "large";
+    }
+    interface DsButton {
+        "caret": boolean;
+        "circle": boolean;
+        "color": 'primary' | 'secondary' | 'gray' | 'info' | 'success' | 'warning' | 'danger' | 'orange' | 'white' | 'transparent';
+        "disabled": boolean;
+        "download": string | undefined;
+        "href": string | undefined;
+        "icon": boolean;
+        "loading": boolean;
+        "shape": 'default' | 'flat' | 'outline' | 'text';
+        "size": 'small' | 'medium' | 'large';
+        "square": boolean;
+        "target": string | undefined;
+        "type": 'button' | 'reset' | 'submit';
+        "underlined": boolean;
+    }
+    interface DsCard {
+        "cardStatus": string;
+    }
+    interface DsFilePicker {
+        "buttonLabel": string;
+        "dropLabel": string;
+    }
+    interface DsIcon {
+        "icon": string;
+    }
+    interface DsLoadingChart {
+        "type": "column" | "pie" | "semi-pie";
+    }
+    interface DsLoadingPage {
+    }
+    interface DsLoadingTable {
+        "classes": string;
+        "cols": number;
+        "rows": number;
+    }
+    interface DsMessage {
+        "image": string;
+        "label": string;
+        "type": 'emptyCard' | 'emptyList' | 'notAuthorized' | 'noConnection' | 'general';
+    }
+    interface DsSla {
+        "canvasScale": number;
+        "customValue": string;
+        "innerLineColor": string;
+        "innerLineWidth": number;
+        "maxValue": number;
+        "outerLineColor": string;
+        "outerLineWidth": number;
+        "value": number;
+    }
+    interface DsSlider {
+        "config": SliderConfig;
+        "currentSlide": number;
+        "handelEvents": (e: any, eventType: string) => Promise<void>;
+        "slideTo": (slideNumber: number) => Promise<void>;
+        "slidesLength": number;
+    }
+    interface DsSplash {
+        "label": string;
+    }
+    interface DsStatus {
+        "icon": boolean;
+        "noOpacity": boolean;
+        "size": 'small' | 'medium' | 'large';
+        "status": string;
+    }
+    interface DsUserCard {
+        "imageShape": 'circle' | 'square' | 'rounded';
+        "imageSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
+        "userInfo": User | string;
+    }
+}
+export interface DsAttachmentsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsAttachmentsElement;
+}
+declare global {
+    interface HTMLDsActivityLogElement extends Components.DsActivityLog, HTMLStencilElement {
+    }
+    var HTMLDsActivityLogElement: {
+        prototype: HTMLDsActivityLogElement;
+        new (): HTMLDsActivityLogElement;
+    };
+    interface HTMLDsAlertElement extends Components.DsAlert, HTMLStencilElement {
+    }
+    var HTMLDsAlertElement: {
+        prototype: HTMLDsAlertElement;
+        new (): HTMLDsAlertElement;
+    };
+    interface HTMLDsApprovalsElement extends Components.DsApprovals, HTMLStencilElement {
+    }
+    var HTMLDsApprovalsElement: {
+        prototype: HTMLDsApprovalsElement;
+        new (): HTMLDsApprovalsElement;
+    };
+    interface HTMLDsAttachmentsElement extends Components.DsAttachments, HTMLStencilElement {
+    }
+    var HTMLDsAttachmentsElement: {
+        prototype: HTMLDsAttachmentsElement;
+        new (): HTMLDsAttachmentsElement;
+    };
+    interface HTMLDsAvatarElement extends Components.DsAvatar, HTMLStencilElement {
+    }
+    var HTMLDsAvatarElement: {
+        prototype: HTMLDsAvatarElement;
+        new (): HTMLDsAvatarElement;
+    };
+    interface HTMLDsButtonElement extends Components.DsButton, HTMLStencilElement {
+    }
+    var HTMLDsButtonElement: {
+        prototype: HTMLDsButtonElement;
+        new (): HTMLDsButtonElement;
+    };
+    interface HTMLDsCardElement extends Components.DsCard, HTMLStencilElement {
+    }
+    var HTMLDsCardElement: {
+        prototype: HTMLDsCardElement;
+        new (): HTMLDsCardElement;
+    };
+    interface HTMLDsFilePickerElement extends Components.DsFilePicker, HTMLStencilElement {
+    }
+    var HTMLDsFilePickerElement: {
+        prototype: HTMLDsFilePickerElement;
+        new (): HTMLDsFilePickerElement;
+    };
+    interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
+    }
+    var HTMLDsIconElement: {
+        prototype: HTMLDsIconElement;
+        new (): HTMLDsIconElement;
+    };
+    interface HTMLDsLoadingChartElement extends Components.DsLoadingChart, HTMLStencilElement {
+    }
+    var HTMLDsLoadingChartElement: {
+        prototype: HTMLDsLoadingChartElement;
+        new (): HTMLDsLoadingChartElement;
+    };
+    interface HTMLDsLoadingPageElement extends Components.DsLoadingPage, HTMLStencilElement {
+    }
+    var HTMLDsLoadingPageElement: {
+        prototype: HTMLDsLoadingPageElement;
+        new (): HTMLDsLoadingPageElement;
+    };
+    interface HTMLDsLoadingTableElement extends Components.DsLoadingTable, HTMLStencilElement {
+    }
+    var HTMLDsLoadingTableElement: {
+        prototype: HTMLDsLoadingTableElement;
+        new (): HTMLDsLoadingTableElement;
+    };
+    interface HTMLDsMessageElement extends Components.DsMessage, HTMLStencilElement {
+    }
+    var HTMLDsMessageElement: {
+        prototype: HTMLDsMessageElement;
+        new (): HTMLDsMessageElement;
+    };
+    interface HTMLDsSlaElement extends Components.DsSla, HTMLStencilElement {
+    }
+    var HTMLDsSlaElement: {
+        prototype: HTMLDsSlaElement;
+        new (): HTMLDsSlaElement;
+    };
+    interface HTMLDsSliderElement extends Components.DsSlider, HTMLStencilElement {
+    }
+    var HTMLDsSliderElement: {
+        prototype: HTMLDsSliderElement;
+        new (): HTMLDsSliderElement;
+    };
+    interface HTMLDsSplashElement extends Components.DsSplash, HTMLStencilElement {
+    }
+    var HTMLDsSplashElement: {
+        prototype: HTMLDsSplashElement;
+        new (): HTMLDsSplashElement;
+    };
+    interface HTMLDsStatusElement extends Components.DsStatus, HTMLStencilElement {
+    }
+    var HTMLDsStatusElement: {
+        prototype: HTMLDsStatusElement;
+        new (): HTMLDsStatusElement;
+    };
+    interface HTMLDsUserCardElement extends Components.DsUserCard, HTMLStencilElement {
+    }
+    var HTMLDsUserCardElement: {
+        prototype: HTMLDsUserCardElement;
+        new (): HTMLDsUserCardElement;
+    };
+    interface HTMLElementTagNameMap {
+        "ds-activity-log": HTMLDsActivityLogElement;
+        "ds-alert": HTMLDsAlertElement;
+        "ds-approvals": HTMLDsApprovalsElement;
+        "ds-attachments": HTMLDsAttachmentsElement;
+        "ds-avatar": HTMLDsAvatarElement;
+        "ds-button": HTMLDsButtonElement;
+        "ds-card": HTMLDsCardElement;
+        "ds-file-picker": HTMLDsFilePickerElement;
+        "ds-icon": HTMLDsIconElement;
+        "ds-loading-chart": HTMLDsLoadingChartElement;
+        "ds-loading-page": HTMLDsLoadingPageElement;
+        "ds-loading-table": HTMLDsLoadingTableElement;
+        "ds-message": HTMLDsMessageElement;
+        "ds-sla": HTMLDsSlaElement;
+        "ds-slider": HTMLDsSliderElement;
+        "ds-splash": HTMLDsSplashElement;
+        "ds-status": HTMLDsStatusElement;
+        "ds-user-card": HTMLDsUserCardElement;
+    }
+}
+declare namespace LocalJSX {
+    interface DsActivityLog {
+        "activitiesData"?: ActivityLog[] | string;
+        "readonly"?: boolean;
+    }
+    interface DsAlert {
+        "icon"?: string;
+        "type"?: 'success' | 'info' | 'warning' | 'danger';
+    }
+    interface DsApprovals {
+        "approvalsData"?: Approvals[] | string;
+    }
+    interface DsAttachments {
+        "file"?: Attachments;
+        "onAttachmentEvent"?: (event: DsAttachmentsCustomEvent<any>) => void;
+        "onDeleteEvent"?: (event: DsAttachmentsCustomEvent<any>) => void;
+        "onDownloadEvent"?: (event: DsAttachmentsCustomEvent<any>) => void;
+        "onViewEvent"?: (event: DsAttachmentsCustomEvent<any>) => void;
+        "readonly"?: boolean;
+        "showActions"?: boolean;
+        "showDownload"?: boolean;
+        "showView"?: boolean;
+    }
+    interface DsAvatar {
+        "image"?: string;
+        "label"?: string;
+        "shape"?: "circle" | "square" | "rounded";
+        "size"?: "xx-small" | "x-small" | "small" | "medium" | "large";
+    }
+    interface DsButton {
+        "caret"?: boolean;
+        "circle"?: boolean;
+        "color"?: 'primary' | 'secondary' | 'gray' | 'info' | 'success' | 'warning' | 'danger' | 'orange' | 'white' | 'transparent';
+        "disabled"?: boolean;
+        "download"?: string | undefined;
+        "href"?: string | undefined;
+        "icon"?: boolean;
+        "loading"?: boolean;
+        "shape"?: 'default' | 'flat' | 'outline' | 'text';
+        "size"?: 'small' | 'medium' | 'large';
+        "square"?: boolean;
+        "target"?: string | undefined;
+        "type"?: 'button' | 'reset' | 'submit';
+        "underlined"?: boolean;
+    }
+    interface DsCard {
+        "cardStatus"?: string;
+    }
+    interface DsFilePicker {
+        "buttonLabel"?: string;
+        "dropLabel"?: string;
+    }
+    interface DsIcon {
+        "icon"?: string;
+    }
+    interface DsLoadingChart {
+        "type"?: "column" | "pie" | "semi-pie";
+    }
+    interface DsLoadingPage {
+    }
+    interface DsLoadingTable {
+        "classes"?: string;
+        "cols"?: number;
+        "rows"?: number;
+    }
+    interface DsMessage {
+        "image"?: string;
+        "label"?: string;
+        "type"?: 'emptyCard' | 'emptyList' | 'notAuthorized' | 'noConnection' | 'general';
+    }
+    interface DsSla {
+        "canvasScale"?: number;
+        "customValue"?: string;
+        "innerLineColor"?: string;
+        "innerLineWidth"?: number;
+        "maxValue": number;
+        "outerLineColor"?: string;
+        "outerLineWidth"?: number;
+        "value"?: number;
+    }
+    interface DsSlider {
+        "config"?: SliderConfig;
+        "currentSlide"?: number;
+        "slidesLength"?: number;
+    }
+    interface DsSplash {
+        "label"?: string;
+    }
+    interface DsStatus {
+        "icon"?: boolean;
+        "noOpacity"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        "status"?: string;
+    }
+    interface DsUserCard {
+        "imageShape"?: 'circle' | 'square' | 'rounded';
+        "imageSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
+        "userInfo"?: User | string;
+    }
+    interface IntrinsicElements {
+        "ds-activity-log": DsActivityLog;
+        "ds-alert": DsAlert;
+        "ds-approvals": DsApprovals;
+        "ds-attachments": DsAttachments;
+        "ds-avatar": DsAvatar;
+        "ds-button": DsButton;
+        "ds-card": DsCard;
+        "ds-file-picker": DsFilePicker;
+        "ds-icon": DsIcon;
+        "ds-loading-chart": DsLoadingChart;
+        "ds-loading-page": DsLoadingPage;
+        "ds-loading-table": DsLoadingTable;
+        "ds-message": DsMessage;
+        "ds-sla": DsSla;
+        "ds-slider": DsSlider;
+        "ds-splash": DsSplash;
+        "ds-status": DsStatus;
+        "ds-user-card": DsUserCard;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "ds-activity-log": LocalJSX.DsActivityLog & JSXBase.HTMLAttributes<HTMLDsActivityLogElement>;
+            "ds-alert": LocalJSX.DsAlert & JSXBase.HTMLAttributes<HTMLDsAlertElement>;
+            "ds-approvals": LocalJSX.DsApprovals & JSXBase.HTMLAttributes<HTMLDsApprovalsElement>;
+            "ds-attachments": LocalJSX.DsAttachments & JSXBase.HTMLAttributes<HTMLDsAttachmentsElement>;
+            "ds-avatar": LocalJSX.DsAvatar & JSXBase.HTMLAttributes<HTMLDsAvatarElement>;
+            "ds-button": LocalJSX.DsButton & JSXBase.HTMLAttributes<HTMLDsButtonElement>;
+            "ds-card": LocalJSX.DsCard & JSXBase.HTMLAttributes<HTMLDsCardElement>;
+            "ds-file-picker": LocalJSX.DsFilePicker & JSXBase.HTMLAttributes<HTMLDsFilePickerElement>;
+            "ds-icon": LocalJSX.DsIcon & JSXBase.HTMLAttributes<HTMLDsIconElement>;
+            "ds-loading-chart": LocalJSX.DsLoadingChart & JSXBase.HTMLAttributes<HTMLDsLoadingChartElement>;
+            "ds-loading-page": LocalJSX.DsLoadingPage & JSXBase.HTMLAttributes<HTMLDsLoadingPageElement>;
+            "ds-loading-table": LocalJSX.DsLoadingTable & JSXBase.HTMLAttributes<HTMLDsLoadingTableElement>;
+            "ds-message": LocalJSX.DsMessage & JSXBase.HTMLAttributes<HTMLDsMessageElement>;
+            "ds-sla": LocalJSX.DsSla & JSXBase.HTMLAttributes<HTMLDsSlaElement>;
+            "ds-slider": LocalJSX.DsSlider & JSXBase.HTMLAttributes<HTMLDsSliderElement>;
+            "ds-splash": LocalJSX.DsSplash & JSXBase.HTMLAttributes<HTMLDsSplashElement>;
+            "ds-status": LocalJSX.DsStatus & JSXBase.HTMLAttributes<HTMLDsStatusElement>;
+            "ds-user-card": LocalJSX.DsUserCard & JSXBase.HTMLAttributes<HTMLDsUserCardElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { Components, JSX } from './components';