@getflip/swirl-components 0.2.0 → 0.3.0

package/dist/types/components/flip-empty-state/flip-empty-state.d.ts

@@ -0,0 +1,5 @@
+export declare class FlipEmptyState {
+  heading?: string;
+  illustration?: string;
+  render(): any;
+}

package/dist/types/components/flip-empty-state/flip-empty-state.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-empty-state.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipEmptyState: any;

package/dist/types/components/flip-file-viewer/flip-file-viewer.d.ts

@@ -0,0 +1,19 @@
+import { FlipFileViewerPdfZoom } from "./viewers/flip-file-viewer-pdf/flip-file-viewer-pdf";
+export declare class FlipFileViewer {
+  description?: string;
+  errorMessage?: string;
+  file: string;
+  type: string;
+  typeUnsupportedMessage?: string;
+  zoom?: FlipFileViewerPdfZoom;
+  private viewer;
+  /**
+   * Download the file.
+   */
+  download(): Promise<void>;
+  /**
+   * Print the file. Applicable to PDFs only.
+   */
+  print(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/flip-file-viewer.stories.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="mdx" />
+import Docs from "./flip-file-viewer.mdx";
+declare const _default: {
+  argTypes: {
+    file: {
+      control: {
+        type: string;
+      };
+    };
+    zoom: {
+      control: {
+        type: string;
+      };
+      description: string;
+    };
+  };
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipFileViewer: any;

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-audio/flip-file-viewer-audio.d.ts

@@ -0,0 +1,5 @@
+export declare class FlipFileViewerAudio {
+  file: string;
+  type: string;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-csv/flip-file-viewer-csv.d.ts

@@ -0,0 +1,10 @@
+export declare class FlipFileViewerCsv {
+  errorMessage?: string;
+  file: string;
+  data: (boolean | number | string)[][];
+  error: boolean;
+  loading: boolean;
+  componentWillLoad(): void;
+  updateTable(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-image/flip-file-viewer-image.d.ts

@@ -0,0 +1,11 @@
+export declare class FlipFileViewerImage {
+  description?: string;
+  errorMessage?: string;
+  file: string;
+  error: boolean;
+  loading: boolean;
+  watchFile(): void;
+  private onError;
+  private onLoad;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.d.ts

@@ -0,0 +1,32 @@
+import { PDFDocumentProxy } from "pdfjs-dist/legacy/build/pdf.js";
+export declare type FlipFileViewerPdfZoom = number | "auto";
+export declare class FlipFileViewerPdf {
+  el: HTMLElement;
+  errorMessage?: string;
+  file: string;
+  zoom?: FlipFileViewerPdfZoom;
+  doc: PDFDocumentProxy;
+  error: boolean;
+  loading: boolean;
+  visiblePages: number[];
+  private pages;
+  private renderedPages;
+  private renderingPageNumbers;
+  private scrollContainer;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): Promise<void>;
+  onWindowResize(): Promise<void>;
+  watchProps(): Promise<void>;
+  /**
+   * Print the file.
+   */
+  print(): Promise<void>;
+  private getPages;
+  private renderVisiblePages;
+  private updateVisiblePages;
+  private renderTextLayer;
+  private openPrintDialog;
+  private getScale;
+  private onScroll;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-text/flip-file-viewer-text.d.ts

@@ -0,0 +1,10 @@
+export declare class FlipFileViewerText {
+  errorMessage?: string;
+  file: string;
+  error: boolean;
+  loading: boolean;
+  text: string;
+  componentWillLoad(): void;
+  updateText(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.d.ts

@@ -0,0 +1,5 @@
+export declare class FlipFileViewerVideo {
+  file: string;
+  type: string;
+  render(): any;
+}

package/dist/types/components/flip-form-control/flip-form-control.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @slot slot - The input element, e.g. `<flip-text-input></flip-text-input>`
+ */
+export declare class FlipFormControl {
+  el: HTMLElement;
+  description?: string;
+  disabled?: boolean;
+  errorMessage?: string;
+  invalid?: boolean;
+  label: string;
+  hasFocus: boolean;
+  inputValue: string;
+  private descriptionId;
+  private inputEl;
+  componentWillLoad(): void;
+  associateDescriptionWithInputElement(): void;
+  setInputElementDisabledState(): void;
+  setInputElementInvalidState(): void;
+  onWindowClick(event: MouseEvent): void;
+  private listenToInputValueChanges;
+  private checkInputValue;
+  private onFocusIn;
+  private onFocusOut;
+  render(): any;
+}

package/dist/types/components/flip-form-control/flip-form-control.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-form-control.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipFormControl: any;

package/dist/types/components/flip-form-group/flip-form-group.d.ts

@@ -0,0 +1,5 @@
+export declare type FlipFormGroupOrientation = "horizontal" | "vertical";
+export declare class FlipFormGroup {
+  orientation: FlipFormGroupOrientation;
+  render(): any;
+}

package/dist/types/components/flip-form-group/flip-form-group.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-form-group.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipFormGroup: any;

package/dist/types/components/flip-heading/flip-heading.d.ts

@@ -0,0 +1,11 @@
+export declare type FlipHeadingAlign = "start" | "center" | "end";
+export declare type FlipHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type FlipHeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+export declare class FlipHeading {
+  align?: FlipHeadingAlign;
+  as?: FlipHeadingTag;
+  headingId?: string;
+  level?: FlipHeadingLevel;
+  text: string;
+  render(): any;
+}

package/dist/types/components/flip-heading/flip-heading.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-heading.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipHeading: any;

package/dist/types/components/flip-icon/icons/flip-icon-arrow-left.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconArrowLeft {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-arrow-right.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconArrowRight {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-fullscreen-exit.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconFullscreenExit {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-fullscreen.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconFullscreen {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-open-in-new.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconOpenInNew {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-print.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconPrint {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-icon/icons/flip-icon-remove.d.ts

@@ -0,0 +1,5 @@
+import { FlipIconSize } from "../flip-icon.types";
+export declare class FlipIconRemove {
+  size: FlipIconSize;
+  render(): any;
+}

package/dist/types/components/flip-list/flip-list.d.ts

@@ -0,0 +1,5 @@
+export declare class FlipList {
+  private containerEl;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/flip-list/flip-list.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-list.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipList: any;

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

@@ -0,0 +1,34 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class FlipModal {
+  closeButtonLabel?: string;
+  label: string;
+  primaryActionLabel?: string;
+  secondaryActionLabel?: string;
+  primaryAction: EventEmitter<MouseEvent>;
+  secondaryAction: EventEmitter<MouseEvent>;
+  closing: boolean;
+  scrolled: boolean;
+  private modal;
+  private modalEl;
+  private scrollContainer;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  onWindowResize(): void;
+  /**
+   * Open the modal.
+   */
+  open(): Promise<void>;
+  /**
+   * Close the modal.
+   */
+  close(): Promise<void>;
+  onKeyDown: (event: KeyboardEvent) => void;
+  private onBackdropClick;
+  private onCloseButtonClick;
+  private onPrimaryAction;
+  private onSecondaryAction;
+  private determineScrollStatus;
+  private lockBodyScroll;
+  private unlockBodyScroll;
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="mdx" />
+import Docs from "./flip-modal.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+      source: {
+        code: string;
+      };
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipModal: any;

package/dist/types/components/flip-option-list/flip-option-list.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { FlipFormInput } from "../../utils";
+export declare class FlipOptionList implements FlipFormInput<string[]> {
+  el: HTMLElement;
+  disabled?: boolean;
+  label?: string;
+  multiSelect?: boolean;
+  value?: string[];
+  valueChange: EventEmitter<string[]>;
+  private items;
+  componentDidLoad(): void;
+  watchDisabled(): void;
+  watchMultiSelect(): void;
+  watchValue(): void;
+  private onFocus;
+  private onClick;
+  private onKeyDown;
+  private setItemDisabledState;
+  private setItemContext;
+  private selectItem;
+  private updateValue;
+  private selectFocusedItem;
+  private selectAllItems;
+  private syncItemsWithValue;
+  private focusItem;
+  private focusNextItem;
+  private focusPreviousItem;
+  private getActiveItemIndex;
+  render(): any;
+}

package/dist/types/components/flip-option-list/flip-option-list.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-option-list.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipOptionList: any;

package/dist/types/components/flip-option-list-item/flip-option-list-item.d.ts

@@ -0,0 +1,13 @@
+export declare type FlipOptionListItemContext = "single-select" | "multi-select";
+export declare class FlipOptionListItem {
+  context?: FlipOptionListItemContext;
+  disabled?: boolean;
+  icon?: string;
+  label: string;
+  selected?: boolean;
+  value: string;
+  private iconEl;
+  componentDidLoad(): void;
+  private forceIconProps;
+  render(): any;
+}

package/dist/types/components/flip-option-list-item/flip-option-list-item.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-option-list-item.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipOptionListItem: any;

package/dist/types/components/flip-option-list-section/flip-option-list-section.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @slot slot - The option list item components
+ */
+export declare class FlipOptionListSection {
+  label: string;
+  render(): any;
+}

package/dist/types/components/flip-option-list-section/flip-option-list-section.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-option-list-section.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipOptionListSection: any;

package/dist/types/components/flip-pagination/flip-pagination.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare type FlipPaginationVariant = "default" | "simple" | "advanced";
+export declare class FlipPagination {
+  accessibleNextButtonLabel?: string;
+  accessiblePrevButtonLabel?: string;
+  nextButtonLabel?: string;
+  pageLabel?: string;
+  prevButtonLabel?: string;
+  label: string;
+  page: number;
+  pages: number;
+  pageSelectLabel?: string;
+  variant?: FlipPaginationVariant;
+  setPage: EventEmitter<number>;
+  private onPrevButtonClick;
+  private onNextButtonClick;
+  private onSelect;
+  render(): any;
+}

package/dist/types/components/flip-pagination/flip-pagination.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-pagination.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipPagination: any;

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

@@ -1,10 +1,11 @@
-import { ComputePositionReturn } from "@floating-ui/dom";
+import { ComputePositionReturn, Placement } from "@floating-ui/dom";
 /**
  * @slot slot - The popover content.
  */
 export declare class FlipPopover {
   el: HTMLElement;
   label: string;
+  placement?: Placement;
   popoverId: string;
   trigger: string;
   active: boolean;
@@ -17,13 +18,21 @@ export declare class FlipPopover {
   private triggerEl;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  onWindowFocusout(event: FocusEvent): void;
-  close: () => void;
-  open: () => void;
-  toggle: () => void;
+  onWindowClick(event: MouseEvent): void;
+  onFocusOut: (event: FocusEvent) => void;
+  /**
+   * Close the popover.
+   * @returns
+   */
+  close(): Promise<void>;
+  /**
+   * Open the popover.
+   * @returns
+   */
+  open(): Promise<void>;
+  toggle: (event: Event) => void;
   private connectTrigger;
   private onKeydown;
-  private onContentClick;
   private updateTriggerAttributes;
   private updateChildMenuItems;
   private reposition;

package/dist/types/components/flip-progress-indicator/flip-progress-indicator.d.ts

@@ -0,0 +1,9 @@
+export declare type FlipProgressIndicatorSize = "s" | "m";
+export declare type FlipProgressIndicatorVariant = "bar" | "circle";
+export declare class FlipProgressIndicator {
+  label: string;
+  size?: FlipProgressIndicatorSize;
+  value?: number;
+  variant?: FlipProgressIndicatorVariant;
+  render(): any;
+}

package/dist/types/components/flip-progress-indicator/flip-progress-indicator.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-progress-indicator.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipProgressIndicator: any;

package/dist/types/components/flip-radio-group/flip-radio-group.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class FlipRadioGroup {
   el: HTMLElement;
+  flipAriaDescribedby?: string;
   value?: string;
   valueChange: EventEmitter<string>;
   private radioButtons;

package/dist/types/components/flip-text/flip-text.d.ts

@@ -0,0 +1,14 @@
+export declare type FlipTextAlign = "start" | "center" | "end";
+export declare type FlipTextColor = "default" | "subdued" | "critical" | "success" | "warning";
+export declare type FlipTextFontStyle = "normal" | "italic";
+export declare type FlipTextSize = "sm" | "base" | "lg";
+export declare type FlipTextWeight = "normal" | "medium" | "semibold" | "bold";
+export declare class FlipText {
+  align?: FlipTextAlign;
+  as?: string;
+  color?: FlipTextColor;
+  fontStyle?: FlipTextFontStyle;
+  size?: FlipTextSize;
+  weight?: FlipTextWeight;
+  render(): any;
+}

package/dist/types/components/flip-text/flip-text.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-text.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipText: any;

package/dist/types/components/flip-text-input/flip-text-input.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { FlipFormInput } from "../../utils";
+export declare type FlipTextInputType = "date" | "datetime-local" | "email" | "number" | "password" | "reset" | "tel" | "text" | "url";
+export declare type FlipTextInputMode = "decimal" | "email" | "numeric" | "search" | "tel" | "text" | "url";
+export declare class FlipTextInput implements FlipFormInput {
+  autoComplete?: string;
+  autoFocus?: boolean;
+  autoSelect?: boolean;
+  clearable?: boolean;
+  clearButtonLabel?: string;
+  disabled?: boolean;
+  flipAriaDescribedby?: string;
+  invalid?: boolean;
+  maxLength?: number;
+  max?: number;
+  min?: number;
+  mode?: FlipTextInputMode;
+  prefixLabel?: string;
+  required?: boolean;
+  rows?: number;
+  showCharacterCounter?: boolean;
+  spellCheck?: boolean;
+  suffixLabel?: string;
+  step?: number;
+  passwordToggleLabel?: string;
+  type?: FlipTextInputType;
+  value?: string;
+  showPassword: boolean;
+  valueChange: EventEmitter<string>;
+  private inputEl;
+  componentDidRender(): void;
+  private adjustInputSize;
+  private clear;
+  private onChange;
+  private onFocus;
+  private onInput;
+  private onKeyPress;
+  private decreaseValue;
+  private increaseValue;
+  private handleAutoSelect;
+  private togglePassword;
+  render(): any;
+}

package/dist/types/components/flip-text-input/flip-text-input.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-text-input.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipTextInput: any;