@paperless/core 0.1.0-alpha.19 → 0.1.0-alpha.191

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-backdrop/modal-backdrop.component.d.ts

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

package/dist/types/components/atoms/modal-body/modal-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/modal-container/modal-container.component.d.ts

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

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

@@ -0,0 +1,7 @@
+export declare class ModalFooter {
+  /**
+   * Wether to show the footer on mobile
+   */
+  hideOnMobile: boolean;
+  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
+   */
+  showMobileClose: boolean;
+  /**
+   * Close click event
+   */
+  close: EventEmitter<MouseEvent>;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,22 @@
+import { RotateOptions } from '../../../types/tailwind';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class SegmentItem {
+  /**
+   * Wether the segment item is active
+   */
+  active: boolean;
+  /**
+   * Icon to show on the segment item
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  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

@@ -0,0 +1,23 @@
+import { RotateOptions } from '../../../types/tailwind';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class Status {
+  /**
+   * The variant of the status
+   */
+  variant: 'default' | 'positive' | 'unbiased' | 'negative';
+  /**
+   * Icon to show on the status
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  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/tooltip/tooltip.component.d.ts

@@ -1,17 +1,22 @@
-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
    */
-  variant: 'hover' | 'click';
+  variant: 'hover' | 'click' | 'error';
   /**
    * The content of the popover
    */
   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-definition/table-definition.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableDefinitionSizes } from '../../../types/table';
+export declare class TableDefinition {
+  /**
+   * 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 | TableDefinitionSizes;
+  /**
+   * 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

@@ -0,0 +1,61 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Dropdown {
+  /**
+   * The content of the dropdown menu
+   */
+  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
+   */
+  insideClick: boolean;
+  /**
+   * 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
+   */
+  private _el;
+  /**
+   * Open change event
+   */
+  isOpen: EventEmitter<boolean>;
+  private _loaded;
+  private _popper;
+  private _trigger;
+  private _menu;
+  componentShouldUpdate(): void;
+  render(): any;
+  private _checkButton;
+  protected onShowChange(show: any): void;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _containerClickHandler;
+  private _triggerClickHandler;
+  private _load;
+  private _setOptions;
+  private _show;
+  private _hide;
+}

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

@@ -0,0 +1,63 @@
+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;
+  /**
+   * 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,48 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare type templateFunc = (value: number) => string;
+export declare class PageSizeSelect {
+  /**
+   * 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
    */

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

@@ -0,0 +1,20 @@
+export declare class Profile {
+  /**
+   * The variant of the profile
+   */
+  variant: 'company' | 'user';
+  /**
+   * The size of the profile avatar
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * The host element
+   */
+  private _el;
+  private _dropdownOpen;
+  componentWillRender(): void;
+  render(): any;
+  private _getContent;
+  private _updateAvatar;
+  private _getIcon;
+}

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

@@ -0,0 +1,112 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Select {
+  /**
+   * The items to show in the dropdown
+   */
+  items: string | any[];
+  /**
+   * The current query
+   */
+  query: string;
+  /**
+   * The placeholder of the input
+   */
+  placeholder: string;
+  /**
+   * The placeholder of the input when auto completing
+   */
+  autocompletePlaceholder: string;
+  /**
+   * The current value
+   */
+  value: any;
+  /**
+   * The key of the object to display
+   */
+  displayKey: string;
+  /**
+   * The key of the object to return
+   */
+  valueKey: string;
+  /**
+   * The key of the object to display
+   */
+  queryKey?: string;
+  /**
+   * Wether to automatically select the first item
+   */
+  autoSelectFirst: boolean;
+  /**
+   * The maximum amount of items to display
+   */
+  maxDisplayedItems: number;
+  /**
+   * Wether to enable autocomplete
+   */
+  enableAutocomplete: boolean;
+  /**
+   * Wether the input uses async filtering
+   */
+  asyncFilter: boolean;
+  /**
+   * Wether to show loading items
+   */
+  loading: boolean;
+  /**
+   * Event when the query of the autocomplete changes
+   */
+  queryChange: EventEmitter<string>;
+  /**
+   * Event when the value changes
+   */
+  valueChange: EventEmitter<any>;
+  /**
+   * The size of the input group used by the select
+   */
+  size: 'small' | 'medium';
+  /**
+   * The prefix of the input group used by the select
+   */
+  prefix: string;
+  /**
+   * The label of the input group used by the select
+   */
+  label: string;
+  /**
+   * The helper of the input group used by the select
+   */
+  helper: string;
+  /**
+   * The helper of the input group used by the select
+   */
+  error: string;
+  /**
+   * Wether the input group is disabled used by the select
+   */
+  disabled: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _showDropdown;
+  private _selectedItem;
+  private _isAutoCompleting;
+  private _inputRef;
+  get _items(): any;
+  get _displayValue(): any;
+  get _placeholder(): string;
+  componentDidLoad(): void;
+  render(): any;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _selectValue;
+  private _onFocus;
+  private _onMouseDown;
+  private _onClick;
+  private _onBlur;
+  private _onChange;
+  private _checkvalue;
+  private _getItems;
+  private _getLoadingItems;
+}

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

@@ -0,0 +1,18 @@
+export declare class Stepper {
+  /**
+   * The currently active step
+   */
+  activeStep: number;
+  /**
+   * The direction of the stepper
+   */
+  direction: 'horizontal' | 'vertical';
+  /**
+   * The host element
+   */
+  private _el;
+  private _steps;
+  componentWillRender(): void;
+  render(): any;
+  private _generateSteps;
+}