@scania/tegel 0.0.1-beta

package/dist/types/components/modal/modal-webcomponent.stories.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    actions: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    headline: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    headline: string;
+    actions: string;
+    size: string;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

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

@@ -0,0 +1,16 @@
+export declare class Modal {
+  /** Disables closing modal on clicking on overlay area. */
+  prevent: boolean;
+  /** Size of modal. Accepted strings are: xs, sm, md, lg.  */
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Sticky or Static Actions  */
+  actions: 'sticky' | 'static';
+  open: boolean;
+  el: HTMLElement;
+  /** Shows the modal  */
+  openModal(): Promise<void>;
+  setDissmissButtons(): void;
+  handleClick(e: any): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -0,0 +1,18 @@
+import type { Placement } from '@popperjs/core';
+export declare class PopoverCanvas {
+  popoverCanvasElement: HTMLElement;
+  /** The CSS-selector that will trigger this Popover Canvas */
+  selector: string;
+  /** Decides if the Popover Canvas should be visible from the start */
+  show: boolean;
+  /** Decides the placement of the Popover Canvas */
+  placement: Placement;
+  /** Sets the offset skidding */
+  offsetSkidding: number;
+  /** Sets the offset distance */
+  offsetDistance: number;
+  target: any;
+  handleOutsideClick(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+  };
+  argTypes: {
+    canvasPosition: {
+      name: string;
+      description: string;
+      type: {
+        summary: string;
+      };
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    canvasPosition: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/popover-menu/popover-menu-icons.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    menuPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    menuPosition: string;
+  };
+};
+export default _default;
+export declare const WithIcons: any;

package/dist/types/components/popover-menu/popover-menu.d.ts

@@ -0,0 +1,18 @@
+import type { Placement } from '@popperjs/core';
+export declare class PopoverMenu {
+  popoverMenuElement: HTMLElement;
+  /** The CSS-selector that will trigger this Popover Menu */
+  selector: string;
+  /** Decides if the Popover Menu should be visible from the start */
+  show: boolean;
+  /** Decides the placement of the Popover Menu */
+  placement: Placement;
+  /** Sets the offset skidding */
+  offsetSkidding: number;
+  /** Sets the offset distance */
+  offsetDistance: number;
+  target: any;
+  handleOutsideClick(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

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

package/dist/types/components/radio-button/radio-button.stories.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    label: {
+      name: string;
+      description: string;
+      controls: {
+        type: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    checked: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    label: string;
+    disabled: boolean;
+    checked: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,42 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    collapsed: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    showIcons: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        neq: boolean;
+      };
+    };
+  };
+  args: {
+    collapsed: boolean;
+    showIcons: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,82 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Slider {
+  wrapperElement: HTMLElement;
+  scrubberElement: HTMLElement;
+  scrubberInnerElement: HTMLElement;
+  dividersElement: HTMLElement;
+  trackElement: HTMLElement;
+  trackFillElement: HTMLElement;
+  minusElement: HTMLElement;
+  plusElement: HTMLElement;
+  inputElement: HTMLInputElement;
+  nativeRangeInputElement: HTMLInputElement;
+  scrubberGrabPos: object;
+  scrubberGrabbed: boolean;
+  scrubberLeft: number;
+  tickValues: Array<number>;
+  disabledState: boolean;
+  readonlyState: boolean;
+  useControls: boolean;
+  useInput: boolean;
+  useSmall: boolean;
+  useSnapping: boolean;
+  supposedValueSlot: number;
+  eventListenersAdded: boolean;
+  resizeObserverAdded: boolean;
+  /** Change event for the textfield */
+  sliderChangeEmitter: EventEmitter<any>;
+  /** Text for label */
+  label: string;
+  /** Initial value */
+  value: string;
+  /** Minimum value */
+  min: string;
+  /** Maximum value */
+  max: string;
+  /** Number of tick markers (tick for min- and max-value will be added automatically) */
+  ticks: string;
+  /** Decide to show numbers above the tick markers or not  */
+  showTickNumbers: boolean;
+  /** Decide to show the tooltip or not */
+  tooltip: boolean;
+  /** Sets the disabled state for the whole component  */
+  disabled: boolean;
+  /** Sets the read only state for the whole component  */
+  readOnly: boolean;
+  /** Decide to show the controls or not */
+  controls: boolean;
+  /** Decide to show the input field or not */
+  input: boolean;
+  /** Defines how much to increment/decrement the value when using controls */
+  step: string;
+  /** Name property (will be inherited by the native slider component) */
+  name: string;
+  /** Sets the size of the scrubber */
+  size: 'sm' | '';
+  /** Snap to the ticks grid */
+  snap: boolean;
+  /** Public method to re-initialise the slider if some configuration props are changed */
+  reset(): Promise<void>;
+  handleKeydown(event: any): void;
+  handleMouseUp(): void;
+  handleTouchEnd(): void;
+  handleMouseMove(event: any): void;
+  handleTouchMove(event: any): void;
+  updateTrack(): void;
+  dispatchChangeEvent(): void;
+  updateValue(): void;
+  updateValueForced(value: any): void;
+  getMin(): number;
+  getMax(): number;
+  constrainScrubber(x: any): any;
+  getTrackWidth(): number;
+  calculateScrubberLeftFromValue(value: any): void;
+  componentDidLoad(): void;
+  grabScrubber(xOffset: any, yOffset: any): void;
+  calculateInputSizeFromMax(): number;
+  controlsStep(delta: any): void;
+  stepLeft(): void;
+  stepRight(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,7 @@
+export declare class Spinner {
+  /** Size of spinner. Accepted strings are: xs, sm, md and lg. */
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Variant of spinner. Accepted strings are: standard and inverted */
+  variant: 'standard' | 'inverted';
+  render(): any;
+}

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

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

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

@@ -0,0 +1,56 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    style: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    size: string;
+    style: string;
+    showLabel: boolean;
+    iconType: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Small: any;
+export declare const TextOnSide: any;
+export declare const Vertical: any;
+export declare const HideLabel: any;

package/dist/types/components/tabs/inline-tabs-default/inline-tabs.d.ts

@@ -0,0 +1,41 @@
+export declare class InlineTabs {
+  host: HTMLElement;
+  /** either use this (default-tab="...") or read attribute "default" from one of the slotted children. */
+  defaultTab: string;
+  /** different height settings. right now only supports "auto", otherwise ignored */
+  autoHeight: boolean;
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  /** array with metadata for slotted children */
+  tabs: Array<any>;
+  /** current calculated width of each nav button (calculated from the largest one) */
+  buttonWidth: number;
+  /** current calculated tab height (calculated from the one with the most height) */
+  tabHeight: number;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  /** used for switching to a tab programmatically */
+  showTab(key: string): Promise<void>;
+  startingTab: string;
+  navWrapperElement: HTMLElement;
+  tabWrapperElement: HTMLElement;
+  componentWidth: number;
+  buttonsWidth: number;
+  scrollWidth: number;
+  useAutoHeight: boolean;
+  _generateKeyFromName(name: string): string;
+  componentWillLoad(): void;
+  _initComponent(createInitialState?: boolean): void;
+  _calculateButtonWidth(): void;
+  _calculateTabHeight(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  _setInitialState(): void;
+  _showTab(tab: any): void;
+  _hideTab(tab: any): void;
+  switchToTab(key: string): void;
+  _scrollRight(): void;
+  _scrollLeft(): void;
+  _evaluateScrollButtons(): void;
+  render(): any;
+}

package/dist/types/components/tabs/inline-tabs-default/inline-tabs.stories.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    backgrounds: {
+      default: string;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    autoHeight: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    modeVariant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    backgrounds: {
+      table: {
+        disable: boolean;
+      };
+    };
+  };
+  args: {
+    autoHeight: boolean;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const InlineTabs: any;