@paperless/core 0.1.0-alpha.30 → 0.1.0-alpha.300

package/dist/types/components/atoms/card-header/card-header.component.d.ts

@@ -0,0 +1,11 @@
+export declare class CardHeader {
+  /**
+   * Content of the card header
+   */
+  header: string;
+  /**
+   * Enable the title arrow
+   */
+  arrow: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/counter/counter.component.d.ts

@@ -1,3 +1,11 @@
 export declare class Counter {
+  /**
+   * The variant of the counter
+   */
+  variant: 'info' | 'negative' | 'positive' | 'unbiased';
+  /**
+   * The size of the counter
+   */
+  size: 'default' | 'mini';
   render(): any;
 }

package/dist/types/components/atoms/divider/divider.component.d.ts

@@ -1,3 +1,7 @@
 export declare class Divider {
+  /**
+   * The host element
+   */
+  private _el;
   render(): any;
 }

package/dist/types/components/atoms/drawer-body/drawer-body.component.d.ts

@@ -0,0 +1,7 @@
+export declare class ModalBody {
+  /**
+   * The variant of the modal body
+   */
+  variant: 'default' | 'table';
+  render(): any;
+}

package/dist/types/components/atoms/drawer-container/drawer-container.component.d.ts

@@ -0,0 +1,7 @@
+export declare class ModalContainer {
+  /**
+   * Wether the container is closing
+   */
+  closing: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/drawer-header/drawer-header.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class ModalHeader {
+  /**
+   * Wether to show the close button on mobile
+   */
+  showClose: boolean;
+  /**
+   * Close click event
+   */
+  close: EventEmitter<MouseEvent>;
+  render(): any;
+}

package/dist/types/components/atoms/dropdown-menu-container/dropdown-menu-container.component.d.ts

@@ -1,3 +1,7 @@
 export declare class DropdownMenuContainer {
+  /**
+   * Wether the container applies it's max width
+   */
+  maxWidth: boolean;
   render(): any;
 }

package/dist/types/components/atoms/dropdown-menu-item/dropdown-menu-item.component.d.ts

@@ -1,7 +1,16 @@
+import { IconVariant } from '../icon/icon.component';
 export declare class DropdownMenuItem {
   /**
    * Wether the dropdown menu item is active
    */
   active: boolean;
+  /**
+   * Wether to enable the hover state
+   */
+  enableHover: boolean;
+  /**
+   * Icon of the navigation item
+   */
+  icon: IconVariant;
   render(): any;
 }

package/dist/types/components/atoms/helper/helper.component.d.ts

@@ -1,3 +1,8 @@
+import { Placement } from '@popperjs/core';
 export declare class Helper {
+  /**
+   * The placement of the helper popover
+   */
+  placement: Placement;
   render(): any;
 }

package/dist/types/components/atoms/icon/icon.component.d.ts

@@ -1,3 +1,4 @@
+import { RotateOptions, TextSizeOptions } from '../../../types/tailwind';
 import icons from '../../../utils/icons';
 export declare type IconVariant = keyof typeof icons;
 export declare type IconFlipOptions = 'horizontal' | 'vertical';
@@ -9,15 +10,14 @@ export declare class Icon {
   /**
    * The size of the icon, using tailwind sizes
    */
-  size: string;
+  size: TextSizeOptions;
   /**
    * Wether to rotate the icon x degrees
    */
-  rotate: number;
+  rotate: RotateOptions;
   /**
    * Wether to flip the icon horizontally or vertically
    */
   flip: IconFlipOptions;
   render(): any;
-  private _getClass;
 }

package/dist/types/components/atoms/label/label.component.d.ts

@@ -0,0 +1,33 @@
+import { RotateOptions } from '../../../types';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class Label {
+  /**
+   * Variant of the label
+   */
+  variant: 'positive' | 'unbiased' | 'negative' | 'info';
+  /**
+   * Define the behavior of the label
+   */
+  behavior: 'icon' | 'circle' | 'combination' | 'text' | 'icon-only';
+  /**
+   * Icon to show on the label
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: RotateOptions;
+  /**
+   * The size of the label
+   */
+  size: 'small' | 'default';
+  /**
+   * Wether to keep the content on mobile
+   */
+  keepMobileContent: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/layout/layout.component.d.ts

@@ -0,0 +1,7 @@
+export declare class Layout {
+  /**
+   * Variant of the layout
+   */
+  variant: 'default' | 'login';
+  render(): any;
+}

package/dist/types/components/atoms/loader/loader.component.d.ts

@@ -7,7 +7,7 @@ export declare class Loader {
   /**
    * Variant of loader
    */
-  variant: 'inline' | 'full-width' | 'full-screen' | 'modal';
+  variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost';
   /**
    * Color of the loader
    */

package/dist/types/components/atoms/modal-body/modal-body.component.d.ts

@@ -0,0 +1,11 @@
+export declare class ModalBody {
+  /**
+   * The variant of the modal body
+   */
+  variant: 'default' | 'table';
+  /**
+   * Wether the modal body should be rounded at the bottom
+   */
+  rounded: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/modal-container/modal-container.component.d.ts

@@ -0,0 +1,11 @@
+export declare class ModalContainer {
+  /**
+   * The size of the modal container
+   */
+  size: 'sm' | 'md' | 'lg' | 'xl';
+  /**
+   * Wether the container is closing
+   */
+  closing: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/modal-footer/modal-footer.component.d.ts

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

package/dist/types/components/atoms/modal-header/modal-header.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class ModalHeader {
+  /**
+   * Wether to show the close button on mobile
+   */
+  showClose: boolean;
+  /**
+   * Close click event
+   */
+  close: EventEmitter<MouseEvent>;
+  render(): any;
+}

package/dist/types/components/atoms/segment-item/segment-item.component.d.ts

@@ -1,3 +1,4 @@
+import { RotateOptions } from '../../../types/tailwind';
 import { IconFlipOptions, IconVariant } from '../icon/icon.component';
 export declare class SegmentItem {
   /**
@@ -15,7 +16,7 @@ export declare class SegmentItem {
   /**
    * Icon rotate
    */
-  iconRotate: number;
+  iconRotate: RotateOptions;
   render(): any;
   private _getIcon;
 }

package/dist/types/components/atoms/slider-indicator/slider-indicator.component.d.ts

@@ -0,0 +1,7 @@
+export declare class SliderIndicator {
+  /**
+   * Wether the slider indicator is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/status/status.component.d.ts

@@ -1,3 +1,4 @@
+import { RotateOptions } from '../../../types/tailwind';
 import { IconFlipOptions, IconVariant } from '../icon/icon.component';
 export declare class Status {
   /**
@@ -15,7 +16,7 @@ export declare class Status {
   /**
    * Icon rotate
    */
-  iconRotate: number;
+  iconRotate: RotateOptions;
   render(): any;
   private _getIcon;
   private _getVariantIcon;

package/dist/types/components/atoms/stepper-item/stepper-item.component.d.ts

@@ -0,0 +1,19 @@
+export declare class StepperItem {
+  /**
+   * The alignment of the step content
+   */
+  align: 'start' | 'center' | 'end';
+  /**
+   * The direction of the stepper step
+   */
+  direction: 'horizontal' | 'vertical';
+  /**
+   * Wether the step is finished
+   */
+  finished: boolean;
+  /**
+   * Wether the step is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/stepper-line/stepper-line.component.d.ts

@@ -0,0 +1,11 @@
+export declare class StepperLine {
+  /**
+   * Wether the line is active
+   */
+  active: boolean;
+  /**
+   * The direction of the stepper line
+   */
+  direction: 'horizontal' | 'vertical';
+  render(): any;
+}

package/dist/types/components/atoms/tab-group/tab-group.component.d.ts

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

package/dist/types/components/atoms/tab-item/tab-item.component.d.ts

@@ -0,0 +1,7 @@
+export declare class TabItem {
+  /**
+   * Wether the tab item is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/table-container/table-container.component.d.ts

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

package/dist/types/components/atoms/toast-container/toast-container.component.d.ts

@@ -0,0 +1,7 @@
+export declare class ToastContainer {
+  /**
+   * The placement of the container
+   */
+  placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+  render(): any;
+}

package/dist/types/components/atoms/tooltip/tooltip.component.d.ts

@@ -1,4 +1,5 @@
-import { Placement } from '@popperjs/core';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class Tooltip {
   /**
    * The variant of the popover
@@ -9,9 +10,13 @@ export declare class Tooltip {
    */
   popover: any;
   /**
-   * The content of the popover
+   * The placement of the popover
    */
   placement: Placement;
+  /**
+   * The strategy of the popover placement
+   */
+  strategy: PositioningStrategy;
   /**
    * Wether to show the popover
    */
@@ -20,6 +25,10 @@ export declare class Tooltip {
    * Wether to someone can manually close the popover
    */
   canManuallyClose: boolean;
+  /**
+   * Open change event
+   */
+  isOpen: EventEmitter<boolean>;
   /**
    * The host element
    */

package/dist/types/components/helpers/table-column/table-column.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableColumnSizes } from '../../../types/table';
+export declare class TableColumn {
+  /**
+   * The path of the value of the item you want to display
+   */
+  path: string;
+  /**
+   * The type of the column
+   */
+  type: 'td' | 'th';
+  /**
+   * The name of the column
+   */
+  name: string;
+  /**
+   * Wether the column should use the slot
+   */
+  useSlot: boolean;
+  /**
+   * The alignment of the column
+   */
+  align: 'start' | 'center' | 'end';
+  /**
+   * The sizes of the column
+   */
+  sizes: 'auto' | number | TableColumnSizes;
+  /**
+   * Event to let the table know it has to re render
+   */
+  tableDefinitionChanged: EventEmitter<boolean>;
+  componentDidUpdate(): void;
+  render(): void;
+}

package/dist/types/components/molecules/accordion/accordion.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Accordion {
+  /**
+   * Header of the accordion
+   */
+  header: string;
+  /**
+   * Wether the accordion is open
+   */
+  open: boolean;
+  /**
+   * Wether the accordion can be closed
+   */
+  closeable: boolean;
+  /**
+   * Wether the accordion can be opened
+   */
+  openable: boolean;
+  /**
+   * Open change event
+   */
+  isOpen: EventEmitter<boolean>;
+  render(): any;
+  private _onClick;
+}

package/dist/types/components/molecules/content-slider/content-slider.component.d.ts

@@ -0,0 +1,53 @@
+export declare class ContentSlider {
+  /**
+   * Wether to hide the indicator on mobile
+   */
+  hideMobileIndicator: boolean;
+  /**
+   * Wether to disable dragging the content
+   */
+  disableDrag: boolean;
+  /**
+   * Wether to disable auto centering the content
+   */
+  disableAutoCenter: boolean;
+  /**
+   * Wether to disable clicking the indicator scrolls content
+   */
+  disableIndicatorClick: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _visibleIndex;
+  private _outerHeight;
+  private _totalWidth;
+  private _sliderRef;
+  private _innerSliderRef;
+  private _items;
+  private _innerSliderResizeObserver;
+  private _startX;
+  private _startMouseX;
+  private _lastMouseX;
+  private _lastIndex;
+  private _shouldCheckLocation;
+  private _dragging;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  private _mouseDownHandler;
+  private _mouseMoveHandler;
+  private _transitionEndHandler;
+  mouseUpHandler(): void;
+  resizeHandler(): void;
+  private _setInnerSliderReft;
+  private _scrollTo;
+  private _checkBoundary;
+  private _calculateIndicator;
+  private _checkLocation;
+  private _isVisible;
+  private _calculateWidth;
+  private _calculateHeight;
+  private _isMobile;
+}

package/dist/types/components/molecules/dropdown/dropdown.component.d.ts

@@ -1,13 +1,22 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class Dropdown {
   /**
    * The content of the dropdown menu
    */
-  placement: 'bottom' | 'top';
+  placement: Placement;
+  /**
+   * The strategy of the popover placement
+   */
+  strategy: PositioningStrategy;
   /**
    * Wether to show the dropdown menu
    */
   show: boolean;
+  /**
+   * Wether to automatically calculate the width of the menu based on the trigger
+   */
+  calculateWidth: boolean;
   /**
    * Wether to automatically close the dropdown menu after clicking inside
    */
@@ -16,6 +25,14 @@ export declare class Dropdown {
    * Wether to automatically close the dropdown menu after clicking inside
    */
   disableTriggerClick: boolean;
+  /**
+   * Chevron position
+   */
+  chevronPosition: 'start' | 'end';
+  /**
+   * Chevron direction
+   */
+  chevronDirection: 'up' | 'down';
   /**
    * The host element
    */
@@ -26,14 +43,17 @@ export declare class Dropdown {
   isOpen: EventEmitter<boolean>;
   private _loaded;
   private _popper;
+  private _trigger;
   private _menu;
   componentShouldUpdate(): void;
   render(): any;
-  private _containerClickHandler;
-  private _triggerClickHandler;
+  private _checkButton;
+  protected onShowChange(show: any): void;
   protected documentClickHandler({ target }: {
     target: any;
   }): void;
+  private _containerClickHandler;
+  private _triggerClickHandler;
   private _load;
   private _setOptions;
   private _show;

package/dist/types/components/molecules/input-group/input-group.component.d.ts

@@ -0,0 +1,67 @@
+import { RotateOptions } from '../../../types/tailwind';
+import { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';
+export declare class InputGroup {
+  /**
+   * The size of the input group
+   */
+  size: 'small' | 'medium';
+  /**
+   * The prefix of the input group
+   */
+  prefix: string;
+  /**
+   * The suffix of the input group
+   */
+  suffix: string;
+  /**
+   * Icon of the navigation item
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: RotateOptions;
+  /**
+   * Icon position
+   */
+  iconPosition: 'start' | 'end';
+  /**
+   * The label of the input group
+   */
+  label: string;
+  /**
+   * The helper of the input group
+   */
+  helper: string;
+  /**
+   * Wether the field is required
+   */
+  required: boolean;
+  /**
+   * The helper of the input group
+   */
+  error: string;
+  /**
+   * Wether the input group is disabled
+   */
+  disabled: boolean;
+  /**
+   * Wether the input group is focused
+   */
+  focused: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _showTooltip;
+  private _forceShowTooltip;
+  componentWillRender(): void;
+  render(): any;
+  handleFocusIn(): void;
+  handleFocusOut(): void;
+  private _setInputClasses;
+}

package/dist/types/components/molecules/page-size-select/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultSize = 12;
+export declare const defaultSizeOptions: number[];

package/dist/types/components/molecules/page-size-select/page-size-select.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare type templateFunc = (value: number) => string;
+export declare class PageSizeSelect {
+  private _defaultButtonTemplate;
+  private _defaultItemTemplate;
+  /**
+   * The current page
+   */
+  size: number;
+  /**
+   * The available sizes
+   */
+  sizeOptions: number[];
+  /**
+   * Event whenever the size changes
+   */
+  sizeChange: EventEmitter<number>;
+  /**
+   * Chevron position
+   */
+  chevronPosition: 'start' | 'end';
+  /**
+   * The size of the button
+   */
+  buttonSize: 'small' | 'medium';
+  /**
+   * The template for the data view
+   */
+  buttonTemplate: templateFunc;
+  /**
+   * The template for the data view
+   */
+  itemTemplate: templateFunc;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Wether to hide when there is only 1 page available
+   */
+  hidden: boolean;
+  /**
+   * Locales used for this component
+   */
+  private _locales;
+  componentWillLoad(): void;
+  render(): any;
+  private _setLocales;
+  private _changeSize;
+}

package/dist/types/components/molecules/pagination/pagination.component.d.ts

@@ -4,11 +4,18 @@ export declare class Pagination {
    * The current page
    */
   page: number;
+  /**
+   * Event whenever the page changes
+   */
   pageChange: EventEmitter<number>;
   /**
    * The amount of items per page
    */
   pageSize: number;
+  /**
+   * Wether to hide when there is only 1 page available
+   */
+  hideOnSinglePage: boolean;
   /**
    * The total amount of items
    */