@scania/tegel 0.0.8 → 0.0.10

package/dist/types/components/side-menu/side-menu.stories.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Side Menu': any;
+      'Side Menu Item': any;
+      'Side Menu Dropdown': any;
+      'Side Menu Dropdown List': any;
+      'Side Menu Dropdown List Item': any;
+      'Side Menu User': any;
+      'Side Menu Collapse Button': any;
+      'Side Menu Close Button': any;
+      'Side Menu Overlay': any;
+    };
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    persistent: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    collapsible: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+  };
+  args: {
+    persistent: boolean;
+    collapsible: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Slider {
+export declare class TdsSlider {
   /** Text for label */
   label: string;
   /** Initial value */
@@ -28,9 +28,9 @@ export declare class Slider {
   name: string;
   /** Sets the size of the scrubber */
   scrubberSize: 'sm' | 'lg';
-  /** Snap to the ticks grid */
+  /** Snap to the tick's grid */
   snap: boolean;
-  /** ID for the sliders input element, randomly generated if not specified. */
+  /** ID for the Slider's input element, randomly generated if not specified. */
   sliderId: string;
   private wrapperElement;
   private scrubberElement;
@@ -43,7 +43,6 @@ export declare class Slider {
   private scrubberGrabbed;
   private scrubberLeft;
   private tickValues;
-  private disabledState;
   private readonlyState;
   private useControls;
   private useInput;
@@ -53,7 +52,7 @@ export declare class Slider {
   private eventListenersAdded;
   private resizeObserverAdded;
   /** Sends the value of the slider when changed. */
-  sddsChange: EventEmitter<{
+  tdsChange: EventEmitter<{
     value: string;
   }>;
   /** Public method to re-initialise the slider if some configuration props are changed */

package/dist/types/components/slider/slider.stories.d.ts

@@ -0,0 +1,235 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    min: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    max: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    initialValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    showTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    numTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showTickNumbers: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    snapToTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showTooltip: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showControls: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    step: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showInput: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    scrubberSize: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    readonly: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  args: {
+    min: string;
+    max: string;
+    initialValue: string;
+    showLabel: boolean;
+    labelText: string;
+    showTicks: boolean;
+    numTicks: string;
+    showTickNumbers: boolean;
+    snapToTicks: boolean;
+    showTooltip: boolean;
+    showControls: boolean;
+    step: string;
+    showInput: boolean;
+    scrubberSize: string;
+    readonly: boolean;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-export declare class Spinner {
+export declare class TdsSpinner {
   /** Size of the Spinner */
   size: 'xs' | 'sm' | 'md' | 'lg';
   /** Variant of the Spinner */

package/dist/types/components/spinner/spinner.stories.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    variant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    variant: string;
+    size: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/stepper/step/step.d.ts

@@ -0,0 +1,20 @@
+import { InternalTdsStepperPropChange } from '../stepper';
+/**
+ * @slot label - Slot for the label text.
+ */
+export declare class TdsStep {
+  /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
+  index: string;
+  /** State of the Step */
+  state: 'current' | 'error' | 'success' | 'upcoming';
+  hideLabel: boolean;
+  size: 'sm' | 'lg';
+  orientation: 'horizontal' | 'vertical';
+  labelPosition: 'aside' | 'below';
+  el: HTMLElement;
+  private stepperEl;
+  private stepperId;
+  componentWillLoad(): void;
+  handlePropsChange(event: CustomEvent<InternalTdsStepperPropChange>): void;
+  render(): any;
+}

package/dist/types/components/stepper/stepper.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+type TdsStepperProps = {
+  orientation: 'horizontal' | 'vertical';
+  labelPosition: 'aside' | 'below';
+  size: 'sm' | 'lg';
+  hideLabels: boolean;
+};
+export type InternalTdsStepperPropChange = {
+  stepperId: string;
+  changed: Array<keyof TdsStepperProps>;
+} & Partial<TdsStepperProps>;
+export declare class TdsStepper {
+  host: HTMLElement;
+  /** The orientation the Steps */
+  orientation: 'horizontal' | 'vertical';
+  /** Text position, only available on a direction: horizontal */
+  labelPosition: 'aside' | 'below';
+  /** Size of the component and it's children. */
+  size: 'sm' | 'lg';
+  /** Hides the label for the child components if true. */
+  hideLabels: boolean;
+  /** ID used for internal Stepper functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,
+   * as the default ID is random and will be different every time.
+   */
+  stepperId: string;
+  componentWillLoad(): void;
+  internalTdsPropsChange: EventEmitter<InternalTdsStepperPropChange>;
+  handleDirectionChange(): void;
+  handleLabelPositionChange(): void;
+  handleSizeChange(): void;
+  handleHideLabelsChange(): void;
+  render(): any;
+}
+export {};

package/dist/types/components/stepper/stepper.stories.d.ts

@@ -0,0 +1,80 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+    notes: {
+      Stepper: any;
+      Step: any;
+    };
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    orientation: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    labelPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    hideLabels: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    orientation: string;
+    labelPosition: string;
+    hideLabels: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/table/table/table.d.ts

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+type Props = {
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  enableMultiselect: boolean;
+  enableExpandableRows: boolean;
+  enableResponsive: boolean;
+  modeVariant: 'primary' | 'secondary' | null;
+  textAlign: string;
+};
+export type InternalTdsTablePropChange = {
+  tableId: string;
+  changed: Array<keyof Props>;
+} & Partial<Props>;
+export declare class TdsTable {
+  /** Enables style with vertical dividers between columns */
+  verticalDividers: boolean;
+  /** Enables style where Table toolbar, rows and footer are less high */
+  compactDesign: boolean;
+  /** Enables to customize width on Table columns */
+  noMinWidth: boolean;
+  /** Enables multiselect feature of Table */
+  enableMultiselect: boolean;
+  /** Enables extended row feature of Table */
+  enableExpandableRows: boolean;
+  /** Enables Table to take 100% available width with equal spacing of columns */
+  enableResponsive: boolean;
+  /** Variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** ID used for internal Table functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
+   * as the default ID is random and will be different every time.
+   */
+  tableId: string;
+  host: HTMLElement;
+  /** @internal Broadcasts changes to the Table props */
+  internalTdsTablePropChange: EventEmitter<InternalTdsTablePropChange>;
+  emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
+  enableMultiselectChanged(newValue: boolean): void;
+  enableExpandableRowsChanged(newValue: boolean): void;
+  compactDesignChanged(newValue: boolean): void;
+  verticalDividersChanged(newValue: boolean): void;
+  noMinWidthChanged(newValue: boolean): void;
+  modeVariantChanged(newValue: 'primary' | 'secondary' | null): void;
+  render(): any;
+}
+export {};

package/dist/types/components/table/table-body/table-body.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - Default slot for the Table Body, used by <tds-table-body-row>
+ * @slot no-result - Slot for no result message when using filtering.
+*/
+export declare class TdsTableBody {
+  /** Prop to pass JSON string which enables automatic rendering of Table rows and cells  */
+  bodyData: any;
+  /** Prop for no result message when using filtering */
+  noResultMessage: string;
+  host: HTMLElement;
+  rowsPerPage: number;
+  enableMultiselect: boolean;
+  enablePaginationTableBody: boolean;
+  enableExpandableRows: boolean;
+  innerBodyData: any[];
+  bodyDataManipulated: any[];
+  bodyDataOriginal: any[];
+  multiselectArray: any[];
+  multiselectArrayJSON: string;
+  mainCheckboxStatus: boolean;
+  columnsNumber: number;
+  disableAllSorting: boolean;
+  numberOfPages: number;
+  paginationValue: number;
+  tempPaginationDisable: boolean;
+  showNoResultsMessage: boolean;
+  tableId: string;
+  tableEl: HTMLTdsTableElement;
+  arrayDataWatcher(newValue: string): void;
+  /** @internal Event that sends unique Table identifier and enable/disable status for sorting functionality */
+  internalTdsSortingChange: EventEmitter<any>;
+  /** @internal Sends unique Table identifier and mainCheckbox status to all rows when multiselect feature is enabled */
+  internalTdsCheckboxChange: EventEmitter<any>;
+  /** @internal Sends unique Table identifier and status
+   * if mainCheckbox should change its state based on selection status of single rows
+   * when multiselect feature is used */
+  internalTdsMainCheckboxChange: EventEmitter<any>;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  static compareValues(key: any, order?: string): (a: any, b: any) => number;
+  uncheckAll: () => void;
+  sortData(keyValue: any, sortingDirection: any): void;
+  updateOptionsContent(event: CustomEvent<any>): void;
+  selectedDataExporter: () => void;
+  headCheckboxListener(event: CustomEvent<any>): void;
+  bodyCheckBoxClicked: () => void;
+  bodyCheckboxListener(): void;
+  searchFunction(searchTerm: any): void;
+  /** Listens to internalTdsFilter from tableToolbar component */
+  tdsFilterListener(event: CustomEvent<{
+    tableId: string;
+    query: string;
+  }>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/components/table/table-body-cell/table-body-cell.d.ts

@@ -0,0 +1,24 @@
+import { InternalTdsTablePropChange } from '../table/table';
+export declare class TdsTableBodyCell {
+  /** Value that will be presented as text inside a cell */
+  cellValue: string | number;
+  /** Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering */
+  cellKey: any;
+  /** Disables internal padding. Useful when passing other components to cell. */
+  disablePadding: boolean;
+  textAlignState: string;
+  activeSorting: boolean;
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  whiteBackground: boolean;
+  tableId: string;
+  host: HTMLElement;
+  tableEl: HTMLTdsTableElement;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  internalTdsHoverListener(event: CustomEvent<any>): void;
+  internalTdsTextAlignListener(event: CustomEvent<any>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/table/table-body-row/table-body-row.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { InternalTdsTablePropChange } from '../table/table';
+export declare class TdsTableBodyRow {
+  enableMultiselect: boolean;
+  bodyCheckBoxStatus: boolean;
+  mainCheckBoxStatus: boolean;
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  modeVariant: 'primary' | 'secondary';
+  tableId: string;
+  host: HTMLElement;
+  tableEl: HTMLTdsTableElement;
+  bodyCheckBoxClicked(event: any): void;
+  bodyCheckBoxStatusUpdater(status: any): void;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  /** @internal Send status of single row to the parent, tds-table component that hold logic for data export and main checkbox control */
+  internalTdsRowChange: EventEmitter<boolean>;
+  /** @internal Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
+  internalTdsPagination: EventEmitter<string>;
+  headCheckboxListener(event: CustomEvent<any>): void;
+  internalTdsCheckboxChangeListener(event: CustomEvent<any>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}